JavaScript must be enabled to play.
Browser lacks capabilities required to play.
Upgrade or switch to another browser.
Loading…
<br/> <<nobr>> <<set $AdultCheck to false>> /* Начальное значение переменной */ <</nobr>> <div style="text-align: center;"><h3>Hello.</h3>On behalf of the development team (one and a half people),<br/>we express our gratitude to you for your interest in our project. Before we begin, we want to warn you that this game is intended only for adults with a stable psyche,<br/>as it contains explicit scenes of a sexual nature of varying nature and degree of perversion. <div class="comp01">YES. This game is ONLY FOR ADULTS!</div> Who are able to withstand severe tests for their eyes and brain. Therefore, if you are an excessively curious child, the mother of this child or a pregnant man, then we ask you to click the "NO" button, delete this game and forget about it as a strange but terrible dream.</div> <<nobr>> * <div style="text-align: center;"><label><<checkbox "$AdultCheck" false true>> <span style="color: rgba(207, 198, 107, 1.0); font-size: 1.2em;"> I am warned and understand that this game is intended for adults only</span></label></div> <div class="links-container00"> <div class="links01"> <<link "I AM AN ADULT">> <<if $AdultCheck is true>> <<goto DUPLICATED_PROTECTION>> <<else>> <<script>> Dialog.setup("   CHECK"); Dialog.wiki("In order to continue the game, you must first check the checkbox."); Dialog.open(); <</script>> <</if>> <</link>> </div> <div class="links01"> <<link "NO">> <<run closeGameEffect()>> <</link>> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run lightenScreen()>> <div class="game-content"> <br/><br/> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Plot/01/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText"> <strong>Somewhere in the middle of nowhere…</strong> </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 700)>> <<set $PROLOGUE += 1>> <<switch $PROLOGUE>> <<case 1>> <<run replaceTextWithDelay("DescText", "<strong>You don't know where you are... <br/>You don't know who you are… <br/>You don't know how you ended up here... <br/>You are not sure if you are still alive…</strong>")>> <<case 2>> <<run replaceTextWithDelay("DescText", "<strong>And you feel boundless peace and emptiness…</strong>")>> <<run replaceImageWithEffect("plotImage", "img/Plot/01/002.jpg")>> <<case 3>> <<run replaceTextWithDelay("DescText", "- Captain! I see a drowning woman!")>> <<run replaceImageWithEffect("plotImage", "img/Plot/01/003.jpg")>> <<case 4>> <<run replaceTextWithDelay("DescText", "- Oscar. Pull her closer with an oar.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/01/004.jpg")>> <<case 5>> <<run replaceTextWithDelay("DescText", "- Yes Captain! *bang*")>> <<Message "You felt a blow to the head.">> <<case 6>> <<run replaceTextWithDelay("DescText", "- Why are you hitting her!? Drag her to the side! <br/>- Yes Cap....")>> <<Message "Consciousness leaves you completely.">> <<run replaceImageWithEffect("plotImage", "img/Plot/01/005.jpg")>> <<case 7>> <<set $PROLOGUE to 0>> <<run darkenScreen()>> <<run setTimeout(() => Engine.play("CHARACTER_GENERATION_SCREEN"), 3000)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $PROLOGUE to 0>> <<run darkenScreen()>> <<run setTimeout(() => Engine.play("CHARACTER_GENERATION_SCREEN"), 3000)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run lightenScreen()>> <<run updateBimTotal()>> <div style="text-align: center;"><h2>CHARACTER CUSTOMIZATION</h2></div> <div style="text-align: center;"><img src="img/Сharacter/Portraits/Base/CharacterGenPortrait06.png" class="centerImage" style="max-width:65%;"></div><</nobr>> <div id="PARAMETERSBox01"><h3>  PARAMETERS</h3><strong>   Strength: </strong><span id="STRStat"><strong>$STRBase</strong></span> <strong>   Dexterity: </strong><span id="DEXStat"> <strong>$DEXBase</strong></span> <strong>   Intelligence: </strong><span id="INTStat"> <strong>$INTBase</strong></span> <strong>   Fitness: $Fit</strong> <strong>   Beauty: $Bea</strong></div> <div id="PERSONALITYBox01"><h3>  PERSONALITY</h3><strong>   Mind Curse: $BimTotal</strong> <strong>   Submissiveness: $Sub</strong> <strong>   Dominance: $Dom</strong></div> <div id="NameBox01"><span class="big"> Your name is: </span><<textbox "$Pname" "Sara">></div> <div id="AgeBox01"><span class="big"> Age is: </span> <<listbox "$PAge">> <<option "18">> <<option "19" >> <<option "20">> <<option "21" selected>> <<option "22">> <<option "23">> <<option "24">> <<option "25">> <<option "26">> <<option "27">> <<option "28">> <<option "29">> <<option "30">> <</listbox>><br></div> <div id="HairBox01"><span class="big"> Hair is: </span><<listbox "$HaC">> <<option "Black" 0 selected>> <<option "Brunette" 1>> <<option "Blonde" 2>> <<option "Ash blonde" 3>> <<option "Red" 4>> <<run UIBar.setStoryElements()>> <</listbox>> <br></div> <div id="StatsBox01"> <strong>Strength :</strong> \   <<link "➕">> <<if $StatP gt 0>> <<set $STRBase++>> <<set $StatP-->> <<replace "#STRStat">><<print $STRBase>><</replace>> <<replace "#pointsStat">><<print $StatP>><</replace>> <</if>> <</link>>\ <<link "➖">> <<if $STRBase gt 2>> <<set $STRBase-->> <<set $StatP++>> <<replace "#STRStat">><<print $STRBase>><</replace>> <<replace "#pointsStat">><<print $StatP>><</replace>> <</if>> <</link>> <strong>Dexterity:</strong> \   <<link "➕">> <<if $StatP gt 0>> <<set $DEXBase++>> <<set $StatP-->> <<run updateDEX()>> <<replace "#DEXStat">><<print $DEXBase>><</replace>> <<replace "#pointsStat">><<print $StatP>><</replace>> <</if>> <</link>>\ <<link "➖">> <<if $DEXBase gt 2>> <<set $DEXBase-->> <<set $StatP++>> <<run updateDEX()>> <<replace "#DEXStat">><<print $DEXBase>><</replace>> <<replace "#pointsStat">><<print $StatP>><</replace>> <</if>> <</link>> <strong>Intelligence:</strong> \ <<link "➕">> <<if $StatP gt 0>> <<set $INTBase++>> <<set $StatP-->> <<replace "#INTStat">><<print $INTBase>><</replace>> <<replace "#pointsStat">><<print $StatP>><</replace>> <</if>> <</link>>\ <<link "➖">> <<if $INTBase gt 1>> <<set $INTBase-->> <<set $StatP++>> <<replace "#INTStat">><<print $INTBase>><</replace>> <<replace "#pointsStat">><<print $StatP>><</replace>> <</if>> <</link>> <<link "[Reset Points]">> <<set $STRBase to 2>> <<set $DEXBase to 2>> <<set $INTBase to 1>> <<set $StatP to 5>> <<replace "#STRStat">><<print $STRBase>><</replace>> <<replace "#DEXStat">><<print $DEXBase>><</replace>> <<replace "#INTStat">><<print $INTBase>><</replace>> <<replace "#pointsStat">><<print $StatP>><</replace>> <</link>>  Total Points: <span id="pointsStat"> <strong>$StatP</strong></span></div><div id="ButtonBack04"><span class="btn2"> <<button "<strong>NEXT</strong>">> <<if $StatP > 0>> <<script>> Dialog.setup("   WARNING"); Dialog.wiki("You have some free attribute points left!"); Dialog.open(); <</script>> <<else>> <<run darkenScreen()>> <<run setTimeout(() => Engine.play("CITY_START"), 3000)>> <</if>> <</button>> </span></div> <<nobr>> <style> /* Убираем мигающий курсор во всех элементах */ * { caret-color: auto !important; } /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } </style> <</nobr>>
<<nobr>> <<run lightenScreen()>> <div class="game-content"> <br/><br/> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Plot/03/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">... </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 700)>> <<set $CITY_START += 1>> <<switch $CITY_START>> <<case 1>> <<run replaceTextWithDelay("DescText", "You see an unfamiliar ceiling.")>> <<case 2>> <<run replaceTextWithDelay("DescText", "<strong>You:</strong> - Where am I? <br/>Looking around, you realize that you are in a hospital ward. <br/>The sound of a door opening is heard and a doctor enters the room.")>> <<case 3>> <<run replaceTextWithDelay("DescText", "- Well, well, well, you've woken up! Wonderful. By all indications,<br/>you should be completely healthy. And yet, how are you feeling?")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/004.jpg")>> <<case 4>> <<run replaceTextWithDelay("DescText", "<strong>You:</strong> - I seem to have memory problems, can’t remember who I am and how I got here.")>> <<case 5>> <<run replaceTextWithDelay("DescText", "<strong>Dave Dickins:</strong> - Hmm, Okay. My name is Dave Dickins, I am the chief physician of the Local Hospital. <br/>Your name is <$>$Pname</$>. At least that's what's written in the passport found with you. <br/>Local fishermen found you unconscious in the water near the shore. You were very lucky. <br/>By all indirect signs, you are a victim of an accidental transfer.")>> <<case 6>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Transfer?")>> <<case 7>> <<run replaceTextWithDelay("DescText", "<strong>Dave Dickins:</strong> - That's right. You see, it's another world. With magic, monsters and fog. <br/>People and objects from related worlds are periodically thrown here. <br/>Your case of memory loss, although rare, is not exceptional either. <br/>Fortunately, all the memory necessary for normal integration into our urban community is present. <br/>The most important thing is that most of this world is surrounded by a<br/>thick fog inhabited by various monsters.")>> <<case 8>> <<run replaceTextWithDelay("DescText", "<strong>Dave Dickins:</strong> - And people who are weak in body and spirit are simply unable to overcome it. <br/>In the future, you may be able to solve this problem. <br/>But now, you must successfully integrate into our society. And to do this, you should visit your local bank. <br/>As a newcomer to town, you are entitled to a one-time payment of a starting allowance and the opening of a personal account. <br/>And also free accommodation in a local hostel. But I strongly recommend renting<br/>normal accommodation in the northern region as soon as possible.")>> <<case 9>> <<run replaceTextWithDelay("DescText", "<strong>Dave Dickins:</strong> - Get some weapons. It can be rough here at night. <br/>Also, treatment in our city is paid. Of course, except for the current case. <br/>But you should know that the attitude towards slackers who cannot pay for someone else's work is very harsh here. <br/>And if you don’t have enough money to pay for someone’s services, you can become a debt slave. <br/>If you are admitted to hospital, the money for treatment will be debited from your bank account. <br/>After all, situations can be different. Now the nurse will bring you breakfast and help you get to our bank branch<br/>where they will tell you about other features of your situation.")>> <<case 10>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - It's all hard to believe, but thank you, doctor.")>> <<case 11>> <<set $CITY_START to 0>> <<run darkenScreen()>> <<run setTimeout(() => Engine.play("BANK_START"), 3000)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $CITY_START to 0>> <<run darkenScreen()>> <<run setTimeout(() => Engine.play("BANK_START"), 3000)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $ATM to 2>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(12)>> /* Случайное число от 0 до 12 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "SeaHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "SeaHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $Horor02 == 0>> <<goto "SluSewerage01">> <<elseif $EventEnc01 == 9 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 20 and $Horor03 == 0>> <<goto "SluSigns01">> <<elseif $EventEnc01 == 10 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor04 == 0 and $PPot == 0>> <<goto "SluBoxes01">> <<elseif $EventEnc01 == 11 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 40 and $Horor04 == 0 and $PPot == 0>> <<goto "SluBoxes01">> <<elseif $EventEnc01 == 12 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor05 == 0 and $PPot == 0>> <<goto "SluFog01">> <</if>> <div style="text-align: center;"><h2>PORT</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Slums/PortMM_01" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Slums/NPortMM_01" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Slums/PortM_01.jpg.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Slums/NPortM_01.jpg.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Slums/Port_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Slums/NPort_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">City Port. You can see the Port Authority Building, a pawn shop, a pier and many warehouses.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬆️ MARKET SQUARE|Slums_01]] [[↗️ DIRTY SLUMS|Slums_02]] [[➡️ COASTAL SLUMS|Slums_03]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DOCKS == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "D_SEARCH_00">> <</if>> <</link>></div> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "🦑 STREET FOOD">> <<if $TDay <= 2>> <<Message "Stall opens in the morning">> <<elseif $TDay >= 18>> <<Message "Stall is already closed">> <<else>> <<goto "STREET_FOOD_01">> <</if>> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Night<br/> Days: Always</center> </div> <div class="links01"> <<link "💵 ATM">> <<goto "ATM01">> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Port_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $ATM to 1>> <<set $Metro to 0>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(12)>> /* Случайное число от 0 до 12 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "SluHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "SluHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $Horor02 == 0>> <<goto "SluSewerage01">> <<elseif $EventEnc01 == 9 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 20 and $Horor03 == 0>> <<goto "SluSigns01">> <<elseif $EventEnc01 == 10 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor04 == 0 and $PPot == 0>> <<goto "SluBoxes01">> <<elseif $EventEnc01 == 11 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 40 and $Horor04 == 0 and $PPot == 0>> <<goto "SluBoxes01">> <<elseif $EventEnc01 == 12 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor05 == 0 and $PPot == 0>> <<goto "SluFog01">> <</if>> <div style="text-align: center;"><h2>SLUM MARKET SQUARE</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Slums/SlumsMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Slums/NSlumsMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Slums/SlumsM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Slums/NSlumsM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Slums/Slums_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Slums/NSlums_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">City slums. It is more crowded here than other streets in this area, possibly because of the "slave market" where bankers "sell" debtors to work off their debts, or the metro station. There is also an unremarkable building of temporary housing for "guests" of the city.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[➡️ DIRTY SLUMS|Slums_02]] [[↘️ COASTAL SLUMS|Slums_03]] [[⬇️ PORT|Port_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DOCKS == 1>> <<Message "You've already looked around this area">> <<else>> <<goto "D_SEARCH_00">> <</if>> <</link>> </div> <div class="links01"> <<link "💵 ATM">> <<goto "ATM01">> <</link>></div></div> <div class="links-container03"> [[BULLETIN BOARD 🔵|BulletinBoard01]] [[TO THE METRO STATION 🔴|Metro_01]] <<link "TO THE FLOPHOUSE 🏦">> <<if $HOME >= 1>> <<Message "You don't live here anymore">> <<else>> <<goto "Flophouse_01">> <</if>> <</link>> </div></div> <<set $location to "Slums_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(12)>> /* Случайное число от 0 до 12 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "SluHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "SluHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $Horor02 == 0>> <<goto "SluSewerage01">> <<elseif $EventEnc01 == 9 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 20 and $Horor03 == 0>> <<goto "SluSigns01">> <<elseif $EventEnc01 == 10 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor04 == 0 and $PPot == 0>> <<goto "SluBoxes01">> <<elseif $EventEnc01 == 11 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 40 and $Horor04 == 0 and $PPot == 0>> <<goto "SluBoxes01">> <<elseif $EventEnc01 == 12 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor05 == 0 and $PPot == 0>> <<goto "SluFog01">> <</if>> <div style="text-align: center;"><h2>DIRTY SLUMS</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Slums/SlumsMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Slums/NSlumsMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Slums/SlumsM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Slums/NSlumsM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Slums/Slums_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Slums/NSlums_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">City slums. From the dark alleys you hear the quiet muttering of local drug addicts.<br/>In one of them there is a hole in the fence leading to the city park.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the park will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬇️ COASTAL SLUMS|Slums_03]] [[⬅️ MARKET SQUARE|Slums_01]] [[↙️ PORT|Port_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DOCKS == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "D_SEARCH_00">> <</if>> <</link>></div> </div> <div class="links-container03"> <<link "GO TO THE PARK 🔴">> <<if $TDay >= 19>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 2>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Park_01">> <</if>> <</link>> <div id="ATTACK02" style="cursor: help;"> <<link "GO TO THE PAWNSHOP 🏦">> <<if $TDay <= 2>> <<Message "The pawn shop opens in the morning">> <<elseif $TDay >= 15>> <<Message "The pawn shop is already closed">> <<else>> <<switch $PAWNSHOP_START>> <<case 0>> <<goto PAWNSHOP_START>> <<case 1>> <<goto Pawnshop_01>> <<default>> <<goto Pawnshop_01>> <</switch>> <</if>> <</link>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Always</center> </div> </div> </div> <<set $location to "Slums_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $ATM to 3>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(12)>> /* Случайное число от 0 до 12 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "SeaHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "SeaHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $Horor02 == 0>> <<goto "SluSewerage01">> <<elseif $EventEnc01 == 9 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 20 and $Horor03 == 0>> <<goto "SluSigns01">> <<elseif $EventEnc01 == 10 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor04 == 0 and $PPot == 0>> <<goto "SluBoxes01">> <<elseif $EventEnc01 == 11 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 40 and $Horor04 == 0 and $PPot == 0>> <<goto "SluBoxes01">> <<elseif $EventEnc01 == 12 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor05 == 0 and $PPot == 0>> <<goto "SluFog01">> <</if>> <div style="text-align: center;"><h2>COASTAL SLUMS</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Slums/SlumsMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Slums/NSlumsMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Slums/SlumsM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Slums/NSlumsM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Slums/Slums_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Slums/NSlums_03.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">City slums near the shore. You see the building of the local brothel nearby, behind it on the shore there is a good place for diving for oysters.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬆️ DIRTY SLUMS|Slums_02]] [[⬅️ PORT|Port_01]] [[↖️ MARKET SQUARE|Slums_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DOCKS == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "D_SEARCH_00">> <</if>> <</link>></div> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "💸 PEARL DIVING">> <<if $TDay >= 15>> <<Message "It is too late for diving">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $EventEnc02 to 0>> <<goto "PEARL_DIVING_01">> <</if>> <</link>></div></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Early morning-Evening<br/> Days: Always</center> </div> <div class="links01"> <<link "💵 ATM">> <<goto "ATM01">> <</link>></div> </div> <div class="links-container03"> <<link "SLUM BROTHEL 🏦">> <<goto "Brothel_01">> <</link>> <<link "CHEAP HOTEL 🔴">> <<Message "You have no business there">> <</link>> </div></div> <<set $location to "Slums_03">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>METRO</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Metro/MetroMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Metro/MetroM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Metro/Metro_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A small metro that runs in a circle around the city park.<br/>It has only four stops in the main city areas and is rarely crowded.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The fare is 5 units)</span></div> <div class="links-row"> <div class="links-container02"> <<back "🔁 GO BACK">></div> <div class="links-container03"> <<link "TO THE NORTHERN QUARTER 🚇">> <<if $Money <= 4>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $Money -= 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "ROUTE _03">> <</if>> <</link>> <<link "TO THE EASTERN QUARTER 🚇">> <<if $Money <= 4>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $Money -= 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "ROUTE _04">> <</if>> <</link>> <<link "TO THE WESTERN QUARTER 🚇">> <<if $Money <= 4>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $Money -= 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "ROUTE _01">> <</if>> <</link>> <<link "TO THE SLUMS 🚇">> <<if $Money <= 4>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $Money -= 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "ROUTE _02">> <</if>> <</link>> </div></div> <<set $location to "Metro_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $ATM to 5>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(11)>> /* Случайное число от 0 до 11 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "StoHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "StoHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $Horor02 == 0>> <<goto "StoSewerage01">> <<elseif $EventEnc01 == 9 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 20 and $Horor03 == 0>> <<goto "StoSigns01">> <<elseif $EventEnc01 == 10 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor05 == 0 and $PPot == 0>> <<goto "StoFog01">> <<elseif $EventEnc01 == 11 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 40 and $Horor05 == 0 and $PPot == 0>> <<goto "StoFog01">> <</if>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <<set $Metro to 0>> <div style="text-align: center;"><h2>WESTERN NIGHT DISTRICT</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarterMM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarterMM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarterM_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarterM_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarter_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarter_04.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A street in a wealthy area of the city. It is home to a local nightclub and a small film studio.<br/>Nearby is the entrance to the metro.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The cost of access to the Nightclub is 15 units)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬆️ WESTERN ESTATES|WeQuarter_02]] [[⬅️ ARENA DISTRICT|WeQuarter_03]] [[↖️ RICH AREA|WeQuarter_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_WEAST == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "W_SEARCH_00">> <</if>> <</link>></div> <div class="links01"> <<link "💵 ATM">> <<goto "ATM01">> <</link>></div> </div> <div class="links-container03"> [[TO THE METRO STATION 🔴|Metro_01]] <div id="ATTACK02" style="cursor: help;"> <<link "GO TO NIGHTCLUB 🔴">> <<if $WDay == 1>> <<Message "Closed on Tuesday">> <<elseif $WDay == 2>> <<Message "Closed on Wednesday">> <<elseif $WDay == 3>> <<Message "Closed on Thursday">> <<elseif $TDay <= 14>> <<Message "Will be open at night">> <<elseif $TDay == 20>> <<Message "The club is closing">> <<elseif $Money <= 14>> <<Message "Not enough money">> <<elseif $Bimbo == 0>> <<Message "Need some makeup on my face">> <<else>> <<set $Money -= 10>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "NightClub_01">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Night-Late night<br/> Days: Friday-Monday</center> </div> <div id="ATTACK03" style="cursor: help;"> <<link "TO THE EARRING SHOP 💍">> <<if $WDay == 6>> <<Message "Closed on Sunday">> <<elseif $TDay <= 2>> <<Message "The earring shop opens in the morning">> <<elseif $TDay >= 15>> <<Message "The earring shop is already closed">> <<else>> <<goto "NShopEar">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip3" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Monday-Saturday</center> </div> </div></div> <<set $location to "WeQuarter_04">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } #attack-tooltip3 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(8)>> /* Случайное число от 0 до 8 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "StoHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "StoHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $Horor02 == 0>> <<goto "StoSewerage01">> <</if>>
<<nobr>> <<set $ATM to 7>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(10)>> /* Случайное число от 0 до 10 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "UrbHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "UrbHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 20 and $Horor03 == 0>> <<goto "UrbSigns01">> <<elseif $EventEnc01 == 9 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor04 == 0 and $PPot == 0>> <<goto "UrbBoxes01">> <<elseif $EventEnc01 == 10 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 40 and $Horor04 == 0 and $PPot == 0>> <<goto "UrbBoxes01">> <</if>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <<set $Metro to 0>> <div style="text-align: center;"><h2>NORTHERN RESIDENTIAL AREA</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarterMM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarterMM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarterM_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarterM_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarter_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarter_04.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">The northern part of the city. There are a number of large residential buildings and shops here. Nearby is the entrance to the metro.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬆️ CONTROL AREA|NoQuarter_02]] [[⬅️ MAIN DISTRICT|NoQuarter_03]] [[↖️ JOY DISTRICT|NoQuarter_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_NORTH == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "N_SEARCH_00">> <</if>> <</link>></div> <div class="links01"> <<link "💵 ATM">> <<goto "ATM01">> <</link>></div> </div> <div class="links-container03"> [[TO THE METRO STATION 🔴|Metro_01]] <<link "TO THE RESIDENTIAL BUILDING 🏦">> <<switch $RESIDENTIAL_START>> <<case 0>> <<goto RESIDENTIAL_START>> <<case 1>> <<goto Residential_01>> <<case 3>> <<goto Residential_02>> <<default>> <<goto Residential_01>> <</switch>> <</link>> <div id="ATTACK02" style="cursor: help;"> <<link "TO THE BEAUTY SALON 🏦">> <<if $WDay == 6>> <<Message "Closed on Sunday">> <<elseif $TDay <= 2>> <<Message "Beauty salon opens in the morning">> <<elseif $TDay >= 15>> <<Message "Beauty salon is already closed">> <<else>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div id="ATTACK02" style="cursor: help;"> <<link "TO THE STOCKING STORE 👙">> <<if $WDay == 6>> <<Message "Closed on Sunday">> <<elseif $TDay <= 2>> <<Message "The stocking store opens in the morning">> <<elseif $TDay >= 15>> <<Message "The stocking store is already closed">> <<else>> <<goto "NShopSto">> <</if>> <</link>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Monday-Saturday</center> </div> </div> <<set $location to "NoQuarter_04">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $ATM to 6>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(11)>> /* Случайное число от 0 до 11 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "StoHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "StoHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $Horor02 == 0>> <<goto "StoSewerage01">> <<elseif $EventEnc01 == 9 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 20 and $Horor03 == 0>> <<goto "StoSigns01">> <<elseif $EventEnc01 == 10 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor05 == 0 and $PPot == 0>> <<goto "StoFog01">> <<elseif $EventEnc01 == 11 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 40 and $Horor05 == 0 and $PPot == 0>> <<goto "StoFog01">> <</if>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <<set $Metro to 0>> <div style="text-align: center;"><h2>EASTERN CINEMA DISTRICT</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarterMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarterMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarterM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarterM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarter_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarter_03.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Industrial area of the city. The city cinema building and a large clothing store are located here. Nearby is the entrance to the metro.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬆️ SPORTS DISTRICT|EaQuarter_01]] [[↗️ FACTORY DISTRICT|EaQuarter_02]] [[➡️ HOSPITAL DISTRICT|EaQuarter_04]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_EAST == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "E_SEARCH_00">> <</if>> <</link>></div> <div class="links01"> <<link "💵 ATM">> <<goto "ATM01">> <</link>></div> </div> <div class="links-container03"> [[TO THE METRO STATION 🔴|Metro_01]] <div id="ATTACK02" style="cursor: help;"> <<link "GO TO THE CINEMA 🏦">> <<if $TDay >= 16>> <<Message "It is too late for walking">> <<elseif $TDay <= 2>> <<Message "It's too early to open">> <<else>> <<goto "Cinema_00">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Late night<br/> Days: Always</center> </div> <div id="ATTACK03" style="cursor: help;"> <<link "TO THE OUTERWEAR STORE 🧥">> <<if $WDay == 6>> <<Message "Closed on Sunday">> <<elseif $TDay <= 2>> <<Message "Store opens in the morning">> <<elseif $TDay >= 15>> <<Message "The outerwear store is already closed">> <<else>> <<goto "NShopOut">> <</if>> <</link>></div> <div id="ATTACK03" style="cursor: help;"> <<link "TO THE SKIRTS STORE 🧥">> <<if $WDay == 6>> <<Message "Closed on Sunday">> <<elseif $TDay <= 2>> <<Message "The store opens in the morning">> <<elseif $TDay >= 15>> <<Message "The store is already closed">> <<else>> <<goto "NShopSki">> <</if>> <</link>></div> <div id="ATTACK03" style="cursor: help;"> <<link "TO THE SHOES STORE 🧥">> <<if $WDay == 6>> <<Message "Closed on Sunday">> <<elseif $TDay <= 2>> <<Message "The shoes store opens in the morning">> <<elseif $TDay >= 15>> <<Message "The shoes store is already closed">> <<else>> <<goto "NShopSho">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip3" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Monday-Saturday</center> </div> </div></div> <<set $location to "EaQuarter_03">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } #attack-tooltip3 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $ATM to 9>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(7)>> /* Случайное число от 0 до 7 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "VilHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "VilHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $Horor02 == 0>> <<goto "VilSewerage01">> <</if>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div style="text-align: center;"><h2>WESTERN ESTATES</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarterMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarterMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarterM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarterM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarter_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarter_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A street in a wealthy part of the city. You see a luxurious estate and a bathing building.<br/>At the exit of the street there is a passage to the city park.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the park will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬇️ NIGHT DISTRICT|WeQuarter_04]] [[↙️ ARENA DISTRICT|WeQuarter_03]] [[⬅️ RICH AREA|WeQuarter_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_WEAST == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "W_SEARCH_00">> <</if>> <</link>></div> <div class="links01"> <<link "🍰 VENDING MACHINE">> <<goto "VENDING_MACHINE_01">> <</link>></div> <div class="links01"> <<link "💵 ATM">> <<goto "ATM01">> <</link>></div> </div> <div class="links-container03"> <<link "GO TO THE PARK 🔴">> <<if $TDay >= 19>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 2>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Park_01">> <</if>> <</link>> <div id="ATTACK02" style="cursor: help;"> <<link "TO THE RING SHOP 💍">> <<if $WDay == 6>> <<Message "Closed on Sunday">> <<elseif $TDay <= 2>> <<Message "The ring shop opens in the morning">> <<elseif $TDay >= 15>> <<Message "The ring shop is already closed">> <<else>> <<goto "NShopRin">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Monday-Saturday</center> </div> </div></div> <<set $location to "WeQuarter_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 220px; min-height: 27px; max-width: 220px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div style="text-align: center;"><h2>WESTERN ARENA DISTRICT</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarterMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarterMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarterM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarterM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarter_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarter_03.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A street in a wealthy part of the city. There is an arena here where local actors and musicians perform, and on weekends there are competitions between professional fighters, debtors and captured monsters. In the distance you can see the entrance to a paid beach.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The cost of access to the private beach is 10 units)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬆️ RICH AREA|WeQuarter_01]] [[↗️ WESTERN ESTATES|WeQuarter_02]] [[➡️ NIGHT DISTRICT|WeQuarter_04]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_WEAST == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "W_SEARCH_00">> <</if>> <</link>></div> </div> <div class="links-container03"> <div id="ATTACK02" style="cursor: help;"> <<link "GO TO THE LIBRARY 🏦">> <<if $WDay == 0>> <<Message "Closed on Monday">> <<elseif $TDay >= 15>> <<Message "The library is already closed">> <<else>> <<goto "Library_01">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Early morning-Evening<br/> Days: Tuesday-Sunday</center> </div> <div id="ATTACK03" style="cursor: help;"> <<link "GO TO THE ARENA 🏦">> <<if $TDay >= 18>> <<Message "The Arena is already closed">> <<else>> <<goto "Arena_00">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip3" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Early morning-Night<br/> Days: Always</center> </div> <<link "GO TO PRIVATE BEACH 🔴">> <<if $Money <= 10>> <<Message "Not enough money">> <<else>> <<set $Money -= 10>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "PrivBeach_01">> <</if>> <</link>> <div id="ATTACK04" style="cursor: help;"> <<link "TO THE NECKLACE SHOP 💍">> <<if $WDay == 6>> <<Message "Closed on Sunday">> <<elseif $TDay <= 2>> <<Message "The necklase shop opens in the morning">> <<elseif $TDay >= 15>> <<Message "The necklase shop is already closed">> <<else>> <<goto "NShopNec">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip4" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Monday-Saturday</center> </div> </div></div> <<set $location to "WeQuarter_03">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } #attack-tooltip3 { position: fixed; top: 22%; left: 50%; } #attack-tooltip4 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $ATM to 4>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(11)>> /* Случайное число от 0 до 11 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "StoHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "StoHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $Horor02 == 0>> <<goto "StoSewerage01">> <<elseif $EventEnc01 == 9 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 20 and $Horor03 == 0>> <<goto "StoSigns01">> <<elseif $EventEnc01 == 10 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor05 == 0 and $PPot == 0>> <<goto "StoFog01">> <<elseif $EventEnc01 == 11 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 40 and $Horor05 == 0 and $PPot == 0>> <<goto "StoFog01">> <</if>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div style="text-align: center;"><h2>WESTERN RICH AREA</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarterMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarterMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarterM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarterM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/WeQuarter_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/NWeQuarter_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A street in a wealthy part of the city. You see an old estate and a small shop of a local alchemist.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[➡️ WESTERN ESTATES|WeQuarter_02]] [[↘️ NIGHT DISTRICT|WeQuarter_04]] [[⬇️ ARENA DISTRICT|WeQuarter_03]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_WEAST == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "W_SEARCH_00">> <</if>> <</link>></div> <div class="links01"> <<link "💵 ATM">> <<goto "ATM01">> <</link>></div> </div> <div class="links-container03"> <<link "PUBLIC TOILET 🔴">> <<goto "PublicToilet_02">> <</link>> <div id="ATTACK02" style="cursor: help;"> <<link "TO THE ALCHEMIST SHOP ⚗️">> <<if $WDay == 4>> <<Message "Closed on Friday">> <<elseif $TDay <= 2>> <<Message "The alchemist shop opens in the morning">> <<elseif $TDay >= 15>> <<Message "The alchemist shop is already closed">> <<else>> <<goto "NShopAlh">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Saturday-Thursday</center> </div> </div></div> <<set $location to "WeQuarter_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>PRIVAT BEACH</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/WeQuarter/PrivBeachMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/WeQuarter/NPrivBeachMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/PrivBeachM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/NPrivBeachM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/PrivBeach_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/WeQuarter/NPrivBeach_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A closed beach for the "elite", which can be accessed by anyone who can pay a few pennies<br/>for entry and does not look like a homeless person at the port.<br/>Among the people relaxing, you notice several beastmen who look like reptiles,<br/>as well as several who have the features of deer. Despite their appearance, they seem quite harmless.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 13>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_BEACH">> <</if>> <</link>></div> <div class="links01"> <<link "SWIM">> <<if $TDay >= 13>> <<Message "It's too late to swim">> <<else>> <<goto "PrivBeach_03">> <</if>> <</link>></div> <div class="links01"> <<link "SUNBATHING">> <<if $TDay >= 13>> <<Message "It's too late to sunbathe">> <<else>> <<goto "PrivBeach_02">> <</if>> <</link>></div> </div> <div class="links-container03"> [[RETURN TO THE QUARTER 🔴|WeQuarter_03]] </div></div> <<set $location to "PrivBeach_01">> <<if $TDay <= 12>> <<Message "The sun is high, so you can rest here">> <<elseif $TDay >= 13>> <<Message "The day is ending, too late to rest here">> <</if>> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div style="text-align: center;"><h2>EASTERN SPORTS DISTRICT</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarterMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarterMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarterM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarterM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarter_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarter_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Industrial area of the city. You see the building of the gym and the gun shop.<br/>At the exit of the street there is a passage to the city park.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the park will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[➡️ FACTORY DISTRICT|EaQuarter_02]] [[↘️ HOSPITAL DISTRICT|EaQuarter_04]] [[⬇️ CINEMA DISTRICT|EaQuarter_03]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_EAST == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "E_SEARCH_00">> <</if>> <</link>></div> <div class="links01"> <<link "🍰 VENDING MACHINE">> <<goto "VENDING_MACHINE_02">> <</link>></div> </div> <div class="links-container03"> <<link "GO TO THE PARK 🔴">> <<if $TDay >= 19>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 2>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Park_01">> <</if>> <</link>> <div id="ATTACK02" style="cursor: help;"> <<link "GO TO THE GYM 🏦">> <<if $TDay >= 19>> <<Message "It is too late for gym">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<goto "Gym_01">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Early morning-Late night<br/> Days: Always</center> </div> <div id="ATTACK03" style="cursor: help;"> <<link "WEAPONS SHOP ⚔️">> <<if $WDay == 4>> <<Message "Closed on Friday">> <<elseif $TDay <= 2>> <<Message "The weapons shop opens in the morning">> <<elseif $TDay >= 15>> <<Message "The weapons shop is already closed">> <<else>> <<goto "NShopWea">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip3" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Saturday-Thursday</center> </div> </div></div> <<set $location to "EaQuarter_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 220px; min-height: 27px; max-width: 220px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } #attack-tooltip3 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $ATM to 10>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(8)>> /* Случайное число от 0 до 8 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "VilHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "VilHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $Horor02 == 0>> <<goto "VilSewerage01">> <</if>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div style="text-align: center;"><h2>EASTERN FACTORY DISTRICT</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarterMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarterMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarterM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarterM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarter_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarter_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Industrial area of the city. On the left is a large plot of land allocated for a city school, and on the right is a fenced-in local plant of the corporation "Zondek"</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬇️ HOSPITAL DISTRICT|EaQuarter_04]] [[↙️ CINEMA DISTRICT|EaQuarter_03]] [[⬅️ SPORTS DISTRICT|EaQuarter_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_EAST == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "E_SEARCH_00">> <</if>> <</link>></div> <div class="links01"> <<link "💵 ATM">> <<goto "ATM01">> <</link>></div> </div> <div class="links-container03"> <<link "PUBLIC TOILET 🔴">> <<goto "PublicToilet_01">> <</link>> </div></div> <<set $location to "EaQuarter_02">> <<Message "In development">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div style="text-align: center;"><h2>EASTERN HOSPITAL DISTRICT</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarterMM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarterMM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarterM_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarterM_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/EaQuarter_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/EaQuarter/NEaQuarter_04.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Industrial area of the city. You see the huge building of the city hospital combined with the main office of the local corporation "Zondek"</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬆️ FACTORY DISTRICT|EaQuarter_02]] [[⬅️ CINEMA DISTRICT|EaQuarter_03]] [[↖️ SPORTS DISTRICT|EaQuarter_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_EAST == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "E_SEARCH_00">> <</if>> <</link>></div> </div> <div class="links-container03"> [[GO TO HOSPITAL 🏦|Hospital_Reception_01]] [[LABORATORY BUILDING 🏦|Lab01]] </div></div> <<set $location to "EaQuarter_04">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div style="text-align: center;"><h2>NORTHERN CONTROL AREA</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarterMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarterMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarterM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarterM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarter_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarter_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">The northern part of the city. Here is the exit from the city, as well as the main building of the local guard/police. Next to it you can see the building of the "adventurers' guild" and a place<br/>for parking caravans arriving and leaving into the "fog".<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬇️ RESIDENTIAL AREA|NoQuarter_04]] [[↙️ MAIN DISTRICT|NoQuarter_03]] [[⬅️ JOY DISTRICT|NoQuarter_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_NORTH == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "N_SEARCH_00">> <</if>> <</link>></div> </div> <div class="links-container03"> <<link "GO OUTSIDE THE CITY GATES 🔴">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $GuildM == 0>> <<script>> Dialog.setup("   ACCESS DENIED"); Dialog.wiki("Only members of the Adventurers' Guild<br/>and employees of certain city services can leave the city.<br/>"); Dialog.open(); <</script>> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_01">> <</if>> <</link>> [[GO TO THE CEMETERY 🪦|CityCem_01]] <<link "GO TO THE CITY GUARD 🏦">> <<switch $GUARD_START>> <<case 0>> <<goto GUARD_START>> <<case 1>> <<goto City_Guard_01>> <<default>> <<goto City_Guard_01>> <</switch>> <</link>> <div id="ATTACK02" style="cursor: help;"> <<link "GO TO THE GUILD 🏦">> <<if $WDay == 0>> <<Message "Closed on Monday">> <<elseif $TDay <= 2>> <<Message "The Guild opens in the morning">> <<elseif $TDay >= 15>> <<Message "The Guild is already closed">> <<else>> <<goto "Guild_01">> <</if>> <</link>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Tuesday-Sunday</center> </div> </div></div> <<set $location to "NoQuarter_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $ATM to 8>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div style="text-align: center;"><h2>NORTHERN JOY DISTRICT</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarterMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarterMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarterM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarterM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarter_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarter_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">The northern part of the city. You see a large local tavern and several gambling houses. At the end of the street there is a passage leading to a large farm.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[➡️ CONTROL AREA|NoQuarter_02]] [[↘️ RESIDENTIAL AREA|NoQuarter_04]] [[⬇️ MAIN DISTRICT|NoQuarter_03]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_NORTH == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "N_SEARCH_00">> <</if>> <</link>></div> <div class="links01"> <<link "💵 ATM">> <<goto "ATM01">> <</link>></div> </div> <div class="links-container03"> <<link "GO TO THE FARM 🌹">> <<goto "Farm_01">> <</link>> <div id="ATTACK02" style="cursor: help;"> <<link "TO THE PANTIES STORE 👙">> <<if $WDay == 6>> <<Message "Closed on Sunday">> <<elseif $TDay <= 2>> <<Message "The panties store opens in the morning">> <<elseif $TDay >= 15>> <<Message "The panties store is already closed">> <<else>> <<goto "NShopPan">> <</if>> <</link>></div> <div id="ATTACK02" style="cursor: help;"> <<link "TO THE BRA STORE 👙">> <<if $WDay == 6>> <<Message "Closed on Sunday">> <<elseif $TDay <= 2>> <<Message "The bra store opens in the morning">> <<elseif $TDay >= 15>> <<Message "The bra store is already closed">> <<else>> <<goto "NShopBra">> <</if>> <</link>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Monday-Saturday</center> </div> <div id="ATTACK03" style="cursor: help;"> <<link "GO TO THE TAVERN 🏦">> <<if $TDay <= 2>> <<Message "Tavern opens in the morning">> <<elseif $TDay >= 18>> <<Message "Taver is already closed">> <<else>> <<goto "Tavern_01">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip3" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Always</center> </div> </div></div> <<set $location to "NoQuarter_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } #attack-tooltip3 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(10)>> /* Случайное число от 0 до 10 */ <<if $EventEnc01 == 7 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 20 and $Horor01 == 0>> <<goto "UrbHoror01">> <<elseif $EventEnc01 == 6 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 50 and $Mad >= 50 and $Horor01 == 0>> <<goto "UrbHoror01">> <<elseif $EventEnc01 == 8 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 20 and $Horor03 == 0>> <<goto "UrbSigns01">> <<elseif $EventEnc01 == 9 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 30 and $Horor04 == 0 and $PPot == 0>> <<goto "UrbBoxes01">> <<elseif $EventEnc01 == 10 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 40 and $Mad >= 40 and $Horor04 == 0 and $PPot == 0>> <<goto "UrbBoxes01">> <</if>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div style="text-align: center;"><h2>NORTHERN MAIN DISTRICT</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarterMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarterMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarterM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarterM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NoQuarter_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/NoQuarter/NNoQuarter_03.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">The northern part of the city. You can see the luxurious building of the bank and the city administration.<br/>At the exit of the street there is a passage to the city park.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the park will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⬆️ JOY DISTRICT|NoQuarter_01]] [[↗️ CONTROL AREA|NoQuarter_02]] [[➡️ RESIDENTIAL AREA|NoQuarter_04]] </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<elseif $Tox >= 50>> <<goto "SDrunk_01">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_NORTH == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "N_SEARCH_00">> <</if>> <</link>></div> </div> <div class="links-container03"> <div id="ATTACK02" style="cursor: help;"> <<link "GO TO THE BANK 🏦">> <<if $WDay == 4>> <<Message "Closed on Friday">> <<elseif $TDay <= 2>> <<Message "Bank opens in the morning">> <<elseif $TDay >= 15>> <<Message "Bank is already closed">> <<else>> <<goto "Bank_01">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Saturday-Thursday</center> </div> <<link "GO TO THE CITY HALL 🏦">> <<goto "SityHall_01">> <</link>> <<link "GO TO THE PARK 🔴">> <<if $TDay >= 19>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 2>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Park_01">> <</if>> <</link>> <<link "HOTEL BUILDING 🔴">> <<Message "You have no business there">> <</link>> </div></div> <<set $location to "NoQuarter_03">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>FARM</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Farm/FarmMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Farm/NFarmMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Farm/FarmM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Farm/NFarmM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Farm/Farm_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Farm/NFarm_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">City farms. Here are cultivated fields planted with various vegetables, barns, granaries and stalls for large cattle. Here is also the house of the main farmer and small residential houses for workers. You notice people busy with work who have very unusual appearances. Some of them are practically naked.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_FARM">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FARM == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "F_SEARCH_00">> <</if>> <</link>></div> </div> <div class="links-container03"> [[RETURN TO THE QUARTER 🔴|NoQuarter_01]] <<link "TO THE BARN 🔴">> <<if $TDay >= 15>> <<Message "Тo reason to disturb the locals now.">> <<else>> <<switch $FARM_START>> <<case 0>> <<goto FARM_START>> <<case 1>> <<goto "FarmBarn_01">> <<default>> <<goto "FarmBarn_01">> <</switch>> <</if>> <</link>> <<if $FARM_START >= 1>> <<link "POTATO FIELD 🔴">> <<if $TDay >= 15>> <<Message "It's too dark now">> <<else>> <<goto "FarmPotatoF_01">> <</if>> <</link>> <<link "CORNFIELD 🔴">> <<if $TDay >= 15>> <<Message "It's too dark now">> <<else>> <<goto "FarmCornfield_01">> <</if>> <</link>> <</if>> </div> <<set $location to "Farm_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div style="text-align: center;"><h2>CITY CEMETERY</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/CityCem/CityCemMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/CityCem/NCityCemMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/CityCem/CityCemM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/CityCem/NCityCemM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/CityCem/CityCem_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/CityCem/NCityCem_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <</nobr>><div style="text-align: center;">A gloomy city cemetery. Next to the locked building of the old church you see several small stone boxes of family crypts.</div> <<nobr>> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "🔽 TO THE DUNGEON">> <<switch $DUNGEON_START>> <<case 0>> <<goto DUNGEON_START>> <<case 1>> <<goto EntDungeon_01>> <<default>> <<goto EntDungeon_01>> <</switch>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<if $EventEnc00 == 4>> <<goto "Potion02_03">> <<else>> <<goto "SKIP_START">> <</if>> <</link>></div> </div> <div class="links-container03"> [[RETURN TO THE QUARTER 🔴|NoQuarter_02]] </div></div> <<set $location to "CityCem_01">> <<Message "In development">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $FieldsEn_01 == 0 and $PPot == 0>> <<set $FieldsEn_01 to 1>> <<goto "FieldsBattle01">> <<elseif $EventEnc01 == 1 and $FieldsEn_01 == 0 and $PPot == 0>> <<set $FieldsEn_01 to 1>> <<goto "FieldsBattle01">> <</if>> <div style="text-align: center;"><h2>FIELDS</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/FieldsMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/NFieldsMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/FieldsM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFieldsM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/Fields_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFields_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">An open field next to the city walls. The gates to the city are nearby.<br/>A foggy patch of forest can be seen in the distance.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_01">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_06">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_02">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_FIELDS">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FIELDS >= 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $FieldsEn_01 to 1>> <<goto "FieldsBattle01">> <<else>> <<goto "LookAroundFi01">> <</if>> <</link>></div> </div> <div class="links-container03"> <<link "RETURN TO THE CITY 🔴">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "NoQuarter_02">> <</if>> <</link>> </div></div> <<set $location to "Fields_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_01 == 0 and $PPot == 0>> <<set $ForestEn_01 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_01 == 0 and $PPot == 0>> <<set $ForestEn_01 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick.<br/>The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_08">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_01">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_02">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FOREST == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_01 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $FieldsEn_02 == 0 and $PPot == 0>> <<set $FieldsEn_02 to 1>> <<goto "FieldsBattle01">> <<elseif $EventEnc01 == 1 and $FieldsEn_02 == 0 and $PPot == 0>> <<set $FieldsEn_02 to 1>> <<goto "FieldsBattle01">> <</if>> <div style="text-align: center;"><h2>FIELDS</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/FieldsMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/NFieldsMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/FieldsM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFieldsM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/Fields_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFields_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">An open field next to the city walls. A foggy patch of forest can be seen in the distance.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_02">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_01">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_03">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_FIELDS">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FIELDS >= 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $FieldsEn_02 to 1>> <<goto "FieldsBattle01">> <<else>> <<goto "LookAroundFi01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Fields_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $FieldsEn_06 == 0 and $PPot == 0>> <<set $FieldsEn_06 to 1>> <<goto "FieldsBattle01">> <<elseif $EventEnc01 == 1 and $FieldsEn_06 == 0 and $PPot == 0>> <<set $FieldsEn_06 to 1>> <<goto "FieldsBattle01">> <</if>> <div style="text-align: center;"><h2>FIELDS</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/FieldsMM_06.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/NFieldsMM_06.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/FieldsM_06.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFieldsM_06.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/Fields_06.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFields_06.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">An open field near the corner of the city walls. A foggy patch of forest can be seen in the distance.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_08">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_10">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_07">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_01">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_FIELDS">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FIELDS >= 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $FieldsEn_06 to 1>> <<goto "FieldsBattle01">> <<else>> <<goto "LookAroundFi01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Fields_06">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_02 == 0 and $PPot == 0>> <<set $ForestEn_02 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_02 == 0 and $PPot == 0>> <<set $ForestEn_02 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick.<br/>The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_01">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_02">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_03">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FOREST == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_02 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $FieldsEn_03 == 0 and $PPot == 0>> <<set $FieldsEn_03 to 1>> <<goto "FieldsBattle01">> <<elseif $EventEnc01 == 1 and $FieldsEn_03 == 0 and $PPot == 0>> <<set $FieldsEn_03 to 1>> <<goto "FieldsBattle01">> <</if>> <div style="text-align: center;"><h2>FIELDS</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/FieldsMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/NFieldsMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/FieldsM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFieldsM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/Fields_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFields_03.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">An open field near the corner of the city walls. A foggy patch of forest can be seen in the distance.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_03">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_02">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_04">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_05">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_FIELDS">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FIELDS >= 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $FieldsEn_03 to 1>> <<goto "FieldsBattle01">> <<else>> <<goto "LookAroundFi01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Fields_03">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_08 == 0 and $PPot == 0>> <<set $ForestEn_08 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_08 == 0 and $PPot == 0>> <<set $ForestEn_08 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_08.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_08.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_08.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick. The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_09">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_06">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_01">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FOREST == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_08 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_08">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_03 == 0 and $PPot == 0>> <<set $ForestEn_03 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_03 == 0 and $PPot == 0>> <<set $ForestEn_03 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_03.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick.<br/>The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_02">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_03">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_04">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FOREST == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_03 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_03">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $FieldsEn_04 == 0 and $PPot == 0>> <<set $FieldsEn_04 to 1>> <<goto "FieldsBattle01">> <<elseif $EventEnc01 == 1 and $FieldsEn_04 == 0 and $PPot == 0>> <<set $FieldsEn_04 to 1>> <<goto "FieldsBattle01">> <</if>> <div style="text-align: center;"><h2>FIELDS</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/FieldsMM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/NFieldsMM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/FieldsM_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFieldsM_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/Fields_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFields_04.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">An open field next to the city walls. A foggy patch of forest can be seen in the distance.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_03">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_05">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_06">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_FIELDS">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FIELDS >= 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $FieldsEn_04 to 1>> <<goto "FieldsBattle01">> <<else>> <<goto "LookAroundFi01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Fields_04">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_05 == 0 and $PPot == 0>> <<set $ForestEn_05 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_05 == 0 and $PPot == 0>> <<set $ForestEn_05 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_05.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_05.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_05.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick.<br/>The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_04">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_03">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_06">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FOREST == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_05 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_05">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_04 == 0 and $PPot == 0>> <<set $ForestEn_04 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_04 == 0 and $PPot == 0>> <<set $ForestEn_04 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_04.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_04.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick.<br/>The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_03">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_05">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FOREST == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_04 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_04">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_06 == 0 and $PPot == 0>> <<set $ForestEn_06 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_06 == 0 and $PPot == 0>> <<set $ForestEn_06 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_06.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_06.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_06.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick.<br/>The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_05">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_04">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_07">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FOREST == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_06 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>></div> <</link>> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_06">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $FieldsEn_05 == 0 and $PPot == 0>> <<set $FieldsEn_05 to 1>> <<goto "FieldsBattle01">> <<elseif $EventEnc01 == 1 and $FieldsEn_05 == 0 and $PPot == 0>> <<set $FieldsEn_05 to 1>> <<goto "FieldsBattle01">> <</if>> <div style="text-align: center;"><h2>FIELDS</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/FieldsMM_05.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/NFieldsMM_05.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/FieldsM_05.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFieldsM_05.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/Fields_05.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFields_05.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">An open field next to the city walls. In the distance you can see a foggy patch of forest and a rocky shore.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_04">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Coast_01">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_07">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_FIELDS">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FIELDS >= 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $FieldsEn_05 to 1>> <<goto "FieldsBattle01">> <<else>> <<goto "LookAroundFi01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Fields_05">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_07 == 0 and $PPot == 0>> <<set $ForestEn_07 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_07 == 0 and $PPot == 0>> <<set $ForestEn_07 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_07.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_07.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_07.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick.<br/>The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_06">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_05">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FarShore_01">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FOREST == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_07 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_07">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $FarShoreEn_01 == 0 and $PPot == 0>> <<set $FarShoreEn_01 to 1>> <<goto "CoastBattle01">> <<elseif $EventEnc01 == 1 and $FarShoreEn_01 == 0 and $PPot == 0>> <<set $FarShoreEn_01 to 1>> <<goto "CoastBattle01">> <</if>> <div style="text-align: center;"><h2>FAR SHORE</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/FarShore/FarShoreMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/FarShore/FarShoreM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/FarShore/FarShore_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Rocky shore near the forest. You can see how the fog walks between the rocks<br/>on the shore and on the surface of the water.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_07">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Coast_01">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "💸 PEARL DIVING">> <<if $TDay >= 15>> <<Message "It is too late for diving">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $EventEnc02 to 0>> <<goto "PEARL_DIVING_02">> <</if>> <</link>></div></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Early morning-Evening<br/> Days: Always</center> </div> <div class="links-container03"> </div></div> <<set $location to "FarShore_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $CoastEn_01 == 0 and $PPot == 0>> <<set $CoastEn_01 to 1>> <<goto "CoastBattle01">> <<elseif $EventEnc01 == 1 and $CoastEn_01 == 0 and $PPot == 0>> <<set $CoastEn_01 to 1>> <<goto "CoastBattle01">> <</if>> <div style="text-align: center;"><h2>COAST</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Coast/CoastMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Coast/NCoastMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Coast/CoastM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Coast/NCoastM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Coast/Coast_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Coast/NCoast_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A rocky beach next to the city wall. This is a good place to dive for oysters. The water route into the city is protected from the fog monsters, so you'll have to find another way or return by land.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_05">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FarShore_01">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "💸 PEARL DIVING">> <<if $TDay >= 15>> <<Message "It is too late for diving">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $EventEnc02 to 0>> <<goto "PEARL_DIVING_04">> <</if>> <</link>></div></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Early morning-Evening<br/> Days: Always</center> </div> <div class="links-container03"> </div></div> <<set $location to "Coast_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_10 == 0 and $PPot == 0>> <<set $ForestEn_10 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_10 == 0 and $PPot == 0>> <<set $ForestEn_10 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_10.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_10.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_10.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick.<br/>The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_09">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_11">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_06">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FOREST == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_10 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_10">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $FieldsEn_07 == 0 and $PPot == 0>> <<set $FieldsEn_07 to 1>> <<goto "FieldsBattle01">> <<elseif $EventEnc01 == 1 and $FieldsEn_07 == 0 and $PPot == 0>> <<set $FieldsEn_07 to 1>> <<goto "FieldsBattle01">> <</if>> <div style="text-align: center;"><h2>FIELDS</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/FieldsMM_07.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/NFieldsMM_07.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/FieldsM_07.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFieldsM_07.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/Fields_07.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFields_07.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">An open field next to the city walls. A foggy patch of forest can be seen in the distance.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_06">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_11">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_08">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_FIELDS">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FIELDS >= 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $FieldsEn_07 to 1>> <<goto "FieldsBattle01">> <<else>> <<goto "LookAroundFi01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Fields_07">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_10 == 0 and $PPot == 0>> <<set $ForestEn_10 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_10 == 0 and $PPot == 0>> <<set $ForestEn_10 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_09.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_09.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_09.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick. The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/>Among the trees, you can see the outline of a hunting lodge.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_08">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_10">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DOCKS == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_09 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_09">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_11 == 0 and $PPot == 0>> <<set $ForestEn_11 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_11 == 0 and $PPot == 0>> <<set $ForestEn_11 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_11.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_11.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_11.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick.<br/>The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_10">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_12">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_07">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FOREST == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_11 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_11">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $FieldsEn_08 == 0 and $PPot == 0>> <<set $FieldsEn_08 to 1>> <<goto "FieldsBattle01">> <<elseif $EventEnc01 == 1 and $FieldsEn_08 == 0 and $PPot == 0>> <<set $FieldsEn_08 to 1>> <<goto "FieldsBattle01">> <</if>> <div style="text-align: center;"><h2>FIELDS</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/FieldsMM_08.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Fields/NFieldsMM_08.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/FieldsM_08.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFieldsM_08.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Fields/Fields_08.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Fields/NFields_08.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">An open field next to the city walls. In the distance you can see a foggy patch of forest and a rocky shore.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_07">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_12">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<else>> <<set $TDay += 1>> <<set $INSPECTION_FIELDS to 0>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Coast_02">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_FIELDS">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FIELDS >= 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore01_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $FieldsEn_08 to 1>> <<goto "FieldsBattle01">> <<else>> <<goto "LookAroundFi01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Fields_08">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $ForestEn_12 == 0 and $PPot == 0>> <<set $ForestEn_12 to 1>> <<goto "ForestBattle01">> <<elseif $EventEnc01 == 1 and $ForestEn_12 == 0 and $PPot == 0>> <<set $ForestEn_12 to 1>> <<goto "ForestBattle01">> <</if>> <div style="text-align: center;"><h2>FOREST</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Forest/ForestMM_12.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Forest/ForestM_12.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Forest/Forest_12.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Dark foggy forest. Trying to go deeper into the fog makes you walk in circles and feel sick.<br/>The fog seems alive, and the constant feeling of being watched does not add to your peace of mind.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_11">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FarShore_02">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_08">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_FOREST == 1>> <<Message "You've already looked around this area.">> <<elseif $Tox >= 99>> <<goto "Spore02_03">> <<elseif $EventEnc04 == 0 and $PPot == 0>> <<set $ForestEn_12 to 1>> <<goto "ForestBattle01">> <<else>> <<goto "LookAroundFo01">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Forest_12">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $CoastEn_02 == 0 and $PPot == 0>> <<set $CoastEn_02 to 1>> <<goto "CoastBattle01">> <<elseif $EventEnc01 == 1 and $CoastEn_02 == 0 and $PPot == 0>> <<set $CoastEn_02 to 1>> <<goto "CoastBattle01">> <</if>> <div style="text-align: center;"><h2>COAST</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Coast/CoastMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Coast/NCoastMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Coast/CoastM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Coast/NCoastM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Coast/Coast_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Coast/NCoast_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A rocky beach next to the city wall. This is a good place to dive for oysters. The water route into the city is protected from the fog monsters, so you'll have to find another way or return by land.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Fields_08">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FarShore_02">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "💸 PEARL DIVING">> <<if $TDay >= 15>> <<Message "It is too late for diving">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $EventEnc02 to 0>> <<goto "PEARL_DIVING_03">> <</if>> <</link>></div></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Early morning-Evening<br/> Days: Always</center> </div> <div class="links-container03"> </div></div> <<set $location to "Coast_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc04 to 0>> <<set $EventEnc04 to random(1)>> /* Случайное число от 0 до 1 */ <<if $EventEnc01 == 0 and $FarShoreEn_02 == 0 and $PPot == 0>> <<set $FarShoreEn_02 to 1>> <<goto "CoastBattle01">> <<elseif $EventEnc01 == 1 and $FarShoreEn_02 == 0 and $PPot == 0>> <<set $FarShoreEn_02 to 1>> <<goto "CoastBattle01">> <</if>> <div style="text-align: center;"><h2>FAR SHORE</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/FarShore/FarShoreMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/FarShore/FarShoreM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/FarShore/FarShore_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Rocky shore near the forest. You can see how the fog walks between the rocks<br/>on the shore and on the surface of the water.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the wild will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Forest_12">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Coast_02">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<Message "The environment is not conducive to relaxation">> <</link>></div> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "💸 PEARL DIVING">> <<if $TDay >= 15>> <<Message "It is too late for diving">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $EventEnc02 to 0>> <<goto "PEARL_DIVING_05">> <</if>> <</link>></div></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Early morning-Evening<br/> Days: Always</center> </div> <div class="links-container03"> </div></div> <<set $location to "FarShore_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON ENTRANCE</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/EntDungeonMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/EntDungeonM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/EntDungeon_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dilapidated old crypt. There is a hole in the floor with improvised steps leading into the depths of a dark dungeon.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> [[🔼 EXIT THE DUNGEON|CityCem_01]] <<link "🔽 GO FURTHER">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_03">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "EntDungeon_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_03.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes. The exit from the dungeon is located here.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Zaval03 <= 0>> <<goto "DWALL_03">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_04">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Zaval02 <= 0>> <<goto "DWALL_02">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_07">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Zaval01 <= 0>> <<goto "DWALL_01">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_02">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> [[GO UP 🔼|EntDungeon_01]] </div></div> <<set $location to "Dungeon_03">> <<Message "In development">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Zaval01 <= 0>> <<goto "DWALL_04">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_03">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_01">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_04.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_04.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_05">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Zaval03 <= 0>> <<goto "DWALL_06">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_03">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_04">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_07.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_07.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_07.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $Zaval02 <= 0>> <<goto "DWALL_05">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_03">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_12">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_07">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_05.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_05.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_05.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_09">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_04">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_05">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_09.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_09.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_09.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_05">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_14">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_08">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_09">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_02">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_06">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_06.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_06.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_06.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes. On the wall of the tunnel you notice a massive metal door.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_01">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_10">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> [[WALK THROUGH METAL DOORS 🔴|BasLab_01]] </div></div> <<set $location to "Dungeon_06">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_10.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_10.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_10.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_06">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_01">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_10">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>UNDERGROUND LABORATORY</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/BasLabMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/BasLabM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/BasLab_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A suspicious laboratory filled with various medical devices and computers.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container03"> <<link "TO THE DUNGEON 🔴">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_06">> <</if>> <</link>> </div></div> <<set $location to "BasLab_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_12.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_12.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_12.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_07">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_13">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_11">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_12">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_08.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_08.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_08.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_09">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_08">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_14.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_14.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_14.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_09">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_16">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_13">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_14">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>FLOODED DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeon_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Half-flooded with water, a dark tunnel in the thickness of the stone. The water smells bad, perhaps it is connected to the city sewer.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_10">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_02">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_04">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "FloDungeon_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_11.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_11.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_11.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_12">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_02">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_11">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_13.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_13.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_13.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_14">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_15">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_12">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_13">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_16.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_16.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_16.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_14">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_16">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_15.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_15.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_15.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_13">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_17">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_15">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>FLOODED DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeon_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Half-flooded with water, a dark tunnel in the thickness of the stone. The water smells bad, perhaps it is connected to the city sewer.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_11">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_03">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_01">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "FloDungeon_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>FLOODED DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonMM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonM_04.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeon_04.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Half-flooded with water, a dark tunnel in the thickness of the stone. The water smells bad, perhaps it is connected to the city sewer.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_01">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_05">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "FloDungeon_04">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>FLOODED DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonMM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonM_03.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeon_03.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Half-flooded with water, a dark tunnel in the thickness of the stone. The water smells bad, perhaps it is connected to the city sewer.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_02">> <</if>> <</link>> <<link "⬇️ GO SOUTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_06">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "FloDungeon_03">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>FLOODED DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonMM_06.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonM_06.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeon_06.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Half-flooded with water, a dark tunnel in the thickness of the stone. The water smells bad, perhaps it is connected to the city sewer.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_03">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_05">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "FloDungeon_06">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonMM_17.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/DungeonM_17.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/Dungeon_17.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dark tunnel in the thickness of the stone. Some areas of the rock emit a dim light, thanks to which the darkness is not absolute. On the dirt of the floor you can see old rare traces of boots and someone's paws, sometimes there are traces of claws on the walls. You have to carefully watch the floor you walk on, so as not to get too close to suspicious holes.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ GO NORTH">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_15">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "AbaMine_01">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "Dungeon_17">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>FLOODED DUNGEON</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonMM_05.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeonM_05.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/FloDungeon_05.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Half-flooded with water, a dark tunnel in the thickness of the stone. The water smells bad, perhaps it is connected to the city sewer.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "➡️ GO EAST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_06">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "FloDungeon_04">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "FloDungeon_05">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>ABANDONED MINE</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Dungeon/AbaMineMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 39>> <div style="text-align: center;"><img src="img/Locations/Dungeon/AbaMineM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Dungeon/AbaMine_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">The passage to the abandoned mine is partially blocked by a long-ago collapse. Judging by the presence of artificial lighting, someone periodically visits this place. But anyway, going further is suicide.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(The route through the caves will take some time and effort)</span></div> <div class="links-row"> <div class="links-container02"> <<link "🔄 GUILD TOKEN">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬅️ GO WEST">> <<if $TDay == 20>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Dungeon_17">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_DUNGEON">> <</if>> <</link>></div> <div class="links01"> <<link "🔍 LOOK AROUND">> <<if $INSPECTION_DUNGEON == 1>> <<Message "You've already looked around this area.">> <<else>> <<goto "INSPECTION_DUNGEON">> <</if>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "AbaMine_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>CITY PARK</h2></div> <<if $Mad > 79 and $TDay <= 14>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Park/ParkMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 79 and $TDay >= 15>> <span class="madness10"><div style="text-align: center;"><img src="img/Locations/Park/NParkMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Park/ParkM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $Mad > 59 and $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Park/NParkM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay <= 14>> <div style="text-align: center;"><img src="img/Locations/Park/Park_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $TDay >= 15>> <div style="text-align: center;"><img src="img/Locations/Park/NPark_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Quite a large city park. Several fountains, dark alleys and the building of the local news company.<br/>Not far from the TV studio building there is a point of distribution of advertising brochures<br/>where you can earn some extra money.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> <<link "⬆️ TO THE NORTHERN QUARTER">> <<if $TDay >= 19>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 2>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "NoQuarter_03">> <</if>> <</link>> <<link "⬅️ TO THE WESTERN QUARTER">> <<if $TDay >= 19>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 2>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "WeQuarter_02">> <</if>> <</link>> <<link "➡️ TO THE EASTERN QUARTER">> <<if $TDay >= 19>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 2>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "EaQuarter_01">> <</if>> <</link>> <<link "⬇️ TO THE SLUMS">> <<if $TDay >= 19>> <<Message "It is too late for walking">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<else>> <<set $TDay += 2>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<goto "Slums_02">> <</if>> <</link>> </div> <div class="links-container01"> <div class="links01"> <<link "💜 RELAX">> <<if $TDay >= 18>> <<Message "It's too late to rest">> <<else>> <<goto "SKIP_PARK">> <</if>> <</link>></div> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "💸 ADVERTISING">> <<if $TDay <= 2>> <<Message "There are too few people around">> <<elseif $TDay >= 12>> <<Message "There are too few people around">> <<else>> <<goto "ADVERTISING_DISTR_01">> <</if>> <</link>></div></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Afternoon<br/> Days: Always</center> </div> <div id="ATTACK03" style="cursor: help;"> <div class="links01"> <<link "💚 JOGGING">> <<if $TDay >= 20>> <<Message "It's too late for jogging">> <<elseif $MP <= 14>> <<Message "You are too tired">> <<else>> <<goto "JOGGING_01">> <</if>> <</link>></div></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip3" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Early morning-Late night<br/> Days: Always</center> </div> </div> <div class="links-container03"> <div id="ATTACK04" style="cursor: help;"> <<link "TO THE TV STUDIO 🏦">> <<if $TDay <= 2>> <<Message "The tv studio opens in the morning">> <<elseif $TDay >= 15>> <<Message "The tv studio is already closed">> <<else>> <<switch $TVSTUDIO_START>> <<case 0>> <<goto TVSTUDIO_START>> <<case 1>> <<goto TVstudio_01>> <<default>> <<goto TVstudio_01>> <</switch>> <</if>> <</link>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip4" class="tooltip-hidden"> <center><strong>WORKING HOURS</strong><br/> Time: Morning-Evening<br/> Days: Always</center> </div> </div> </div> <<set $location to "Park_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } #attack-tooltip3 { position: fixed; top: 22%; left: 50%; } #attack-tooltip4 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
[[CHARACTER|CHARACTER]] [[MAP|MAP]] <<link "Saves">><<script>>UI.saves()<</script>><</link>> [[SETTINGS|Settings_02]] <<link "SUPPORT">> <<Message "In development">> <</link>> <<link "Restart">><<script>>UI.restart()<</script>><</link>>
<<nobr>> <div class="map16"><a href="https://www.patreon.com/Guldakor"><img src="img/patreon3.png" width="25" height="23"> <span style="color:Tomato; font-size: 1.2em;">Patreon</span></a> <div class="map3"><img id="Base0" src="img/patreon9.png" width="295" height="100"></div> <style> .map3 { position: relative; top: -117px; left: -25px; float: center; z-index: -10; } .map16 { position: relative; top: -17px; left: -0px; float: center; z-index: 1; } .map4 { margin-top: 10px; z-index: 0; } </style> <</nobr>>
<<nobr>> <div id="Portraits"><img id="Base0" src="img/Сharacter/Portraits/Base/Base_00.png"></div> <<switch $HaC>> <<case 0>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Portraits/Hair/HaC_00.png"> </div> <<case 1>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Portraits/Hair/HaC_01.png"> </div> <<case 2>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Portraits/Hair/HaC_02.png"> </div> <<case 3>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Portraits/Hair/HaC_03.png"> </div> <<case 4>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Portraits/Hair/HaC_04.png"> </div> <<case 5>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Portraits/Hair/HaC_05.png"> </div> <<case 6>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Portraits/Hair/HaC_06.png"> </div> <<case 7>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Portraits/Hair/HaC_07.png"> </div> <<default>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Portraits/Hair/HaC_00.png"> </div> <</switch>> <<switch $RingN>> <<case 1>> <div id="Portraits"> <img id="Ring" src="img/Сharacter/Portraits/Ring/RingN_01.png"> </div> <<default>> <div id="Portraits"> <img id="Ring" src="img/Сharacter/Portraits/Ring/RingN_00.png"> </div> <</switch>> <<switch $Hor>> <<case 0>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Portraits/Horns/Horns_00.png"> </div> <<case 1>> <div id="Portraits"> <img id="Horns" src="img/Сharacter/Portraits/Horns/Horns_01.png"> </div> <<case 2>> <div id="Portraits"> <img id="Horns" src="img/Сharacter/Portraits/Horns/Horns_02.png"> </div> <<case 3>> <div id="Portraits"> <img id="Horns" src="img/Сharacter/Portraits/Horns/Horns_03.png"> </div> <<case 4>> <div id="Portraits"> <img id="Horns" src="img/Сharacter/Portraits/Horns/Horns_04.png"> </div> <<default>> <div id="Portraits"> <img id="Horns" src="img/Сharacter/Portraits/Horns/Horns_00.png"> </div> <</switch>> <<switch $Eye>> <<case 0>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Portraits/Eye/Eye_00.png"> </div> <<case 1>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Portraits/Eye/Eye_01.png"> </div> <<case 2>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Portraits/Eye/Eye_02.png"> </div> <<case 3>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Portraits/Eye/Eye_03.png"> </div> <<case 4>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Portraits/Eye/Eye_04.png"> </div> <<case 5>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Portraits/Eye/Eye_05.png"> </div> <<case 6>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Portraits/Eye/Eye_06.png"> </div> <<case 7>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Portraits/Eye/Eye_07.png"> </div> <<case 8>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Portraits/Eye/Eye_08.png"> </div> <<case 9>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Portraits/Eye/Eye_09.png"> </div> <<default>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Portraits/Eye/Eye_00.png"> </div> <</switch>> <<switch $Sperm>> <<case 0>> <div id="Portraits"> <img id="Sperm" src="img/Сharacter/Portraits/Sperm/Sperm_00.png"> </div> <<case 1>> <div id="Portraits"> <img id="Sperm" src="img/Сharacter/Portraits/Sperm/Sperm_01.png"> </div> <<default>> <div id="Portraits"> <img id="Sperm" src="img/Сharacter/Portraits/Sperm/Sperm_00.png"> </div> <</switch>> <<switch $Bimbo>> <<case 0>> <div id="Portraits"> <img id="Bimbo" src="img/Сharacter/Portraits/Bimbo/Bimbo_00.png"> </div> <<case 1>> <div id="Portraits"> <img id="Bimbo" src="img/Сharacter/Portraits/Bimbo/Bimbo_01.png"> </div> <<default>> <div id="Portraits"> <img id="Bimbo" src="img/Сharacter/Portraits/Bimbo/Bimbo_00.png"> </div> <</switch>> <<switch $PPot>> <<case 0>> <div id="Portraits"> <img id="Potion" src="img/Сharacter\Portraits/Potion/PPot_00.png"> </div> <<case 1>> <div id="Portraits"> <img id="Potion" src="img/Сharacter\Portraits/Potion/PPot_01.png"> </div> <<default>> <div id="Portraits"> <img id="Potion" src="img/Сharacter\Portraits/Potion/PPot_00.png"> </div> <</switch>> <<switch $TimeOfTheDay>> <<case "Early morning">> <div id="Portraits"> <img id="DayTime" src="img/Сharacter/Portraits/DayTime/TDay_00.png"> </div> <<case "Morning">> <div id="Portraits"> <img id="DayTime" src="img/Сharacter/Portraits/DayTime/TDay_01.png"> </div> <<case "Noon">> <div id="Portraits"> <img id="DayTime" src="img/Сharacter/Portraits/DayTime/TDay_02.png"> </div> <<case "Afternoon">> <div id="Portraits"> <img id="DayTime" src="img/Сharacter/Portraits/DayTime/TDay_03.png"> </div> <<case "Evening">> <div id="Portraits"> <img id="DayTime" src="img/Сharacter/Portraits/DayTime/TDay_04.png"> </div> <<case "Night">> <div id="Portraits"> <img id="DayTime" src="img/Сharacter/Portraits/DayTime/TDay_05.png"> </div> <<case "Late night">> <div id="Portraits"> <img id="DayTime" src="img/Сharacter/Portraits/DayTime/TDay_06.png"> </div> <</switch>> <</nobr>>
              <<nobr>>   <div style="text-align: left;"><strong>DATE:</strong> $DayOfTheWeek</div> <div id="Option01"><strong>DAY:</strong> $GDay</div> <div style="text-align: left;"><strong>TIME: </strong>$TimeOfTheDay</div> <div style="text-align: left;"><span style="color:Tomato"><strong>CORRUPTION: </strong></span>$Corr</div><</nobr>> <<nobr>><div id="Option02">💲: <div class="inner-content">$Money</div></div><div id="Option03">💵: <div class="inner-content">$BMoney</div></div> <div style="text-align: center;"><strong>HEALTH</strong></div> <div id="Option04"><<showmeter 'health' $healthRatio>></div> <div style="text-align: center;"><strong>ENDURANCE</strong></div> <div id="Option04"><<showmeter 'endurance' $enduranceRatio>></div> <div style="text-align: center;"><strong>AROUSAL</strong></div> <div id="Option04"><<showmeter 'arousal' $arousalRatio>></div> <div style="text-align: center;"><strong>INTOXICATION</strong></div> <div id="Option04"><<showmeter 'intoxication' $INTBaseoxicationRatio>></div> <div style="text-align: center;"><h5> 💀 MADNESS: $Mad</h5></div> <<switch $WDay>> <<case 0>> <<set $DayOfTheWeek to "Monday">> <<case 1>> <<set $DayOfTheWeek to "Tuesday">> <<case 2>> <<set $DayOfTheWeek to "Wednesday">> <<case 3>> <<set $DayOfTheWeek to "Thursday">> <<case 4>> <<set $DayOfTheWeek to "Friday">> <<case 5>> <<set $DayOfTheWeek to "Saturday">> <<case 6>> <<set $DayOfTheWeek to "Sunday">> <<default>> <<set $DayOfTheWeek to "Monday">> <</switch>> <<if ($WDay >= 7)>> <<set $DayOfTheWeek to "Monday">> <<set $WDay to 0>> <</if>> <<switch $TDay>> <<case 0>> <<set $TimeOfTheDay to "Early morning">> <<case 1>> <<set $TimeOfTheDay to "Early morning">> <<case 2>> <<set $TimeOfTheDay to "Early morning">> <<case 3>> <<set $TimeOfTheDay to "Morning">> <<case 4>> <<set $TimeOfTheDay to "Morning">> <<case 5>> <<set $TimeOfTheDay to "Morning">> <<case 6>> <<set $TimeOfTheDay to "Noon">> <<case 7>> <<set $TimeOfTheDay to "Noon">> <<case 8>> <<set $TimeOfTheDay to "Noon">> <<case 9>> <<set $TimeOfTheDay to "Afternoon">> <<case 10>> <<set $TimeOfTheDay to "Afternoon">> <<case 11>> <<set $TimeOfTheDay to "Afternoon">> <<case 12>> <<set $TimeOfTheDay to "Evening">> <<case 13>> <<set $TimeOfTheDay to "Evening">> <<case 14>> <<set $TimeOfTheDay to "Evening">> <<case 15>> <<set $TimeOfTheDay to "Night">> <<case 16>> <<set $TimeOfTheDay to "Night">> <<case 17>> <<set $TimeOfTheDay to "Night">> <<case 18>> <<set $TimeOfTheDay to "Late night">> <<case 19>> <<set $TimeOfTheDay to "Late night">> <<case 20>> <<set $TimeOfTheDay to "Late night">> <<default>> <<set $TimeOfTheDay to "Early morning">> <</switch>> <<if ($TDay >= 21)>> <<set $TimeOfTheDay to "Early morning">> <<set $TDay to 0>> <</if>> <<if ($HaC >= 8)>> <<set $HaC to 0>> <</if>> <<if ($Eye >= 10)>> <<set $Eye to 0>> <</if>> <<if ($RingN >= 2)>> <<set $RingN to 0>> <</if>> <<if ($Hor >= 5)>> <<set $Hor to 0>> <</if>> <<if ($Sperm >= 2)>> <<set $Sperm to 0>> <</if>> <<if ($Bimbo >= 2)>> <<set $Bimbo to 0>> <</if>> <<if ($PPot >= 2)>> <<set $PPot to 0>> <</if>> <<switch $HaC>> <<case 0>> <<set $HaCN to "Black">> <<case 1>> <<set $HaCN to "Brunette">> <<case 2>> <<set $HaCN to "Blonde">> <<case 3>> <<set $HaCN to "Ash blonde">> <<case 4>> <<set $HaCN to "Red">> <<case 5>> <<set $HaCN to "Bright red">> <<case 6>> <<set $HaCN to "Lilac">> <<case 7>> <<set $HaCN to "Blue">> <<default>> <<set $HaCN to "Black">> <</switch>> <</nobr>>
<<nobr>> <div class="map"> <<switch $location>> <<case "Map_01">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Port_01">> <div style="text-align: center;"><img src="img/Navigation/Map_Port_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Slums_01">> <div style="text-align: center;"><img src="img/Navigation/Map_Slums_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Slums_02">> <div style="text-align: center;"><img src="img/Navigation/Map_Slums_02.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Slums_03">> <div style="text-align: center;"><img src="img/Navigation/Map_Slums_03.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Park_01">> <div style="text-align: center;"><img src="img/Navigation/Map_Park_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "WeQuarter_01">> <div style="text-align: center;"><img src="img/Navigation/Map_WeQuarter_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "WeQuarter_02">> <div style="text-align: center;"><img src="img/Navigation/Map_WeQuarter_02.jpg" class="centerImage" style="max-width:150%;"></div> <<case "WeQuarter_03">> <div style="text-align: center;"><img src="img/Navigation/Map_WeQuarter_03.jpg" class="centerImage" style="max-width:150%;"></div> <<case "WeQuarter_04">> <div style="text-align: center;"><img src="img/Navigation/Map_WeQuarter_04.jpg" class="centerImage" style="max-width:150%;"></div> <<case "PrivBeach_01">> <div style="text-align: center;"><img src="img/Navigation/Map_PrivBeach_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "EaQuarter_01">> <div style="text-align: center;"><img src="img/Navigation/Map_EaQuarter_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "EaQuarter_02">> <div style="text-align: center;"><img src="img/Navigation/Map_EaQuarter_02.jpg" class="centerImage" style="max-width:150%;"></div> <<case "EaQuarter_03">> <div style="text-align: center;"><img src="img/Navigation/Map_EaQuarter_03.jpg" class="centerImage" style="max-width:150%;"></div> <<case "EaQuarter_04">> <div style="text-align: center;"><img src="img/Navigation/Map_EaQuarter_04.jpg" class="centerImage" style="max-width:150%;"></div> <<case "NoQuarter_01">> <div style="text-align: center;"><img src="img/Navigation/Map_NoQuarter_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "NoQuarter_02">> <div style="text-align: center;"><img src="img/Navigation/Map_NoQuarter_02.jpg" class="centerImage" style="max-width:150%;"></div> <<case "NoQuarter_03">> <div style="text-align: center;"><img src="img/Navigation/Map_NoQuarter_03.jpg" class="centerImage" style="max-width:150%;"></div> <<case "NoQuarter_04">> <div style="text-align: center;"><img src="img/Navigation/Map_NoQuarter_04.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Farm_01">> <div style="text-align: center;"><img src="img/Navigation/Map_Farm_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "CityCem_01">> <div style="text-align: center;"><img src="img/Navigation/Map_CityCem_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Fields_01">> <div style="text-align: center;"><img src="img/Navigation/Map_Fields_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Fields_02">> <div style="text-align: center;"><img src="img/Navigation/Map_Fields_02.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Fields_03">> <div style="text-align: center;"><img src="img/Navigation/Map_Fields_03.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Fields_04">> <div style="text-align: center;"><img src="img/Navigation/Map_Fields_04.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Fields_05">> <div style="text-align: center;"><img src="img/Navigation/Map_Fields_05.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Fields_06">> <div style="text-align: center;"><img src="img/Navigation/Map_Fields_06.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Fields_07">> <div style="text-align: center;"><img src="img/Navigation/Map_Fields_07.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Fields_08">> <div style="text-align: center;"><img src="img/Navigation/Map_Fields_08.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_01">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_02">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_02.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_03">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_03.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_04">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_04.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_05">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_05.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_06">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_06.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_07">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_07.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_08">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_08.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_09">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_09.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_10">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_10.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_11">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_11.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Forest_12">> <div style="text-align: center;"><img src="img/Navigation/Map_Forest_12.jpg" class="centerImage" style="max-width:150%;"></div> <<case "FarShore_01">> <div style="text-align: center;"><img src="img/Navigation/Map_FarShore_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "FarShore_02">> <div style="text-align: center;"><img src="img/Navigation/Map_FarShore_02.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Coast_01">> <div style="text-align: center;"><img src="img/Navigation/Map_Coast_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Coast_02">> <div style="text-align: center;"><img src="img/Navigation/Map_Coast_02.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_01">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_02">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_03">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_04">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_05">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_06">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_07">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_08">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_09">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_10">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_11">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_12">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_13">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_14">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_15">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_16">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "Dungeon_17">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "FloDungeon_01">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "FloDungeon_02">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "FloDungeon_03">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "FloDungeon_04">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "FloDungeon_05">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "FloDungeon_06">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "BasLab_01">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<case "AbaMine_01">> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <<default>> <div style="text-align: center;"><img src="img/Navigation/Map_01.jpg" class="centerImage" style="max-width:150%;"></div> <</switch>></div> <div class="links-container00"> <div class="links02"> <<link "<strong>GO BACK</strong>">> <<goto "00">> <</link>></div> <div class="links03"> <<link "<strong>MAP #2</strong>">> <<goto "MAP_01">> <</link>> </div> <div class="links01"> <<link "DETAILS #1">> <<set $DET to 0>> <<goto "MAP_02">> <</link>></div> </div> <</nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links02 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(255 161 162 / 60%); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(212 19 19 / 70%), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links03 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161 186 255 / 60%); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(19 180 212 / 70%), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } .links02 a:hover { background-color: #161324; } .links03 a:hover { background-color: #161324; } /* Стиль для карты */ .map { position: relative; top: 0px; left: -177px; float: center; } </style>
<<set $passage to Story.get("Storage01")>> <<print $passage.text >> /* БЭКГРАУНДЫ 01-42 */ /* 01-Каменная улица */ /* 02-Парк */ /* 03-Современная улица */ /* 04-Деревенская улица */ /* 05-Трущебы */ /* 06-Трущебы пристань */ /* 07-Чистая деревенская улица */ /* 08-Метро */ /* 09-Магазины */ /* 10-Пляж */ /* 11-Амбар */ /* 12-Аграрное поле */ /* 13-Дикий пляж */ /* 14-Каменистый пляж */ /* 15-Дикое поле */ /* 16-Лес */ /* 17-Ферма */ /* 18-Кладбище */ /* 19-Подземелье */ /* 20-Красный туалет */ /* 21-Синий туалет */ /* 22-Кинотеатр */ /* 23-Приемная спортзала */ /* 24-Спортзал */ /* 25-Душевая спортзала */ /* 26-Ломбард */ /* 27-Квартира в трущебах */ /* 28-Квартира на Севере */ /* 29-Таверна */ /* 30-Библиотека */ /* 31-Ночной клуб */ /* 32-Госпиталь коридоры */ /* 33-Лаборатория офисы */ /* 34-Полиция */ /* 35-Гильдия */ /* 36-Банк */ /* 37-Мэрия */ /* 38-Отель */ /* 39-Салон красоты*/ /* 40-Телестудия прихожая */ /* 41-Бордель */ /* 42-Лабораторные помещения */ /* 43-Зал арены */ /* 44-Коридоры арены */ /* 45-Трибуны */ /* 46-Песок арены */
<<nobr>> <<if $location is "Port_01">> <div style="text-align: center;"><img src="C:\Users\user\Desktop\GameMat\NEW GAME\img\Navigation\Map_Port_01.jpg" class="centerImage" style="max-width:80%;"></div> <</if>> <<if $location is "Slums_01">> <div style="text-align: center;"><img src="C:\Users\user\Desktop\GameMat\NEW GAME\img\Navigation\Map_Slums_01.jpg" class="centerImage" style="max-width:80%;"></div> <</if>> <<if $location is "Slums_02">> <div style="text-align: center;"><img src="C:\Users\user\Desktop\GameMat\NEW GAME\img\Navigation\Map_Slums_02.jpg" class="centerImage" style="max-width:80%;"></div> <</if>> <<if $location is "Slums_03">> <div style="text-align: center;"><img src="C:\Users\user\Desktop\GameMat\NEW GAME\img\Navigation\Map_Slums_03.jpg" class="centerImage" style="max-width:80%;"></div> <</if>> <</nobr>>
"Картинка разбрызганных мозгов" У вас взорвалось голова. ВНЕЗАПНО! <div class="links-container00"> <div class="links"> <<link "Restart" DebagMenu00>><</link>> </div></div> <<Message "-1 к интеллекту">> <nobr> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> </nobr>
"Картинка обосранных штанов" Вы обосрались. ВНЕЗАПНО! <div class="links-container00"> <div class="links"> <<link "Restart" DebagMenu00>><</link>> </div></div> <<Message "-10 к самоуважению">> <nobr> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> </nobr>
<style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } </style> <<script>>Config.history.controls = false;<</script>> /* Убираем скролбары */ /* Сокрытие элементов интерфейса */ <<set $ShowParameters to false>> <<set $ShowPersonality to false>> <<set $ShowStats to false>> <<set $ShowPortrait to false>> <<set $ShowExp01 to false>> <<set $ShowTitle01 to false>> <<set $ShowButtonEarrings_00 to false>> <<set $gameOver to false>> /* Флаг завершения игры */ <<set $Pname to "Sara">>/* Имя персонажа */ <<set $PAge to 18>>/* Возраст персонажа */ <<set $HaC to 0>>/* Цвет волос */ <<set $HaCN to "Black">>/* Название цвета волос */ <<set $Eye to 1>>/* Цвет глаз */ <<set $EyeCN to "Brown">>/* Название цвета глаз */ <<set $RingN to 0>>/* Пирсинг в носу */ <<set $location to 0>>/* Название локации */ <<set $Quest to 0>>/* Текущий квест */ <<set $Hor to 0>>/* Рога на персонаже */ <<set $HorCN to " ">>/* Название рогов */ <<set $Sperm to 0>>/* Сперма на персонаже */ <<set $SpermCN to " ">>/* Чистота тела */ <<set $AroCN to " ">>/* Статус возбуждения */ <<set $ToxCN to " ">>/* Статус опьянения */ <<set $Bimbo to 0>>/* Косметика на роже лица */ <<set $PPot to 0>>/* Активность зелья */ <<set $GDay to 0>>/* Кол-во игровых дней */ <<set $WDay to 0>>/* Параметр дня недели */ <<set $DayOfTheWeek to "Monday">>/* Название дня недели */ <<set $TDay to 0>>/* Параметр времени суток */ <<set $TimeOfTheDay to "Early morning">>/* Название времени суток */ <<set $CorrBase to 0>>/* Базовый Параметр коррупции */ <<set $Corr to $CorrBase>>/* Изначальное значение $Corr *//* Итоговая Коррупция */ <<set $CorrMin to 0>>/* Минимальное значение коррупции */ <<set $Money to 100>>/* Кол-во денег */ <<set $BMoney to 100>>/* Кол-во денег в банке */ /* Основные характеристики */ <<set $HP to 80, $maxHP to 100>>/* Параметр здоровья */ <<set $MP to 100, $maxMP to 100>>/* Параметр выносливости */ <<set $Aro to 0, $maxAro to 100>>/* Параметр возбуждения */ <<set $AroBase to 0>> /* Базовое значение $Aro */ <<set $Tox to 0, $maxTox to 100>>/* Параметр интоксикации */ <<set $Enemy to 0, $maxEnemy to 100>>/* Параметр здоровья врага */ <<set $healthRatio to $HP / $maxHP>> <<set $enduranceRatio to $MP / $maxMP>> <<set $arousalRatio to $Aro / $maxAro>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<set $EnemyRatio to $Enemy / $maxEnemy>> /* Конфиги кастомных баров */ <<newmeter 'health' $healthRatio>> <<colors '#18171a' '#0fb814'>> /* Серый фон, зелёное заполнение */ <<sizing '133px'>> /* Ширина: 200px / 1.5 = 133px */ <<height '10px'>> /* Высота: 20px / 2 = 10px */ <</newmeter>> <<newmeter 'endurance' $enduranceRatio>> <<colors '#18171a' '#FFA500'>> /* Серый фон, тёмно-жёлтое заполнение */ <<sizing '133px'>> /* Ширина: 200px / 1.5 = 133px */ <<height '10px'>> /* Высота: 20px / 2 = 10px */ <</newmeter>> <<newmeter 'arousal' $arousalRatio>> <<colors '#18171a' '#ff1493'>> /* Серый фон, тёмно-розовое заполнение */ <<sizing '133px'>> /* Ширина: 200px / 1.5 = 133px */ <<height '10px'>> /* Высота: 20px / 2 = 10px */ <</newmeter>> <<newmeter 'intoxication' $INTBaseoxicationRatio>> <<colors '#18171a' '#8A2BE2'>> /* Серый фон, фиолетовое заполнение */ <<sizing '133px'>> /* Ширина: 200px / 1.5 = 133px */ <<height '10px'>> /* Высота: 20px / 2 = 10px */ <</newmeter>> <<newmeter 'enemy' $EnemyRatio>> <<colors '#3d0404' '#d90d0d'>> /* Серый фон, красное заполнение */ <<sizing '153px'>> /* Ширина: 200px / 1.5 = 153px */ <<height '20px'>> /* Высота: 20px / 2 = 20px */ <</newmeter>> <<newmeter 'health2' $healthRatio>> <<colors '#3d0404' '#0fb814'>> /* Серый фон, зелёное заполнение */ <<sizing '153px'>> /* Ширина: 200px / 1.5 = 153px */ <<height '20px'>> /* Высота: 20px / 2 = 20px */ <</newmeter>> <<newmeter 'intoxication2' $INTBaseoxicationRatio>> <<colors '#18171a' '#8A2BE2'>> /* Серый фон, фиолетовое заполнение */ <<sizing '153px'>> /* Ширина: 200px / 1.5 = 153px */ <<height '20px'>> /* Высота: 20px / 2 = 20px */ <</newmeter>> <<set $Mad to 0>>/* Параметр безумия */ <<set $MadMin to 0>>/* Минимальное значение безумия */ <<set $Lvl to 0>>/* Уровень персонажа */ <<set $Exp to 0>>/* Опыт персонажа */ <<set $StatP to 5>>/* Свободные очки характеристик */ <<set $STRBase to 2>>/* Базовый Параметр Силы */ <<set $STR to $STRBase>>/* Изначальное значение $STR *//* Итоговая Сила */ <<set $DEXBase to 2>>/* Базовый Параметр Ловкости */ <<set $DEX to $DEXBase>> /* Изначальное значение $DEX *//* Итоговая Ловкость */ <<set $INTBase to 1>>/* Базовый Параметр Интеллекта */ <<set $INT to $INTBase>> /* Изначальное значение $INT *//* Итоговый Интеллект */ <<set $Fit to 0>>/* Параметр Фитнеса */ <<set $Bea to 0>>/* Параметр Красоты */ <<set $BeaBonus to 0>> /* Изначальное значение бонуса $Bea от экипировки */ <<set $Bim to 0>>/* Параметр Mind Curse */ <<set $BimTotal to 0>>/* Общее значение параметра Mind Curse */ <<set $Sub to 0>>/* Параметр сабмесивности */ <<set $Dom to 0>>/* Параметр доминантности */ /* настройки цвета бекграунда */ <<set $BackСolor to 1>> <<set $GhostCursor to 0>> <<set $SplashCursor to 0>> <<set $MonsterBeastEvents to 0>> /* настройки боя */ <<set $seconds to 10>> <<set $ItemUsing to 0>> <<set $EnemySet to 0>> <<set $EnemyWeak to 0>> <<set $EnemyAtt to 0>> <<set $PlayerDamage1 to 0>>/* Итоговый урон игрока */ <<set $PlayerDamage2 to 0>> <<set $PlayerDefense1 to 0>>/* Итоговая защита игрока */ <<set $PlayerDefense2 to 0>> <<set $AcidDamage to 0>> <<set $PHealing to 0>> <<set $Surrender to 0>> <<set $BattleLog to 0>>/* промах, уязвимость, попадание */ <<set $LastDMG to 0>> <<set $BattleStart to 0>> <<set $EnemyAtt2 to 0>>/* Итоговый урон противника */ <<set $RoundCounter to 0>> <<set $GuildMembership to 0>> <<set $Escape to 0>> <<set $Dodge to 0>> <<set $LuseLimit to 0>>/* Счетчик проигрышей за день */ <<set $CPot00 to 0>>/* Кол-во зелий 00 у персонажа(HP) */ <<set $CPot01 to 0>>/* Кол-во зелий 01 у персонажа(MP) */ <<set $CPot02 to 0>>/* Кол-во зелий 02 у персонажа(Кислота) */ <<set $CPot03 to 0>>/* Кол-во зелий 03 у персонажа(Спокойствие) */ <<set $CPot04 to 0>>/* Кол-во зелий 04 у персонажа(Восстановление) */ <<set $CPot05 to 0>>/* Кол-во зелий 05 у персонажа(Увеличение) */ <<set $CPot06 to 0>>/* Кол-во зелий 06 у персонажа(Стелс) */ <<set $CPot07 to 0>>/* Кол-во зелий 07 у персонажа(Репа) */ <<set $CLoot00 to 0>>/* Кол-во лута 00 у персонажа */ <<set $CLoot01 to 0>>/* Кол-во лута 01 у персонажа */ <<set $CLoot02 to 0>>/* Кол-во лута 02 у персонажа */ <<set $CLoot03 to 0>>/* Кол-во лута 03 у персонажа */ <<set $CLoot04 to 0>>/* Кол-во лута 04 у персонажа */ <<set $CLoot05 to 0>>/* Кол-во лута 05 у персонажа */ <<cacheaudio "END_MAD_01" "img/Sound/END_MAD_01.wav" >> <<cacheaudio "HELLO_01" "img/Sound/HELLO_01.wav" >> <<cacheaudio "I_SEE_YOU_01" "img/Sound/I_SEE_YOU_01.wav" >> <<cacheaudio "I'M_WAITING_01" "img/Sound/I'M_WAITING_01.wav" >> <<cacheaudio "WHO_ARE_YOU_01" "img/Sound/WHO_ARE_YOU_01.wav" >> <<cacheaudio "START_AGAIN_01" "img/Sound/START_AGAIN_01.wav" >> /* После инициализации основных параметров переходим в AdditionalInit */ <<goto "AdditionalInit">>
<<nobr>> <div id="VersionBox">Version: 0.10.0</div> <span class="btn1"> <<button "QUESTS">> <<switch $Quest>> <<case 0>> <<Message "In development">> <<case 1>> <<goto "Quest_01">> <<case 2>> <<goto "Quest_02">> <<case 3>> <<goto "Quest_03">> <<case 4>> <<goto "Quest_04">> <<case 5>> <<goto "Quest_05">> <<case 6>> <<goto "Quest_06">> <<case 7>> <<goto "Quest_07">> <<case 8>> <<goto "Quest_08">> <<case 9>> <<goto "Quest_09">> <<case 10>> <<goto "Quest_10">> <<default>> <<goto "Quest_00">> /* Пассаж по умолчанию */ <</switch>> <</button>> </span> <span class="btn1"> <<button "INVENTORY" Potions>><</button>> </span> <span class="btn1"> <<button "REPUTATION">> <<set $AllRep to !$AllRep>> <<set $AllStats to false>> <<replace "#allrep-display">><</replace>> <<if $AllRep>> <<addclass "#rep-text" "visible">> <<else>> <<removeclass "#rep-text" "visible">> <</if>> <<replace "#allstats-display">><</replace>> <<if $AllStats>> <<addclass "#stats-text" "visible">> <<else>> <<removeclass "#stats-text" "visible">> <</if>> <</button>> </span> <span class="btn1"> <<button "ACHIEVEMENTS">> <<Message "In development">> <</button>> </span> <span class="btn1"> <<button "STATISTICS">> <<set $AllStats to !$AllStats>> <<set $AllRep to false>> <<replace "#allstats-display">><</replace>> <<if $AllStats>> <<addclass "#stats-text" "visible">> <<else>> <<removeclass "#stats-text" "visible">> <</if>> <<replace "#allrep-display">><</replace>> <<if $AllRep>> <<addclass "#rep-text" "visible">> <<else>> <<removeclass "#rep-text" "visible">> <</if>> <</button>> </span> <</nobr>> <span style="color: rgba(255, 255, 255, 0.1); font-size: 1.2em;">------------------</span> <div id="allstats-display"></div><div id="stats-text" class="stats-text"> Battle wins: $SWinP Battle losses: $SLosP Fucked in the ass: $SAssP Fucked in the vagina: $SVagP Fucked in the mouth: $SOraP Fucked someone ass: $SAssN Fucked someone vagina: $SVagN Fucked someone mouth: $SOraN Served in glory holes: $SGloP Participated in group sex: $SGruP Lesbian sex: $SLesP Rough sex: $SRapP Sex with people: $SHumP Sex with monsters: $SMonP Sex with tentacles: $STentP</div><div id="allrep-display"></div> <div id="rep-text" class="rep-text">Docks Reputation: $DRep You are known as: $DTitle East Dist. Reputation: $ERep You are known as: $ETitle West Dist. Reputation: $WRep You are known as: $WTitle North Dist. Reputation: $NRep You are known as: $NTitle </div>
<<nobr>> <div class="links-container00"> <div class="links">[[В магазины|DebagShopMenu00]]</div> <div class="links">[[GYMWORK_01|GYMWORK_01]]</div> <div class="links">[[Плейсхолдер|Плейсхолдер|]]</div></div> <div class="links-row"> <div class="links-container02"> <div class="links">[[Параметры портрета|DebagMenu01]]</div> <div class="links">[[Параметры шкал|DebagMenu02]]</div> <div class="links">[[Предметы|DebagMenu03]]</div> <div class="links">[[Параметры тела|DebagMenu04]]</div> <div class="links">[[Психика|DebagMenu06]]</div> <div class="links">[[Уровень|DebagMenu07]]</div> <div class="links">[[Татуировки|DebagMenu08]]</div> <div class="links">[[Пирсинг|DebagMenu09]]</div> <div class="links">[[Ста-ка и репа|DebagMenu05]]</div></div> <div class="links-container03"> <div class="links">[[Референсы 01|RefMenu01]]</div> <div class="links">[[Референсы 02|RefMenu02]]</div> <div class="links">[[Референсы 03|RefMenu03]]</div> <div class="links">[[Референсы 04|RefMenu04]]</div> <div class="links">[[Тест боя|BATTLE_001_01]]</div></div> </div> <<Message "Это Дебаг меню<br>Оно для отладки">> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>Название квеста</h2></div> <div style="text-align: center;"><img src="img/Navigation/Quest/Quest_00.jpg" class="centerImage" style="max-width:65%;"></div> <</nobr>> Описание квеста ------ <strong>Доп задача</strong> Описание доп задачи. <div class="links"><<back "GO BACK">></div> <<nobr>> <style> /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 1.5em; } .links a { min-width: 120px; min-height: 44px; max-width: 200px; max-height: 44px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 1em; text-decoration: none; margin: 0.5em; opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 20px rgba(106, 90, 205, 0.7); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>Название квеста</h2></div> <div style="text-align: center;"><img src="img/Navigation/Quest/Quest_01.jpg" class="centerImage" style="max-width:65%;"></div> <</nobr>> Описание квеста ------ <strong>Доп задача</strong> Описание доп задачи. <div style="text-align: center;"><<back "🔁 GO BACK">></div>
<<nobr>> <div style="text-align: center;"><h2>Название квеста</h2></div> <div style="text-align: center;"><img src="img/Navigation/Quest/Quest_02.jpg" class="centerImage" style="max-width:65%;"></div> <</nobr>> Описание квеста ------ <strong>Доп задача</strong> Описание доп задачи. <div style="text-align: center;"><<back "🔁 GO BACK">></div>
<<nobr>> <div style="text-align: center;"><h2>Название квеста</h2></div> <div style="text-align: center;"><img src="img/Navigation/Quest/Quest_03.jpg" class="centerImage" style="max-width:65%;"></div> <</nobr>> Описание квеста ------ <strong>Доп задача</strong> Описание доп задачи. <div style="text-align: center;"><<back "🔁 GO BACK">></div>
<<nobr>> <div style="text-align: center;"><h2>Название квеста</h2></div> <div style="text-align: center;"><img src="img/Navigation/Quest/Quest_04.jpg" class="centerImage" style="max-width:65%;"></div> <</nobr>> Описание квеста ------ <strong>Доп задача</strong> Описание доп задачи. <div style="text-align: center;"><<back "🔁 GO BACK">></div>
<<nobr>> <div style="text-align: center;"><h2>Название квеста</h2></div> <div style="text-align: center;"><img src="img/Navigation/Quest/Quest_05.jpg" class="centerImage" style="max-width:65%;"></div> <</nobr>> Описание квеста ------ <strong>Доп задача</strong> Описание доп задачи. <div style="text-align: center;"><<back "🔁 GO BACK">></div>
<<nobr>> <div style="text-align: center;"><h2>Название квеста</h2></div> <div style="text-align: center;"><img src="img/Navigation/Quest/Quest_06.jpg" class="centerImage" style="max-width:65%;"></div> <</nobr>> Описание квеста ------ <strong>Доп задача</strong> Описание доп задачи. <div style="text-align: center;"><<back "🔁 GO BACK">></div>
<<nobr>> <div style="text-align: center;"><h2>Название квеста</h2></div> <div style="text-align: center;"><img src="img/Navigation/Quest/Quest_07.jpg" class="centerImage" style="max-width:65%;"></div> <</nobr>> Описание квеста ------ <strong>Доп задача</strong> Описание доп задачи. <div style="text-align: center;"><<back "🔁 GO BACK">></div>
<<nobr>> <div style="text-align: center;"><h2>Название квеста</h2></div> <div style="text-align: center;"><img src="img/Navigation/Quest/Quest_08.jpg" class="centerImage" style="max-width:65%;"></div> <</nobr>> Описание квеста ------ <strong>Доп задача</strong> Описание доп задачи. <div style="text-align: center;"><<back "🔁 GO BACK">></div>
<<nobr>> <div style="text-align: center;"><h2>Название квеста</h2></div> <div style="text-align: center;"><img src="img/Navigation/Quest/Quest_09.jpg" class="centerImage" style="max-width:65%;"></div> <</nobr>> Описание квеста ------ <strong>Доп задача</strong> Описание доп задачи. <div style="text-align: center;"><<back "🔁 GO BACK">></div>
<<nobr>> <div style="text-align: center;"><h2>Название квеста</h2></div> <div style="text-align: center;"><img src="img/Navigation/Quest/Quest_10.jpg" class="centerImage" style="max-width:65%;"></div> <</nobr>> Описание квеста ------ <strong>Доп задача</strong> Описание доп задачи. <div style="text-align: center;"><<back "🔁 GO BACK">></div>
<style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } </style> <<set $AdditionalParam1 to 0>> /* Хуй знает что это*/ <<set $AdditionalParam2 to "Default">> /* Откуда оно? */ <<set $AdditionalParam3 to false>> /* На что влияет? */ <<set $AllStats to false>>/* Видимость списка статистики */ <<set $SWinP to 0>>/* Кол-во побед */ <<set $SLosP to 0>>/* Кол-во поражений */ <<set $SAssP to 0>>/* Кол-во в жопу */ <<set $SVagP to 0>>/* Кол-во в вагину */ <<set $SOraP to 0>>/* Кол-во в рот */ <<set $SAssN to 0>>/* Кол-во в жопы */ <<set $SVagN to 0>>/* Кол-во в вагины */ <<set $SOraN to 0>>/* Кол-во в рты */ <<set $SGloP to 0>>/* Кол-во обслуги в глорихоле */ <<set $SGruP to 0>>/* Кол-во группового секса */ <<set $SLesP to 0>>/* Кол-во лесбийского секса */ <<set $SRapP to 0>>/* Кол-во секса по принуждению */ <<set $SHumP to 0>>/* Кол-во людей */ <<set $SMonP to 0>>/* Кол-во монстров */ <<set $STentP to 0>>/* Кол-во тентаклей */ <<set $AllRep to false>>/* Видимость списка репутации */ <<set $DRep to 0>>/* Репутация в районе доков */ <<set $ERep to 0>>/* Репутация в восточном районе */ <<set $WRep to 0>>/* Репутация в Западном районе */ <<set $NRep to 0>>/* Репутация в северном районе */ /* Параметры одежды листа персонажа */ /* Параметры сережек листа персонажа */ <<set $IEarrings_00 to false>> <<set $IEarrings_01 to false>> <<set $IEarrings_02 to false>> <<set $IEarrings_03 to false>> <<set $IEarrings_04 to false>> <<set $IEarrings_05 to false>> <<set $IEarrings_06 to false>> <<set $IEarrings_07 to false>> <<set $IEarrings_08 to false>> <<set $IEarrings_09 to false>> <<set $IEarrings_10 to false>> <<set $IEarrings_11 to false>> /* Параметры колец листа персонажа */ <<set $IRing_00 to false>> <<set $IRing_01 to false>> <<set $IRing_02 to false>> <<set $IRing_03 to false>> <<set $IRing_04 to false>> <<set $IRing_05 to false>> <<set $IRing_06 to false>> <<set $IRing_07 to false>> <<set $IRing_08 to false>> <<set $IRing_09 to false>> <<set $IRing_10 to false>> <<set $IRing_11 to false>> /* Параметры ожерелья листа персонажа */ <<set $INecklace_00 to false>> <<set $INecklace_01 to false>> <<set $INecklace_02 to false>> <<set $INecklace_03 to false>> <<set $INecklace_04 to false>> <<set $INecklace_05 to false>> <<set $INecklace_06 to false>> <<set $INecklace_07 to false>> <<set $INecklace_08 to false>> <<set $INecklace_09 to false>> <<set $INecklace_10 to false>> <<set $INecklace_11 to false>> /* Параметры трусов листа персонажа */ <<set $IPanties_00 to false>> <<set $IPanties_01 to false>> <<set $IPanties_02 to false>> <<set $IPanties_03 to false>> <<set $IPanties_04 to false>> <<set $IPanties_05 to false>> <<set $IPanties_06 to false>> <<set $IPanties_07 to false>> <<set $IPanties_08 to false>> <<set $IPanties_09 to false>> <<set $IPanties_10 to false>> <<set $IPanties_11 to false>> /* Параметры лифчика листа персонажа */ <<set $IBra_00 to false>> <<set $IBra_01 to false>> <<set $IBra_02 to false>> <<set $IBra_03 to false>> <<set $IBra_04 to false>> <<set $IBra_05 to false>> <<set $IBra_06 to false>> <<set $IBra_07 to false>> <<set $IBra_08 to false>> <<set $IBra_09 to false>> <<set $IBra_10 to false>> <<set $IBra_11 to false>> /* Параметры чулок листа персонажа */ <<set $IStockings_00 to false>> <<set $IStockings_01 to false>> <<set $IStockings_02 to false>> <<set $IStockings_03 to false>> <<set $IStockings_04 to false>> <<set $IStockings_05 to false>> <<set $IStockings_06 to false>> <<set $IStockings_07 to false>> <<set $IStockings_08 to false>> <<set $IStockings_09 to false>> <<set $IStockings_10 to false>> <<set $IStockings_11 to false>> /* Параметры обуви листа персонажа */ <<set $IShoes_00 to false>> <<set $IShoes_01 to false>> <<set $IShoes_02 to false>> <<set $IShoes_03 to false>> <<set $IShoes_04 to false>> <<set $IShoes_05 to false>> <<set $IShoes_06 to false>> <<set $IShoes_07 to false>> <<set $IShoes_08 to false>> <<set $IShoes_09 to false>> <<set $IShoes_10 to false>> <<set $IShoes_11 to false>> /* Параметры штанов листа персонажа */ <<set $IPants_00 to false>> <<set $IPants_01 to false>> <<set $IPants_02 to false>> <<set $IPants_03 to false>> <<set $IPants_04 to false>> <<set $IPants_05 to false>> <<set $IPants_06 to false>> <<set $IPants_07 to false>> <<set $IPants_08 to false>> <<set $IPants_09 to false>> <<set $IPants_10 to false>> <<set $IPants_11 to false>> /* Параметры верха листа персонажа */ <<set $IOuterwear_00 to false>> <<set $IOuterwear_01 to false>> <<set $IOuterwear_02 to false>> <<set $IOuterwear_03 to false>> <<set $IOuterwear_04 to false>> <<set $IOuterwear_05 to false>> <<set $IOuterwear_06 to false>> <<set $IOuterwear_07 to false>> <<set $IOuterwear_08 to false>> <<set $IOuterwear_09 to false>> <<set $IOuterwear_10 to false>> <<set $IOuterwear_11 to false>> /* Параметры оружия листа персонажа */ <<set $IWeapon_00 to false>> <<set $IWeapon_01 to false>> <<set $IWeapon_02 to false>> <<set $IWeapon_03 to false>> <<set $IWeapon_04 to false>> <<set $IWeapon_05 to false>> <<set $IWeapon_06 to false>> <<set $IWeapon_07 to false>> <<set $IWeapon_08 to false>> <<set $IWeapon_09 to false>> <<set $IWeapon_10 to false>> <<set $IWeapon_11 to false>> <<set $EquippedEarrings to 0>>/* Какие сережки одеты 0-12 */ <<set $EquippedRing to 0>>/* Какое кольцо одето 0-12 */ <<set $EquippedNecklace to 0>>/* Какое ожерелье одето 0-12 */ <<set $EquippedPanties to 0>>/* Какие трусы одеты 0-12 */ <<set $EquippedBra to 0>>/* Какой лифчик одет 0-12 */ <<set $EquippedStockings to 0>>/* Какие чулки одеты 0-12 */ <<set $EquippedShoes to 0>>/* Какая обувь одета 0-12 */ <<set $EquippedPants to 0>>/* Какие штаны одеты 0-12 */ <<set $EquippedOuterwear to 0>>/* Какой верх одет 0-12 */ <<set $EquippedWeapon to 0>>/* Какое оружие одето 0-12 */ /* После инициализации основных параметров переходим в DescriptionInit */ <<goto "DescriptionInit">>
<<link "Продвинуть день недели">> <<set $WDay += 1>> <<run UIBar.setStoryElements()>> <</link>> <<link "Продвинуть время суток">> <<set $TDay += 1>> <<run UIBar.setStoryElements()>> <</link>> <<link "Поменять цвет глаз">> <<set $Eye += 1>> <<run UIBar.setStoryElements()>> <</link>> <<link "Поменять следы спермы">> <<set $Sperm += 1>> <<run UIBar.setStoryElements()>> <</link>> <<link "Поменять эффект бимбо">> <<set $Bimbo += 1>> <<run UIBar.setStoryElements()>> <</link>> <<link "Поменять эффект зелья">> <<set $PPot += 1>> <<run UIBar.setStoryElements()>> <</link>> <<link "Поменять цвет волос">> <<set $HaC += 1>> <<run UIBar.setStoryElements()>> <</link>> <<link "Поменять рога">> <<set $Hor += 1>> <<run UIBar.setStoryElements()>> <</link>> <<link "Поменять пирсинг в носу">> <<set $RingN += 1>> <<run UIBar.setStoryElements()>> <</link>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } </style> /* параметры листа персонажа */ <<set $ChestStatus to 0>> <<set $ChestName to "flat and unexpressive">>/* Состояние груди */ <<set $AssStatus to 0>> <<set $AssName to "flat and featureles">>/* Состояние задницы */ <<set $VaginaStatus to 0>> <<set $VaginaName to "tight and healthy">>/* Состояние вагины */ <<set $AnusStatus to 0>> <<set $AnusName to "tight and healthy">>/* Состояние ануса */ <<set $DickStatus to 0>> <<set $DickName to "You don't have a dick.">>/* Состояние члена */ <<set $TArmStatus to 0>> <<set $TArmName to "You don't have a tattoo here.">>/* Состояние татуировки на руке */ <<set $TAssStatus to 0>> <<set $TAssName to "You don't have a tattoo here.">>/* Состояние татуировки на жопе */ <<set $TBellyStatus to 0>> <<set $TBellyName to "You don't have a tattoo here.">>/* Состояние татуировки на животе */ <<set $TBreastStatus to 0>> <<set $TBreastName to "You don't have a tattoo here.">>/* Состояние татуировки на груди */ <<set $TFootStatus to 0>> <<set $TFootName to "You don't have a tattoo here.">>/* Состояние татуировки на ступне */ <<set $TLegStatus to 0>> <<set $TLegName to "You don't have a tattoo here.">>/* Состояние татуировки на ноге */ <<set $TLipsStatus to 0>> <<set $TLipsName to "You don't have a tattoo here.">>/* Состояние татуировки на губе */ <<set $TNeckStatus to 0>> <<set $TNeckName to "You don't have a tattoo here.">>/* Состояние татуировки на шее */ <<set $TPubicStatus to 0>> <<set $TPubicName to "You don't have a tattoo here.">>/* Состояние татуировки на лобке */ <<set $TSideStatus to 0>> <<set $TSideName to "You don't have a tattoo here.">>/* Состояние татуировки на боку */ <<set $TTrumpStampStatus to 0>> <<set $TTrumpStampName to "You don't have a tattoo here.">>/* Состояние татуировки на поясе */ <<set $TClitorisStatus to 0>> <<set $TClitorisName to "You don't have any piercings here.">>/* Состояние пирсинга на клиторе */ <<set $TLabiaStatus to 0>> <<set $TLabiaName to "You don't have any piercings here.">>/* Состояние пирсинга на пол.губах */ <<set $TNippleStatus to 0>> <<set $TNippleName to "You don't have any piercings here.">>/* Состояние пирсинга на сосках */ <<set $TNoseStatus to 0>> <<set $TNoseName to "You don't have any piercings here.">>/* Состояние пирсинга на носу */ <<set $TTongueStampStatus to 0>> <<set $TTongueStampName to "You don't have any piercings here.">>/* Состояние пирсинга на языке */ /* Описание предметов */ <<set $EarringsName to "Нет серёжек">> <<set $EarringsDescription to "Нет описания">> <<set $RingName to "Нет серёжек">> <<set $RingDescription to "Нет описания">> <<set $NecklaceName to "Нет серёжек">> <<set $NecklaceDescription to "Нет описания">> <<set $PantiesName to "Нет серёжек">> <<set $PantiesDescription to "Нет описания">> <<set $BraName to "Нет серёжек">> <<set $BraDescription to "Нет описания">> <<set $StockingsName to "Нет серёжек">> <<set $StockingsDescription to "Нет описания">> <<set $ShoesName to "Нет серёжек">> <<set $ShoesDescription to "Нет описания">> <<set $PantsName to "Нет серёжек">> <<set $PantsDescription to "Нет описания">> <<set $OuterwearName to "Нет серёжек">> <<set $OuterwearDescription to "Нет описания">> <<set $WeaponName to "Нет серёжек">> <<set $WeaponDescription to "Нет описания">> /* Титулы репутации */ <<set $DTitle to "Girl">> /* Начальное значение титула (пустое) в районе доков */ <<set $ETitle to "Girl">> /* Начальное значение титула (пустое) в восточном районе */ <<set $WTitle to "Lady">> /* Начальное значение титула (пустое) в западном районе */ <<set $NTitle to "Girl">> /* Начальное значение титула (пустое) в северноме доков */ /* После инициализации параметров описаний переходим в CalcInit */ <<goto "CalcInit">>
<<nobr>> <<run updateAroBonus()>> <<set $healthRatio to $HP / $maxHP>> <<set $enduranceRatio to $MP / $maxMP>> <<set $arousalRatio to $Aro / $maxAro>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <</nobr>> <div class="comp01"> <<link 'Take Damage (-10 Health)'>> <<set $HP to Math.clamp($HP - 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <</link>> </div> <div class="comp04"> <<link 'Restore Health (+10 Health)'>> <<set $HP to Math.clamp($HP + 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <</link>> </div> <<link 'Increase Max Health (+10)'>> <<set $maxHP to $maxHP + 10>> <<set $HP to Math.clamp($HP, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <</link>> <<link 'Decrease Max Health (-10)'>> <<set $maxHP to Math.max($maxHP - 10, 1)>> /* Не допускаем, чтобы максимум стал меньше 1 */ <<set $HP to Math.clamp($HP, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <</link>> <div class="comp01"> <<link 'Reduce Endurance (-10 Endurance)'>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <</link>> </div> <div class="comp00"> <<link 'Restore Endurance (+10 Endurance)'>> <<set $MP to Math.clamp($MP + 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <</link>> </div> <<link 'Increase Max Endurance (+10)'>> <<set $maxMP to $maxMP + 10>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <</link>> <<link 'Decrease Max Endurance (-10)'>> <<set $maxMP to Math.max($maxMP - 10, 1)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <</link>> <div class="comp01"> <<link 'Reduce Arousal (-10 Arousal)'>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <</link>> </div> <div class="comp03"> <<link 'Increase Arousal (+10 Arousal)'>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <</link>> </div> <<link 'Increase Max Arousal (+10)'>> <<run updateAroBonus()>> <<set $maxAro to $maxAro + 10>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <</link>> <<link 'Decrease Max Arousal (-10)'>> <<run updateAroBonus()>> <<set $maxAro to Math.max($maxAro - 10, 1)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <</link>> <div class="comp01"> <<link 'Reduce Intoxication (-10 Intoxication)'>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <</link>> </div> <div class="comp02"> <<link 'Increase Intoxication (+10 Intoxication)'>> <<set $Tox to Math.clamp($Tox + 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <</link>> </div> <<link 'Increase Max Intoxication (+10)'>> <<set $maxTox to $maxTox + 10>> <<set $Tox to Math.clamp($Tox, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <</link>> <<link 'Decrease Max Intoxication (-10)'>> <<set $maxTox to Math.max($maxTox - 10, 1)>> <<set $Tox to Math.clamp($Tox, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <</link>> <<Message "Меню параметров шкал">> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="links-row"> <div class="links-container02"> <div class="links">[[Серьги|DebagEar]]</div> <div class="links">[[Кольца|DebagRin]]</div> <div class="links">[[Подвески|DebagNec]]</div> <div class="links">[[Трусы|DebagPan]]</div> <div class="links">[[Ливчики|DebagBra]]</div></div> <div class="links-container03"> <div class="links">[[Чулки|DebagSto]]</div> <div class="links">[[Обувь|DebagSho]]</div> <div class="links">[[Юбки|DebagSki]]</div> <div class="links">[[Верх|DebagOut]]</div> <div class="links">[[Оружие|DebagWea]]</div></div> </div> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<nobr> <<link "Дать денег +100">> <<set _oldMoney to $Money>> <<set $Money += 100>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<if _oldMoney + 100 > 9000>> <<Message "Куда тебе столько!">> <</if>> <<run UIBar.setStoryElements()>> <</link>>         <<link "Забрать деньги -100">> <<set _oldMoney to $Money>> <<set $Money -= 100>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<if _oldMoney - 100 < 0>> <<Message "Ты уже бомжара!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<link "Зачислить денег +100">> <<set _oldBMoney to $BMoney>> <<set $BMoney += 100>> <<set $BMoney to Math.clamp($BMoney, 0, 9000)>> <<if _oldBMoney + 100 > 9000>> <<Message "Куда тебе столько!">> <</if>> <<run UIBar.setStoryElements()>> <</link>>     <<link "Снять деньги -100">> <<set _oldBMoney to $BMoney>> <<set $BMoney -= 100>> <<set $BMoney to Math.clamp($BMoney, 0, 9000)>> <<if _oldBMoney - 100 < 0>> <<Message "Ты уже бомжара!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<link "Повысить Фитнес">> <<set _oldFit to $Fit>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<if _oldFit + 1 > 100>> <<Message "Ты уже груда мышц!">> <</if>> <<run UIBar.setStoryElements()>> <</link>>       <<link "Понизить Фитнес">> <<set _oldFit to $Fit>> <<set $Fit -= 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<if _oldFit - 1 < 0>> <<Message "Дрыщевей некуда!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<link "Повысить Красоту">> <<set _oldBea to $Bea>> <<set $Bea += 1>> <<set $Bea to Math.clamp($Bea, 0, 100)>> <<if _oldBea + 1 > 100>> <<Message "Красивее некуда!">> <</if>> <<run UIBar.setStoryElements()>> <</link>>         <<link "Понизить Красоту">> <<set _oldBea to $Bea>> <<set $Bea -= 1>> <<set $Bea to Math.clamp($Bea, 0, 100)>> <<if _oldBea - 1 < 0>> <<Message "Дальше только уродовать!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<link "Добавить к статусу Груди +100">> <<set _oldChestStatus to $ChestStatus>> <<set $ChestStatus += 100>> <<set $ChestStatus to Math.clamp($ChestStatus, 0, 1000)>> <<run updateBea()>> <<if _oldChestStatus + 100 > 1000>> <<Message "Твои сиськи больше некуда!">> <</if>> <<run setup.updateChest()>> <<replace "#Chest-display">> Имя Груди: $ChestName Статус Груди: $ChestStatus<</replace>> <</link>><<link "Отнять от статуса Груди -100">> <<set _oldChestStatus to $ChestStatus>> <<set $ChestStatus -= 100>> <<set $ChestStatus to Math.clamp($ChestStatus, 0, 1000)>> <<run updateBea()>> <<if _oldChestStatus - 100 < 0>> <<Message "Жизнь без сисек ничтожна!">> <</if>> <<run setup.updateChest()>> <<replace "#Chest-display">> Имя Груди: $ChestName Статус Груди: $ChestStatus<</replace>> <</link>><div id="Chest-display"> Имя Ануса: $ChestName Статус Ануса: $ChestStatus</div> <<link "Добавить к статусу Жопы +100">> <<set _oldAssStatus to $AssStatus>> <<set $AssStatus += 100>> <<set $AssStatus to Math.clamp($AssStatus, 0, 1000)>> <<run updateBea()>> <<if _oldAssStatus + 100 > 1000>> <<Message "Твоя жопа ширше некуда!">> <</if>> <<run setup.updateAss()>> <<replace "#Ass-display">> Имя Жопы: $AssName Статус Жопы: $AssStatus<</replace>> <</link>><<link "Отнять от статуса Жопы -100">> <<set _oldAssStatus to $AssStatus>> <<set $AssStatus -= 100>> <<set $AssStatus to Math.clamp($AssStatus, 0, 1000)>> <<run updateBea()>> <<if _oldAssStatus - 100 < 0>> <<Message "Жизнь без жопы ничтожна!">> <</if>> <<run setup.updateAss()>> <<replace "#Ass-display">> Имя Жопы: $AssName Статус Жопы: $AssStatus<</replace>> <</link>><div id="Ass-display"> Имя Жопы: $AssName Статус Жопы: $AssStatus</div> <<link "Добавить к статусу Вагины +100 $SlutStatus">> <<set _oldVaginaStatus to $VaginaStatus>> <<set $VaginaStatus += 100>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<if _oldVaginaStatus + 100 > 1000>> <<Message "Твоя вагина уже ширше некуда!">> <</if>> <<run setup.updateVagina()>> <<replace "#Vagina-display">> Имя Вагины: $VaginaName Статус Вагины: $VaginaStatus<</replace>> <</link>><<link "Отнять от статуса Вагины -100">> <<set _oldVaginaStatus to $VaginaStatus>> <<set $VaginaStatus -= 100>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<if _oldVaginaStatus - 100 < 0>> <<Message "Жизнь без вагины ничтожна!">> <</if>> <<run setup.updateVagina()>> <<replace "#Vagina-display">> Имя Вагины: $VaginaName Статус Вагины: $VaginaStatus<</replace>> <</link>><div id="Vagina-display"> Имя Вагины: $VaginaName Статус Вагины: $VaginaStatus</div> <<link "Добавить к статусу Ануса +100">> <<set _oldAnusStatus to $AnusStatus>> <<set $AnusStatus += 100>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<if _oldAnusStatus + 100 > 1000>> <<Message "Твое очко уже ширше некуда!">> <</if>> <<run setup.updateAnus()>> <<replace "#Anus-display">> Имя Ануса: $AnusName Статус Ануса: $AnusStatus<</replace>> <</link>><<link "Отнять от статуса Ануса -100">> <<set _oldAnusStatus to $AnusStatus>> <<set $AnusStatus -= 100>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<if _oldAnusStatus - 100 < 0>> <<Message "Жизнь без очка ничтожна!">> <</if>> <<run setup.updateAnus()>> <<replace "#Anus-display">> Имя Ануса: $AnusName Статус Ануса: $AnusStatus<</replace>> <</link>><div id="Anus-display"> Имя Ануса: $AnusName Статус Ануса: $AnusStatus</div> <<link "Добавить к статусу Члена +100">> <<set _oldDickStatus to $DickStatus>> <<set $DickStatus += 100>> <<set $DickStatus to Math.clamp($DickStatus, 0, 1000)>> <<if _oldDickStatus + 100 > 1000>> <<Message "Дальше уже инвалидность!">> <</if>> <<run setup.updateDick()>> <<replace "#Dick-display">> Имя Члена: $DickName Статус Члена: $DickStatus<</replace>> <</link>><<link "Отнять от статуса Члена -100">> <<set _oldDickStatus to $DickStatus>> <<set $DickStatus -= 100>> <<set $DickStatus to Math.clamp($DickStatus, 0, 1000)>> <<if _oldDickStatus - 100 < 0>> <<Message "Жизнь без члена ничтожна!">> <</if>> <<run setup.updateDick()>> <<replace "#Dick-display">> Имя Члена: $DickName Статус Члена: $DickStatus<</replace>> <</link>><div id="Dick-display"> Имя Члена: $DickName Статус Члена: $DickStatus</div> </nobr> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="links-container00"> <div class="links">[[ПЕРЕЗАПУСК|RefMenu01]]</div></div> <<set $EventEnc to 0>> <<set $EventEnc to random(1, 6)>> <<if $EventEnc is 1>> <<goto TestEvent01>> <</if>> <<if $EventEnc is 2>> <<goto TestEvent02>> <</if>> <<Message "Меню референсов<br>эвентов">> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<span class="madness00">ДАЙТЕ ДЕНЕГ</span> <div class="comp00"><<type 50ms>>И ПОБОЛЬШЕ MONEY money<</type>></div> <div class="comp01"><<type 50ms>>ПОБОЛЬШЕ MONEY money<</type>></div> <div class="comp02"><<type 50ms>>ПОБОЛЬШЕ MONEY money<</type>></div> <div class="comp03"><<type 50ms>>ПОБОЛЬШЕ MONEY money<</type>></div> <div class="comp04"><<type 50ms>>ПОБОЛЬШЕ MONEY money<</type>></div> <div class="comp05"><<type 50ms>>ПОБОЛЬШЕ MONEY money<</type>></div> <div class="comp00"><<type 50ms>><span class="madness00">И ПОБОЛЬШЕ MONEY money</span><</type>></div> <div class="comp01"><<type 50ms>><span class="madness01">И ПОБОЛЬШЕ MONEY money</span><</type>></div> <div class="comp02"><<type 50ms>><span class="madness02">И ПОБОЛЬШЕ MONEY money</span><</type>></div> <div class="comp03"><<type 50ms>><span class="madness03">И ПОБОЛЬШЕ MONEY money</span><</type>></div> <div class="comp04"><<type 50ms>><span class="madness04">И ПОБОЛЬШЕ MONEY money</span><</type>></div> <div class="comp05"><<type 50ms>><span class="madness05">И ПОБОЛЬШЕ MONEY money</span><</type>></div> <div class="comp00"><<type 50ms>><span class="madness06">И ПОБОЛЬШЕ MONEY money</span><</type>></div> <<Message "Меню стилей текста">> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<button "Show $AdultCheck value">> <<run alert($AdultCheck)>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<set $EnemyAtt to 25>> <<set $PlayerDamage1 to 30>> <<set $PlayerDefense1 to 15>> <<set $AcidDamage to 40>> <<set $PHealing to 50>> <<set $benemy to "Slum Bandit">> <!-- Ваш элемент --> <div id="ATTACK01" style="cursor: help;">АТАКА</div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip" class="tooltip-hidden"> <center><strong>INFO</strong></center> ENEMY DMG: <strong>$EnemyAtt</strong> YOUR DMG: <strong>$PlayerDamage1</strong> YOUR DEF:  <strong>$PlayerDefense1</strong> ACID DMG:  <strong>$AcidDamage</strong> HEALING :   <strong>$PHealing</strong> </div> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="links-row"> <div class="links-container02"> <div class="links">[[Алхимия|NShopAlh]]</div> <div class="links">[[Серьги|NShopEar]]</div> <div class="links">[[Кольца|NShopRin]]</div> <div class="links">[[Подвески|NShopNec]]</div> <div class="links">[[Трусы|NShopPan]]</div> <div class="links">[[Ливчики|NShopBra]]</div></div> <div class="links-container03"> <div class="links">[[Чулки|NShopSto]]</div> <div class="links">[[Обувь|NShopSho]]</div> <div class="links">[[Юбки|NShopSki]]</div> <div class="links">[[Верх|NShopOut]]</div> <div class="links">[[Оружие|NShopWea]]</div></div> </div> <<Message "Это меню для<br>перехода в магазины">> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<link "Увеличить репутацию в доках(+50)">> <<set $DRep += 50>> <<run updateDTitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация увеличена! Текущий титул: $DTitle">> <</link>> <<link "Уменьшить репутацию в доках(-50)">> <<set $DRep -= 50>> <<run updateDTitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация уменьшена! Текущий титул: $DTitle">> <</link>> <<link "Установить репутацию в доках на 1000">> <<set $DRep to 1000>> <<run updateDTitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация установлена на максимум! Текущий титул: $DTitle">> <</link>> <<link "Увеличить репутацию на западе (+50)">> <<set $ERep += 50>> <<run updateETitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация увеличена! Текущий титул: $ETitle">> <</link>> <<link "Уменьшить репутацию на западе (-50)">> <<set $ERep -= 50>> <<run updateETitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация уменьшена! Текущий титул: $ETitle">> <</link>> <<link "Установить репутацию на западе на 1000">> <<set $ERep to 1000>> <<run updateETitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация установлена на максимум! Текущий титул: $ETitle">> <</link>> <<link "Увеличить репутацию на востоке (+50)">> <<set $WRep += 50>> <<run updateWTitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация увеличена! Текущий титул: $WTitle">> <</link>> <<link "Уменьшить репутацию на востоке (-50)">> <<set $WRep -= 50>> <<run updateWTitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация уменьшена! Текущий титул: $WTitle">> <</link>> <<link "Установить репутацию на востоке на 1000">> <<set $WRep to 1000>> <<run updateWTitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация установлена на максимум! Текущий титул: $WTitle">> <</link>> <<link "Увеличить репутацию на севере (+50)">> <<set $NRep += 50>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация увеличена! Текущий титул: $NTitle">> <</link>> <<link "Уменьшить репутацию на севере (-50)">> <<set $NRep -= 50>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация уменьшена! Текущий титул: $NTitle">> <</link>> <<link "Установить репутацию на севере на 1000">> <<set $NRep to 1000>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> <<Message "Репутация установлена на максимум! Текущий титул: $NTitle">> <</link>> <<link "Увеличить кол-во побед (+1)">> <<set $SWinP += 1>> <</link>><<link "Уменьшить кол-во побед (-1)">> <<set $SWinP -= 1>> <</link>> <<link "Увеличить кол-во поражений (+1)">> <<set $SLosP += 1>> <</link>><<link "Уменьшить кол-во поражений (-1)">> <<set $SLosP -= 1>> <</link>> <<link "Увеличить кол-во трахнутости в жопу (+1)">> <<set $SAssP += 1>> <</link>><<link "Уменьшить кол-во трахнутости в жопу (-1)">> <<set $SAssP -= 1>> <</link>> <<link "Увеличить кол-во трахнутости в вагину (+1)">> <<set $SVagP += 1>> <</link>><<link "Уменьшить кол-во трахнутости в вагину (-1)">> <<set $SVagP -= 1>> <</link>> <<link "Увеличить кол-во трахнутости в рот (+1)">> <<set $SOraP += 1>> <</link>><<link "Уменьшить кол-во трахнутости в рот (-1)">> <<set $SOraP -= 1>> <</link>> <<link "Увеличить кол-во работы в глори (+1)">> <<set $SGloP += 1>> <</link>><<link "Уменьшить кол-во работы в глори (-1)">> <<set $SGloP -= 1>> <</link>> <<link "Увеличить кол-во груп секса (+1)">> <<set $SGruP += 1>> <</link>><<link "Уменьшить кол-во груп секса (-1)">> <<set $SGruP -= 1>> <</link>> <<link "Увеличить кол-во лесбиянства (+1)">> <<set $SLesP += 1>> <</link>><<link "Уменьшить кол-во лесбиянства (-1)">> <<set $SLesP -= 1>> <</link>> <<link "Увеличить кол-во руг секса (+1)">> <<set $SRapP += 1>> <</link>><<link "Уменьшить кол-во руг секса (-1)">> <<set $SRapP -= 1>> <</link>> <<link "Увеличить кол-во секса с людьми (+1)">> <<set $SHumP += 1>> <</link>><<link "Уменьшить кол-во секса с людьми (-1)">> <<set $SHumP -= 1>> <</link>> <<link "Увеличить кол-во секса с монстрами (+1)">> <<set $SMonP += 1>> <</link>><<link "Уменьшить кол-во секса с монстрами (-1)">> <<set $SMonP -= 1>> <</link>> <<link "Увеличить кол-во секса с тентаклями (+1)">> <<set $STentP += 1>> <</link>><<link "Уменьшить кол-во секса с тентаклями (-1)">> <<set $STentP -= 1>> <</link>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<link "Продвинуть день недели">> <<set $GDay += 1>> <<run UIBar.setStoryElements()>> <</link>>
<<nobr>> <<run UIBar.setStoryElements()>> <<link 'Переключить серьги00'>> <<set $IEarrings_00 to !$IEarrings_00>> <<replace "#earrings-status">>Серьги доступны: $IEarrings_00<</replace>> <</link>> <div id="earrings-status">Серьги доступны: $IEarrings_00</div> <<link "Переключить серьги01">> <<set $IEarrings_01 to !$IEarrings_01>> <<replace "#earrings-status1">>Серьги доступны: $IEarrings_01<</replace>> <</link>> <div id="earrings-status1">Серьги доступны: $IEarrings_01</div> <<link "Переключить серьги02">> <<set $IEarrings_02 to !$IEarrings_02>> <<replace "#earrings-status2">>Серьги доступны: $IEarrings_02<</replace>> <</link>> <div id="earrings-status2">Серьги доступны: $IEarrings_02</div> <<link "Переключить серьги03">> <<set $IEarrings_03 to !$IEarrings_03>> <<replace "#earrings-status3">>Серьги доступны: $IEarrings_03<</replace>> <</link>> <div id="earrings-status3">Серьги доступны: $IEarrings_03</div> <<link "Переключить серьги04">> <<set $IEarrings_04 to !$IEarrings_04>> <<replace "#earrings-status4">>Серьги доступны: $IEarrings_04<</replace>> <</link>> <div id="earrings-status4">Серьги доступны: $IEarrings_04</div> <<link "Переключить серьги05">> <<set $IEarrings_05 to !$IEarrings_05>> <<replace "#earrings-status5">>Серьги доступны: $IEarrings_05<</replace>> <</link>> <div id="earrings-status5">Серьги доступны: $IEarrings_05</div> <<link "Переключить серьги06">> <<set $IEarrings_06 to !$IEarrings_06>> <<replace "#earrings-status6">>Серьги доступны: $IEarrings_06<</replace>> <</link>> <div id="earrings-status6">Серьги доступны: $IEarrings_06</div> <<link "Переключить серьги07">> <<set $IEarrings_07 to !$IEarrings_07>> <<replace "#earrings-status7">>Серьги доступны: $IEarrings_07<</replace>> <</link>> <div id="earrings-status7">Серьги доступны: $IEarrings_07</div> <<link "Переключить серьги08">> <<set $IEarrings_08 to !$IEarrings_08>> <<replace "#earrings-status8">>Серьги доступны: $IEarrings_08<</replace>> <</link>> <div id="earrings-status8">Серьги доступны: $IEarrings_08</div> <<link "Переключить серьги09">> <<set $IEarrings_09 to !$IEarrings_09>> <<replace "#earrings-status9">>Серьги доступны: $IEarrings_09<</replace>> <</link>> <div id="earrings-status9">Серьги доступны: $IEarrings_09</div> <<link "Переключить серьги10">> <<set $IEarrings_10 to !$IEarrings_10>> <<replace "#earrings-status10">>Серьги доступны: $IEarrings_10<</replace>> <</link>> <div id="earrings-status10">Серьги доступны: $IEarrings_10</div> <<link "Переключить серьги11">> <<set $IEarrings_11 to !$IEarrings_11>> <<replace "#earrings-status11">>Серьги доступны: $IEarrings_11<</replace>> <</link>> <div id="earrings-status11">Серьги доступны: $IEarrings_11</div> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run UIBar.setStoryElements()>> <<link 'Переключить Кольцо00'>> <<set $IRing_00 to !$IRing_00>> <<replace "#ring-status">>Кольцо доступно: $IRing_00<</replace>> <</link>> <div id="ring-status">Кольцо доступно: $IRing_00</div> <<link "Переключить Кольцо01">> <<set $IRing_01 to !$IRing_01>> <<replace "#ring-status1">>Кольцо доступно: $IRing_01<</replace>> <</link>> <div id="ring-status1">Кольцо доступно: $IRing_01</div> <<link "Переключить Кольцо02">> <<set $IRing_02 to !$IRing_02>> <<replace "#ring-status2">>Кольцо доступно: $IRing_02<</replace>> <</link>> <div id="ring-status2">Кольцо доступно: $IRing_02</div> <<link "Переключить Кольцо03">> <<set $IRing_03 to !$IRing_03>> <<replace "#ring-status3">>Кольцо доступно: $IRing_03<</replace>> <</link>> <div id="ring-status3">Кольцо доступно: $IRing_03</div> <<link "Переключить Кольцо04">> <<set $IRing_04 to !$IRing_04>> <<replace "#ring-status4">>Кольцо доступно: $IRing_04<</replace>> <</link>> <div id="ring-status4">Кольцо доступно: $IRing_04</div> <<link "Переключить Кольцо05">> <<set $IRing_05 to !$IRing_05>> <<replace "#ring-status5">>Кольцо доступно: $IRing_05<</replace>> <</link>> <div id="ring-status5">Кольцо доступно: $IRing_05</div> <<link "Переключить Кольцо06">> <<set $IRing_06 to !$IRing_06>> <<replace "#ring-status6">>Кольцо доступно: $IRing_06<</replace>> <</link>> <div id="ring-status6">Кольцо доступно: $IRing_06</div> <<link "Переключить Кольцо07">> <<set $IRing_07 to !$IRing_07>> <<replace "#ring-status7">>Кольцо доступно: $IRing_07<</replace>> <</link>> <div id="ring-status7">Кольцо доступно: $IRing_07</div> <<link "Переключить Кольцо08">> <<set $IRing_08 to !$IRing_08>> <<replace "#ring-status8">>Кольцо доступно: $IRing_08<</replace>> <</link>> <div id="ring-status8">Кольцо доступно: $IRing_08</div> <<link "Переключить Кольцо09">> <<set $IRing_09 to !$IRing_09>> <<replace "#ring-status9">>Кольцо доступно: $IRing_09<</replace>> <</link>> <div id="ring-status9">Кольцо доступно: $IRing_09</div> <<link "Переключить Кольцо10">> <<set $IRing_10 to !$IRing_10>> <<replace "#ring-status10">>Кольцо доступно: $IRing_10<</replace>> <</link>> <div id="ring-status10">Кольцо доступно: $IRing_10</div> <<link "Переключить Кольцо11">> <<set $IRing_11 to !$IRing_11>> <<replace "#ring-status11">>Кольцо доступно: $IRing_11<</replace>> <</link>> <div id="ring-status11">Кольцо доступно: $IRing_11</div> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run UIBar.setStoryElements()>> <<link 'Переключить Подвеска00'>> <<set $INecklace_00 to !$INecklace_00>> <<replace "#necklace-status">>Подвеска доступна: $INecklace_00<</replace>> <</link>> <div id="necklace-status">Подвеска доступна: $INecklace_00</div> <<link "Переключить Подвеска01">> <<set $INecklace_01 to !$INecklace_01>> <<replace "#necklace-status1">>Подвеска доступна: $INecklace_01<</replace>> <</link>> <div id="necklace-status1">Подвеска доступна: $INecklace_01</div> <<link "Переключить Подвеска02">> <<set $INecklace_02 to !$INecklace_02>> <<replace "#necklace-status2">>Подвеска доступна: $INecklace_02<</replace>> <</link>> <div id="necklace-status2">Подвеска доступна: $INecklace_02</div> <<link "Переключить Подвеска03">> <<set $INecklace_03 to !$INecklace_03>> <<replace "#necklace-status3">>Подвеска доступна: $INecklace_03<</replace>> <</link>> <div id="necklace-status3">Подвеска доступна: $INecklace_03</div> <<link "Переключить Подвеска04">> <<set $INecklace_04 to !$INecklace_04>> <<replace "#necklace-status4">>Подвеска доступна: $INecklace_04<</replace>> <</link>> <div id="necklace-status4">Подвеска доступна: $INecklace_04</div> <<link "Переключить Подвеска05">> <<set $INecklace_05 to !$INecklace_05>> <<replace "#necklace-status5">>Подвеска доступна: $INecklace_05<</replace>> <</link>> <div id="necklace-status5">Подвеска доступна: $INecklace_05</div> <<link "Переключить Подвеска06">> <<set $INecklace_06 to !$INecklace_06>> <<replace "#necklace-status6">>Подвеска доступна: $INecklace_06<</replace>> <</link>> <div id="necklace-status6">Подвеска доступна: $INecklace_06</div> <<link "Переключить Подвеска07">> <<set $INecklace_07 to !$INecklace_07>> <<replace "#necklace-status7">>Подвеска доступна: $INecklace_07<</replace>> <</link>> <div id="necklace-status7">Подвеска доступна: $INecklace_07</div> <<link "Переключить Подвеска08">> <<set $INecklace_08 to !$INecklace_08>> <<replace "#necklace-status8">>Подвеска доступна: $INecklace_08<</replace>> <</link>> <div id="necklace-status8">Подвеска доступна: $INecklace_08</div> <<link "Переключить Подвеска09">> <<set $INecklace_09 to !$INecklace_09>> <<replace "#necklace-status9">>Подвеска доступна: $INecklace_09<</replace>> <</link>> <div id="necklace-status9">Подвеска доступна: $INecklace_09</div> <<link "Переключить Подвеска10">> <<set $INecklace_10 to !$INecklace_10>> <<replace "#necklace-status10">>Подвеска доступна: $INecklace_10<</replace>> <</link>> <div id="necklace-status10">Подвеска доступна: $INecklace_10</div> <<link "Переключить Подвеска11">> <<set $INecklace_11 to !$INecklace_11>> <<replace "#necklace-status11">>Подвеска доступна: $INecklace_11<</replace>> <</link>> <div id="necklace-status11">Подвеска доступна: $INecklace_11</div> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run UIBar.setStoryElements()>> <<link 'Переключить Трусы00'>> <<set $IPanties_00 to !$IPanties_00>> <<replace "#panties-status">>Трусы доступны: $IPanties_00<</replace>> <</link>> <div id="panties-status">Трусы доступны: $IPanties_00</div> <<link "Переключить Трусы01">> <<set $IPanties_01 to !$IPanties_01>> <<replace "#panties-status1">>Трусы доступны: $IPanties_01<</replace>> <</link>> <div id="panties-status1">Трусы доступны: $IPanties_01</div> <<link "Переключить Трусы02">> <<set $IPanties_02 to !$IPanties_02>> <<replace "#panties-status2">>Трусы доступны: $IPanties_02<</replace>> <</link>> <div id="panties-status2">Трусы доступны: $IPanties_02</div> <<link "Переключить Трусы03">> <<set $IPanties_03 to !$IPanties_03>> <<replace "#panties-status3">>Трусы доступны: $IPanties_03<</replace>> <</link>> <div id="panties-status3">Трусы доступны: $IPanties_03</div> <<link "Переключить Трусы04">> <<set $IPanties_04 to !$IPanties_04>> <<replace "#panties-status4">>Трусы доступны: $IPanties_04<</replace>> <</link>> <div id="panties-status4">Трусы доступны: $IPanties_04</div> <<link "Переключить Трусы05">> <<set $IPanties_05 to !$IPanties_05>> <<replace "#panties-status5">>Трусы доступны: $IPanties_05<</replace>> <</link>> <div id="panties-status5">Трусы доступны: $IPanties_05</div> <<link "Переключить Трусы06">> <<set $IPanties_06 to !$IPanties_06>> <<replace "#panties-status6">>Трусы доступны: $IPanties_06<</replace>> <</link>> <div id="panties-status6">Трусы доступны: $IPanties_06</div> <<link "Переключить Трусы07">> <<set $IPanties_07 to !$IPanties_07>> <<replace "#panties-status7">>Трусы доступны: $IPanties_07<</replace>> <</link>> <div id="panties-status7">Трусы доступны: $IPanties_07</div> <<link "Переключить Трусы08">> <<set $IPanties_08 to !$IPanties_08>> <<replace "#panties-status8">>Трусы доступны: $IPanties_08<</replace>> <</link>> <div id="panties-status8">Трусы доступны: $IPanties_08</div> <<link "Переключить Трусы09">> <<set $IPanties_09 to !$IPanties_09>> <<replace "#panties-status9">>Трусы доступны: $IPanties_09<</replace>> <</link>> <div id="panties-status9">Трусы доступны: $IPanties_09</div> <<link "Переключить Трусы10">> <<set $IPanties_10 to !$IPanties_10>> <<replace "#panties-status10">>Трусы доступны: $IPanties_10<</replace>> <</link>> <div id="panties-status10">Трусы доступны: $IPanties_10</div> <<link "Переключить Трусы11">> <<set $IPanties_11 to !$IPanties_11>> <<replace "#panties-status11">>Трусы доступны: $IPanties_11<</replace>> <</link>> <div id="panties-status11">Трусы доступны: $IPanties_11</div> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run UIBar.setStoryElements()>> <<link 'Переключить Ливчик00'>> <<set $IBra_00 to !$IBra_00>> <<replace "#bra-status">>Ливчик доступен: $IBra_00<</replace>> <</link>> <div id="bra-status">Ливчик доступен: $IBra_00</div> <<link "Переключить Ливчик01">> <<set $IBra_01 to !$IBra_01>> <<replace "#bra-status1">>Ливчик доступен: $IBra_01<</replace>> <</link>> <div id="bra-status1">Ливчик доступен: $IBra_01</div> <<link "Переключить Ливчик02">> <<set $IBra_02 to !$IBra_02>> <<replace "#bra-status2">>Ливчик доступен: $IBra_02<</replace>> <</link>> <div id="bra-status2">Ливчик доступен: $IBra_02</div> <<link "Переключить Ливчик03">> <<set $IBra_03 to !$IBra_03>> <<replace "#bra-status3">>Ливчик доступен: $IBra_03<</replace>> <</link>> <div id="bra-status3">Ливчик доступен: $IBra_03</div> <<link "Переключить Ливчик04">> <<set $IBra_04 to !$IBra_04>> <<replace "#bra-status4">>Ливчик доступен: $IBra_04<</replace>> <</link>> <div id="bra-status4">Ливчик доступен: $IBra_04</div> <<link "Переключить Ливчик05">> <<set $IBra_05 to !$IBra_05>> <<replace "#bra-status5">>Ливчик доступен: $IBra_05<</replace>> <</link>> <div id="bra-status5">Ливчик доступен: $IBra_05</div> <<link "Переключить Ливчик06">> <<set $IBra_06 to !$IBra_06>> <<replace "#bra-status6">>Ливчик доступен: $IBra_06<</replace>> <</link>> <div id="bra-status6">Ливчик доступен: $IBra_06</div> <<link "Переключить Ливчик07">> <<set $IBra_07 to !$IBra_07>> <<replace "#bra-status7">>Ливчик доступен: $IBra_07<</replace>> <</link>> <div id="bra-status7">Ливчик доступен: $IBra_07</div> <<link "Переключить Ливчик08">> <<set $IBra_08 to !$IBra_08>> <<replace "#bra-status8">>Ливчик доступен: $IBra_08<</replace>> <</link>> <div id="bra-status8">Ливчик доступен: $IBra_08</div> <<link "Переключить Ливчик09">> <<set $IBra_09 to !$IBra_09>> <<replace "#bra-status9">>Ливчик доступен: $IBra_09<</replace>> <</link>> <div id="bra-status9">Ливчик доступен: $IBra_09</div> <<link "Переключить Ливчик10">> <<set $IBra_10 to !$IBra_10>> <<replace "#bra-status10">>Ливчик доступен: $IBra_10<</replace>> <</link>> <div id="bra-status10">Ливчик доступен: $IBra_10</div> <<link "Переключить Ливчик11">> <<set $IBra_11 to !$IBra_11>> <<replace "#bra-status11">>Ливчик доступен: $IBra_11<</replace>> <</link>> <div id="bra-status11">Ливчик доступен: $IBra_11</div> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run UIBar.setStoryElements()>> <<link 'Переключить Чулки00'>> <<set $IStockings_00 to !$IStockings_00>> <<replace "#Stockings-status">>Чулки доступны: $IStockings_00<</replace>> <</link>> <div id="Stockings-status">Чулки доступны: $IStockings_00</div> <<link "Переключить Чулки01">> <<set $IStockings_01 to !$IStockings_01>> <<replace "#Stockings-status1">>Чулки доступны: $IStockings_01<</replace>> <</link>> <div id="Stockings-status1">Чулки доступны: $IStockings_01</div> <<link "Переключить Чулки02">> <<set $IStockings_02 to !$IStockings_02>> <<replace "#Stockings-status2">>Чулки доступны: $IStockings_02<</replace>> <</link>> <div id="Stockings-status2">Чулки доступны: $IStockings_02</div> <<link "Переключить Чулки03">> <<set $IStockings_03 to !$IStockings_03>> <<replace "#Stockings-status3">>Чулки доступны: $IStockings_03<</replace>> <</link>> <div id="Stockings-status3">Чулки доступны: $IStockings_03</div> <<link "Переключить Чулки04">> <<set $IStockings_04 to !$IStockings_04>> <<replace "#Stockings-status4">>Чулки доступны: $IStockings_04<</replace>> <</link>> <div id="Stockings-status4">Чулки доступны: $IStockings_04</div> <<link "Переключить Чулки05">> <<set $IStockings_05 to !$IStockings_05>> <<replace "#Stockings-status5">>Чулки доступны: $IStockings_05<</replace>> <</link>> <div id="Stockings-status5">Чулки доступны: $IStockings_05</div> <<link "Переключить Чулки06">> <<set $IStockings_06 to !$IStockings_06>> <<replace "#Stockings-status6">>Чулки доступны: $IStockings_06<</replace>> <</link>> <div id="Stockings-status6">Чулки доступны: $IStockings_06</div> <<link "Переключить Чулки07">> <<set $IStockings_07 to !$IStockings_07>> <<replace "#Stockings-status7">>Чулки доступны: $IStockings_07<</replace>> <</link>> <div id="Stockings-status7">Чулки доступны: $IStockings_07</div> <<link "Переключить Чулки08">> <<set $IStockings_08 to !$IStockings_08>> <<replace "#Stockings-status8">>Чулки доступны: $IStockings_08<</replace>> <</link>> <div id="Stockings-status8">Чулки доступны: $IStockings_08</div> <<link "Переключить Чулки09">> <<set $IStockings_09 to !$IStockings_09>> <<replace "#Stockings-status9">>Чулки доступны: $IStockings_09<</replace>> <</link>> <div id="Stockings-status9">Чулки доступны: $IStockings_09</div> <<link "Переключить Чулки10">> <<set $IStockings_10 to !$IStockings_10>> <<replace "#Stockings-status10">>Чулки доступны: $IStockings_10<</replace>> <</link>> <div id="Stockings-status10">Чулки доступны: $IStockings_10</div> <<link "Переключить Чулки11">> <<set $IStockings_11 to !$IStockings_11>> <<replace "#Stockings-status11">>Чулки доступны: $IStockings_11<</replace>> <</link>> <div id="Stockings-status11">Чулки доступны: $IStockings_11</div> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run UIBar.setStoryElements()>> <<link 'Переключить Обувь00'>> <<set $IShoes_00 to !$IShoes_00>> <<replace "#Shoes-status">>Обувь доступна: $IShoes_00<</replace>> <</link>> <div id="Shoes-status">Обувь доступна: $IShoes_00</div> <<link "Переключить Обувь01">> <<set $IShoes_01 to !$IShoes_01>> <<replace "#Shoes-status1">>Обувь доступна: $IShoes_01<</replace>> <</link>> <div id="Shoes-status1">Обувь доступна: $IShoes_01</div> <<link "Переключить Обувь02">> <<set $IShoes_02 to !$IShoes_02>> <<replace "#Shoes-status2">>Обувь доступна: $IShoes_02<</replace>> <</link>> <div id="Shoes-status2">Обувь доступна: $IShoes_02</div> <<link "Переключить Обувь03">> <<set $IShoes_03 to !$IShoes_03>> <<replace "#Shoes-status3">>Обувь доступна: $IShoes_03<</replace>> <</link>> <div id="Shoes-status3">Обувь доступна: $IShoes_03</div> <<link "Переключить Обувь04">> <<set $IShoes_04 to !$IShoes_04>> <<replace "#Shoes-status4">>Обувь доступна: $IShoes_04<</replace>> <</link>> <div id="Shoes-status4">Обувь доступна: $IShoes_04</div> <<link "Переключить Обувь05">> <<set $IShoes_05 to !$IShoes_05>> <<replace "#Shoes-status5">>Обувь доступна: $IShoes_05<</replace>> <</link>> <div id="Shoes-status5">Обувь доступна: $IShoes_05</div> <<link "Переключить Обувь06">> <<set $IShoes_06 to !$IShoes_06>> <<replace "#Shoes-status6">>Обувь доступна: $IShoes_06<</replace>> <</link>> <div id="Shoes-status6">Обувь доступна: $IShoes_06</div> <<link "Переключить Обувь07">> <<set $IShoes_07 to !$IShoes_07>> <<replace "#Shoes-status7">>Обувь доступна: $IShoes_07<</replace>> <</link>> <div id="Shoes-status7">Обувь доступна: $IShoes_07</div> <<link "Переключить Обувь08">> <<set $IShoes_08 to !$IShoes_08>> <<replace "#Shoes-status8">>Обувь доступна: $IShoes_08<</replace>> <</link>> <div id="Shoes-status8">Обувь доступна: $IShoes_08</div> <<link "Переключить Обувь09">> <<set $IShoes_09 to !$IShoes_09>> <<replace "#Shoes-status9">>Обувь доступна: $IShoes_09<</replace>> <</link>> <div id="Shoes-status9">Обувь доступна: $IShoes_09</div> <<link "Переключить Обувь10">> <<set $IShoes_10 to !$IShoes_10>> <<replace "#Shoes-status10">>Обувь доступна: $IShoes_10<</replace>> <</link>> <div id="Shoes-status10">Обувь доступна: $IShoes_10</div> <<link "Переключить Обувь11">> <<set $IShoes_11 to !$IShoes_11>> <<replace "#Shoes-status11">>Обувь доступна: $IShoes_11<</replace>> <</link>> <div id="Shoes-status11">Обувь доступна: $IShoes_11</div> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run UIBar.setStoryElements()>> <<link 'Переключить Юбка00'>> <<set $IPants_00 to !$IPants_00>> <<replace "#Pants-status">>Юбка доступна: $IPants_00<</replace>> <</link>> <div id="Pants-status">Юбка доступна: $IPants_00</div> <<link "Переключить Юбка01">> <<set $IPants_01 to !$IPants_01>> <<replace "#Pants-status1">>Юбка доступна: $IPants_01<</replace>> <</link>> <div id="Pants-status1">Юбка доступна: $IPants_01</div> <<link "Переключить Юбка02">> <<set $IPants_02 to !$IPants_02>> <<replace "#Pants-status2">>Юбка доступна: $IPants_02<</replace>> <</link>> <div id="Pants-status2">Юбка доступна: $IPants_02</div> <<link "Переключить Юбка03">> <<set $IPants_03 to !$IPants_03>> <<replace "#Pants-status3">>Юбка доступна: $IPants_03<</replace>> <</link>> <div id="Pants-status3">Юбка доступна: $IPants_03</div> <<link "Переключить Юбка04">> <<set $IPants_04 to !$IPants_04>> <<replace "#Pants-status4">>Юбка доступна: $IPants_04<</replace>> <</link>> <div id="Pants-status4">Юбка доступна: $IPants_04</div> <<link "Переключить Юбка05">> <<set $IPants_05 to !$IPants_05>> <<replace "#Pants-status5">>Юбка доступна: $IPants_05<</replace>> <</link>> <div id="Pants-status5">Юбка доступна: $IPants_05</div> <<link "Переключить Юбка06">> <<set $IPants_06 to !$IPants_06>> <<replace "#Pants-status6">>Юбка доступна: $IPants_06<</replace>> <</link>> <div id="Pants-status6">Юбка доступна: $IPants_06</div> <<link "Переключить Юбка07">> <<set $IPants_07 to !$IPants_07>> <<replace "#Pants-status7">>Юбка доступна: $IPants_07<</replace>> <</link>> <div id="Pants-status7">Юбка доступна: $IPants_07</div> <<link "Переключить Юбка08">> <<set $IPants_08 to !$IPants_08>> <<replace "#Pants-status8">>Юбка доступна: $IPants_08<</replace>> <</link>> <div id="Pants-status8">Юбка доступна: $IPants_08</div> <<link "Переключить Юбка09">> <<set $IPants_09 to !$IPants_09>> <<replace "#Pants-status9">>Юбка доступна: $IPants_09<</replace>> <</link>> <div id="Pants-status9">Юбка доступна: $IPants_09</div> <<link "Переключить Юбка10">> <<set $IPants_10 to !$IPants_10>> <<replace "#Pants-status10">>Юбка доступна: $IPants_10<</replace>> <</link>> <div id="Pants-status10">Юбка доступна: $IPants_10</div> <<link "Переключить Юбка11">> <<set $IPants_11 to !$IPants_11>> <<replace "#Pants-status11">>Юбка доступна: $IPants_11<</replace>> <</link>> <div id="Pants-status11">Юбка доступна: $IPants_11</div> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run UIBar.setStoryElements()>> <<link 'Переключить Верх00'>> <<set $IOuterwear_00 to !$IOuterwear_00>> <<replace "#Outerwear-status">>Верх доступен: $IOuterwear_00<</replace>> <</link>> <div id="Outerwear-status">Верх доступен: $IOuterwear_00</div> <<link "Переключить Верх01">> <<set $IOuterwear_01 to !$IOuterwear_01>> <<replace "#Outerwear-status1">>Верх доступен: $IOuterwear_01<</replace>> <</link>> <div id="Outerwear-status1">Верх доступен: $IOuterwear_01</div> <<link "Переключить Верх02">> <<set $IOuterwear_02 to !$IOuterwear_02>> <<replace "#Outerwear-status2">>Верх доступен: $IOuterwear_02<</replace>> <</link>> <div id="Outerwear-status2">Верх доступен: $IOuterwear_02</div> <<link "Переключить Верх03">> <<set $IOuterwear_03 to !$IOuterwear_03>> <<replace "#Outerwear-status3">>Верх доступен: $IOuterwear_03<</replace>> <</link>> <div id="Outerwear-status3">Верх доступен: $IOuterwear_03</div> <<link "Переключить Верх04">> <<set $IOuterwear_04 to !$IOuterwear_04>> <<replace "#Outerwear-status4">>Верх доступен: $IOuterwear_04<</replace>> <</link>> <div id="Outerwear-status4">Верх доступен: $IOuterwear_04</div> <<link "Переключить Верх05">> <<set $IOuterwear_05 to !$IOuterwear_05>> <<replace "#Outerwear-status5">>Верх доступен: $IOuterwear_05<</replace>> <</link>> <div id="Outerwear-status5">Верх доступен: $IOuterwear_05</div> <<link "Переключить Верх06">> <<set $IOuterwear_06 to !$IOuterwear_06>> <<replace "#Outerwear-status6">>Верх доступен: $IOuterwear_06<</replace>> <</link>> <div id="Outerwear-status6">Верх доступен: $IOuterwear_06</div> <<link "Переключить Верх07">> <<set $IOuterwear_07 to !$IOuterwear_07>> <<replace "#Outerwear-status7">>Верх доступен: $IOuterwear_07<</replace>> <</link>> <div id="Outerwear-status7">Верх доступен: $IOuterwear_07</div> <<link "Переключить Верх08">> <<set $IOuterwear_08 to !$IOuterwear_08>> <<replace "#Outerwear-status8">>Верх доступен: $IOuterwear_08<</replace>> <</link>> <div id="Outerwear-status8">Верх доступен: $IOuterwear_08</div> <<link "Переключить Верх09">> <<set $IOuterwear_09 to !$IOuterwear_09>> <<replace "#Outerwear-status9">>Верх доступен: $IOuterwear_09<</replace>> <</link>> <div id="Outerwear-status9">Верх доступен: $IOuterwear_09</div> <<link "Переключить Верх10">> <<set $IOuterwear_10 to !$IOuterwear_10>> <<replace "#Outerwear-status10">>Верх доступен: $IOuterwear_10<</replace>> <</link>> <div id="Outerwear-status10">Верх доступен: $IOuterwear_10</div> <<link "Переключить Верх11">> <<set $IOuterwear_11 to !$IOuterwear_11>> <<replace "#Outerwear-status11">>Верх доступен: $IOuterwear_11<</replace>> <</link>> <div id="Outerwear-status11">Верх доступен: $IOuterwear_11</div> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run UIBar.setStoryElements()>> <<link 'Переключить оружие00'>> <<set $IWeapon_00 to !$IWeapon_00>> <<replace "#Weapon-status0">>Оружие доступно: $IWeapon_00<</replace>> <</link>> <div id="Weapon-status0">Оружие доступно: $IWeapon_00</div> <<link "Переключить оружие01">> <<set $IWeapon_01 to !$IWeapon_01>> <<replace "#Weapon-status1">>Оружие доступно: $IWeapon_01<</replace>> <</link>> <div id="Weapon-status1">Оружие доступно: $IWeapon_01</div> <<link "Переключить оружие02">> <<set $IWeapon_02 to !$IWeapon_02>> <<replace "#Weapon-status2">>Оружие доступно: $IWeapon_02<</replace>> <</link>> <div id="Weapon-status2">Оружие доступно: $IWeapon_02</div> <<link "Переключить оружие03">> <<set $IWeapon_03 to !$IWeapon_03>> <<replace "#Weapon-status3">>Оружие доступно: $IWeapon_03<</replace>> <</link>> <div id="Weapon-status3">Оружие доступно: $IWeapon_03</div> <<link "Переключить оружие04">> <<set $IWeapon_04 to !$IWeapon_04>> <<replace "#Weapon-status4">>Оружие доступно: $IWeapon_04<</replace>> <</link>> <div id="Weapon-status4">Оружие доступно: $IWeapon_04</div> <<link "Переключить оружие05">> <<set $IWeapon_05 to !$IWeapon_05>> <<replace "#Weapon-status5">>Оружие доступно: $IWeapon_05<</replace>> <</link>> <div id="Weapon-status5">Оружие доступно: $IWeapon_05</div> <<link "Переключить оружие06">> <<set $IWeapon_06 to !$IWeapon_06>> <<replace "#Weapon-status6">>Оружие доступно: $IWeapon_06<</replace>> <</link>> <div id="Weapon-status6">Оружие доступно: $IWeapon_06</div> <<link "Переключить оружие07">> <<set $IWeapon_07 to !$IWeapon_07>> <<replace "#Weapon-status7">>Оружие доступно: $IWeapon_07<</replace>> <</link>> <div id="Weapon-status7">Оружие доступно: $IWeapon_07</div> <<link "Переключить оружие08">> <<set $IWeapon_08 to !$IWeapon_08>> <<replace "#Weapon-status8">>Оружие доступно: $IWeapon_08<</replace>> <</link>> <div id="Weapon-status8">Оружие доступно: $IWeapon_08</div> <<link "Переключить оружие09">> <<set $IWeapon_09 to !$IWeapon_09>> <<replace "#Weapon-status9">>Оружие доступно: $IWeapon_09<</replace>> <</link>> <div id="Weapon-status9">Оружие доступно: $IWeapon_09</div> <<link "Переключить оружие10">> <<set $IWeapon_10 to !$IWeapon_10>> <<replace "#Weapon-status10">>Оружие доступно: $IWeapon_10<</replace>> <</link>> <div id="Weapon-status10">Оружие доступно: $IWeapon_10</div> <<link "Переключить оружие11">> <<set $IWeapon_11 to !$IWeapon_11>> <<replace "#Weapon-status11">>Оружие доступно: $IWeapon_11<</replace>> <</link>> <div id="Weapon-status11">Оружие доступно: $IWeapon_11</div> <<link "Переключить всю одежду">> <<set $IWeapon_00 to !$IWeapon_00>> <<set $IWeapon_01 to !$IWeapon_01>> <<set $IWeapon_02 to !$IWeapon_02>> <<set $IWeapon_03 to !$IWeapon_03>> <<set $IWeapon_04 to !$IWeapon_04>> <<set $IWeapon_05 to !$IWeapon_05>> <<set $IWeapon_06 to !$IWeapon_06>> <<set $IWeapon_07 to !$IWeapon_07>> <<set $IWeapon_08 to !$IWeapon_08>> <<set $IWeapon_09 to !$IWeapon_09>> <<set $IWeapon_10 to !$IWeapon_10>> <<set $IWeapon_11 to !$IWeapon_11>> <<set $IEarrings_00 to !$IEarrings_00>> <<set $IEarrings_01 to !$IEarrings_01>> <<set $IEarrings_02 to !$IEarrings_02>> <<set $IEarrings_03 to !$IEarrings_03>> <<set $IEarrings_04 to !$IEarrings_04>> <<set $IEarrings_05 to !$IEarrings_05>> <<set $IEarrings_06 to !$IEarrings_06>> <<set $IEarrings_07 to !$IEarrings_07>> <<set $IEarrings_08 to !$IEarrings_08>> <<set $IEarrings_09 to !$IEarrings_09>> <<set $IEarrings_10 to !$IEarrings_10>> <<set $IEarrings_11 to !$IEarrings_11>> <<set $IRing_00 to !$IRing_00>> <<set $IRing_01 to !$IRing_01>> <<set $IRing_02 to !$IRing_02>> <<set $IRing_03 to !$IRing_03>> <<set $IRing_04 to !$IRing_04>> <<set $IRing_05 to !$IRing_05>> <<set $IRing_06 to !$IRing_06>> <<set $IRing_07 to !$IRing_07>> <<set $IRing_08 to !$IRing_08>> <<set $IRing_09 to !$IRing_09>> <<set $IRing_10 to !$IRing_10>> <<set $IRing_11 to !$IRing_11>> <<set $INecklace_00 to !$INecklace_00>> <<set $INecklace_01 to !$INecklace_01>> <<set $INecklace_02 to !$INecklace_02>> <<set $INecklace_03 to !$INecklace_03>> <<set $INecklace_04 to !$INecklace_04>> <<set $INecklace_05 to !$INecklace_05>> <<set $INecklace_06 to !$INecklace_06>> <<set $INecklace_07 to !$INecklace_07>> <<set $INecklace_08 to !$INecklace_08>> <<set $INecklace_09 to !$INecklace_09>> <<set $INecklace_10 to !$INecklace_10>> <<set $INecklace_11 to !$INecklace_11>> <<set $IPanties_00 to !$IPanties_00>> <<set $IPanties_01 to !$IPanties_01>> <<set $IPanties_02 to !$IPanties_02>> <<set $IPanties_03 to !$IPanties_03>> <<set $IPanties_04 to !$IPanties_04>> <<set $IPanties_05 to !$IPanties_05>> <<set $IPanties_06 to !$IPanties_06>> <<set $IPanties_07 to !$IPanties_07>> <<set $IPanties_08 to !$IPanties_08>> <<set $IPanties_09 to !$IPanties_09>> <<set $IPanties_10 to !$IPanties_10>> <<set $IPanties_11 to !$IPanties_11>> <<set $IBra_00 to !$IBra_00>> <<set $IBra_01 to !$IBra_01>> <<set $IBra_02 to !$IBra_02>> <<set $IBra_03 to !$IBra_03>> <<set $IBra_04 to !$IBra_04>> <<set $IBra_05 to !$IBra_05>> <<set $IBra_06 to !$IBra_06>> <<set $IBra_07 to !$IBra_07>> <<set $IBra_08 to !$IBra_08>> <<set $IBra_09 to !$IBra_09>> <<set $IBra_10 to !$IBra_10>> <<set $IBra_11 to !$IBra_11>> <<set $IStockings_00 to !$IStockings_00>> <<set $IStockings_01 to !$IStockings_01>> <<set $IStockings_02 to !$IStockings_02>> <<set $IStockings_03 to !$IStockings_03>> <<set $IStockings_04 to !$IStockings_04>> <<set $IStockings_05 to !$IStockings_05>> <<set $IStockings_06 to !$IStockings_06>> <<set $IStockings_07 to !$IStockings_07>> <<set $IStockings_08 to !$IStockings_08>> <<set $IStockings_09 to !$IStockings_09>> <<set $IStockings_10 to !$IStockings_10>> <<set $IStockings_11 to !$IStockings_11>> <<set $IShoes_00 to !$IShoes_00>> <<set $IShoes_01 to !$IShoes_01>> <<set $IShoes_02 to !$IShoes_02>> <<set $IShoes_03 to !$IShoes_03>> <<set $IShoes_04 to !$IShoes_04>> <<set $IShoes_05 to !$IShoes_05>> <<set $IShoes_06 to !$IShoes_06>> <<set $IShoes_07 to !$IShoes_07>> <<set $IShoes_08 to !$IShoes_08>> <<set $IShoes_09 to !$IShoes_09>> <<set $IShoes_10 to !$IShoes_10>> <<set $IShoes_11 to !$IShoes_11>> <<set $IPants_00 to !$IPants_00>> <<set $IPants_01 to !$IPants_01>> <<set $IPants_02 to !$IPants_02>> <<set $IPants_03 to !$IPants_03>> <<set $IPants_04 to !$IPants_04>> <<set $IPants_05 to !$IPants_05>> <<set $IPants_06 to !$IPants_06>> <<set $IPants_07 to !$IPants_07>> <<set $IPants_08 to !$IPants_08>> <<set $IPants_09 to !$IPants_09>> <<set $IPants_10 to !$IPants_10>> <<set $IPants_11 to !$IPants_11>> <<set $IOuterwear_00 to !$IOuterwear_00>> <<set $IOuterwear_01 to !$IOuterwear_01>> <<set $IOuterwear_02 to !$IOuterwear_02>> <<set $IOuterwear_03 to !$IOuterwear_03>> <<set $IOuterwear_04 to !$IOuterwear_04>> <<set $IOuterwear_05 to !$IOuterwear_05>> <<set $IOuterwear_06 to !$IOuterwear_06>> <<set $IOuterwear_07 to !$IOuterwear_07>> <<set $IOuterwear_08 to !$IOuterwear_08>> <<set $IOuterwear_09 to !$IOuterwear_09>> <<set $IOuterwear_10 to !$IOuterwear_10>> <<set $IOuterwear_11 to !$IOuterwear_11>> <</link>> <</nobr>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<link "Продвинуть безумие +10">> <<run updateMadMinimum()>> <<set _oldMad to $Mad>> <<set $Mad += 10>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> /* Ограничиваем сверху значением 100 */ <<if _oldMad + 10 > 100>> <<Message "Безумие достигло максимума!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<link "Уменьшить безумие -10">> <<run updateMadMinimum()>> <<set _oldMad to $Mad>> <<set $Mad -= 10>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> /* Ограничиваем снизу значением $MadMin */ <<if _oldMad - 10 < 0>> <<Message "Безумие достигло минимума!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<link "Продвинуть коррупцию +10">> <<run updateCorrMinimum()>> <<set _oldCorr to $CorrBase>> <<set $CorrBase += 10>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> /* Ограничиваем сверху значением 100 */ <<run updateINT()>> <<run updateDEX()>> <<if _oldCorr + 10 > 100>> <<Message "Коррупция достигла максимума!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<link "Уменьшить коррупцию -10">> <<run updateCorrMinimum()>> <<set _oldCorr to $CorrBase>> <<set $CorrBase -= 10>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> /* Ограничиваем снизу значением $CorrMin */ <<run updateINT()>> <<run updateDEX()>> <<if _oldCorr - 10 < 0>> <<Message "Коррупция достигла минимума!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<link "Повысить Бимбо +10">> <<set _oldBim to $Bim>> <<set $Bim += 10>> <<set $Bim to Math.clamp($Bim, 0, 100)>> /* Ограничиваем сверху значением 100 */ <<if _oldBim + 10 > 100>> <<Message "Тупее некуда!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<link "Понизить Бимбо -10">> <<set _oldBim to $Bim>> <<set $Bim -= 10>> <<set $Bim to Math.clamp($Bim, 0, 100)>> /* Ограничиваем снизу значением 0 */ <<if _oldBim - 10 < 0>> <<Message "Умнее не станет!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<link "Повысить Субмисивность +50">> <<set _oldSub to $Sub>> <<set _oldDom to $Dom>> <<set $Sub += 50>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> /* Ограничиваем сверху значением 100 */ <<set $Dom -= 50>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<if _oldSub + 50 > 1000>> <<Message "Субмессивнее некуда!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<link "Повысить Доминантность +50">> <<set _oldDom to $Dom>> <<set _oldSub to $Sub>> <<set $Dom += 50>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> /* Ограничиваем снизу значением 0 */ <<set $Sub -= 50>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<if _oldDom + 50 > 1000>> <<Message "Доминантнее некуда!">> <</if>> <<run UIBar.setStoryElements()>> <</link>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<link "Получить 500 опыта">> <<set $Exp += 500>> <<run setup.checkLevelUp()>> <<replace "#stats-display">> Текущий уровень: $Lvl Текущий опыт: $Exp Силы: $STRBase Ловкости: $DEXBase Интеллекта: $INTBase Свободные очки характеристик: $StatP <</replace>> <</link>> <div id="stats-display"> Текущий уровень: $Lvl Текущий опыт: $Exp Силы: $STRBase Ловкости: $DEXBase Интеллекта: $INTBase Свободные очки характеристик: $StatP </div> <<link "Сбросить характеристики">> <<set $StatP += (Math.max($STRBase, 2) - 2) + (Math.max($DEXBase, 2) - 2) + (Math.max($INTBase, 1) - 1)>> <<set $STRBase to 2>> <<set $DEXBase to 2>> <<set $INTBase to 1>> <<replace "#stats-display">> Текущий уровень: $Lvl Текущий опыт: $Exp Силы: $STRBase Ловкости: $DEXBase Интеллекта: $INTBase Свободные очки характеристик: $StatP <</replace>> <</link>> № Цвета волос: $HaC Название цвета волос: $HaCN Возраст: $PAge Имя: $Pname <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<link "Пирсинг на носу ВКЛ">> <<set $TNoseStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Пирсинг на носу ВЫКЛ">> <<set $TNoseStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Пирсинг на языке ВКЛ">> <<set $TTongueStampStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Пирсинг на языке ВЫКЛ">> <<set $TTongueStampStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Пирсинг на сосках ВКЛ">> <<set $TNippleStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<run UIBar.setStoryElements()>> <</link>> <<link "Пирсинг на сосках ВЫКЛ">> <<set $TNippleStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<run UIBar.setStoryElements()>> <</link>> <<link "Пирсинг на пол.губах ВКЛ">> <<set $TLabiaStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<run UIBar.setStoryElements()>> <</link>> <<link "Пирсинг на пол.губах ВЫКЛ">> <<set $TLabiaStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<run UIBar.setStoryElements()>> <</link>> <<link "Пирсинг на клиторе ВКЛ">> <<set $TClitorisStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<run UIBar.setStoryElements()>> <</link>> <<link "Пирсинг на клиторе ВЫКЛ">> <<set $TClitorisStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<run UIBar.setStoryElements()>> <</link>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<<link "Тату на руке ВКЛ">> <<set $TArmStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на руке ВЫКЛ">> <<set $TArmStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на шее ВКЛ">> <<set $TNeckStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на шее ВЫКЛ">> <<set $TNeckStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на губе ВКЛ">> <<set $TLipsStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на губе ВЫКЛ">> <<set $TLipsStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на ступне ВКЛ">> <<set $TFootStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на ступне ВЫКЛ">> <<set $TFootStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на ноге ВКЛ">> <<set $TLegStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на ноге ВЫКЛ">> <<set $TLegStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на груди ВКЛ">> <<set $TBreastStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на груди ВЫКЛ">> <<set $TBreastStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на животе ВКЛ">> <<set $TBellyStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на животе ВЫКЛ">> <<set $TBellyStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на лобке ВКЛ">> <<set $TPubicStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<run UIBar.setStoryElements()>> <</link>> <<link "Тату на лобке ВЫКЛ">> <<set $TPubicStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<run UIBar.setStoryElements()>> <</link>> <<link "Тату на боку ВКЛ">> <<set $TSideStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на боку ВЫКЛ">> <<set $TSideStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на заднице ВКЛ">> <<set $TAssStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на заднице ВЫКЛ">> <<set $TAssStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на пояснице ВКЛ">> <<set $TTrumpStampStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<link "Тату на пояснице ВЫКЛ">> <<set $TTrumpStampStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</link>> <<nobr>> <style> /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный margin, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } </style> <</nobr>>
<style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } </style> /* Вычисление Максимального возбуждения */ <<set $SlutStatus to 0>> /* Вычисление бонуса от комбинации предметов */ <<set $SetBon01 to 0>>/* сетовый бонус к красоте от нижнего белья */ <<set $SetBon02 to 0>>/* сетовый бонус к красоте от одежды */ <<set $SetBon03 to 0>>/* сетовый бонус к здоровью от одежды */ <<set $SetBon04 to 0>>/* сетовый бонус к ловкости от одежды */ <<set $SetBon05 to 0>>/* сетовый бонус к силе от артифактов */ <<set $SetBon06 to 0>>/* сетовый бонус к интеллекту от артифактов */ /* Проверка $STR при старте */ <<if $EquippedWeapon != 0 && !State.variables["IWeapon_" + String($EquippedWeapon).padStart(2, '0')]>> <<set $EquippedWeapon to 0>> <<run updateSTR()>> <</if>> <<run updateSTR()>> /* Пересчитываем $STR при старте */ <<run updateINT()>> /* Пересчитываем $INT, $Corr и $BeaBonus */ <<run updateDEX()>> /* Пересчитываем $DEX, $Corr и $BeaBonus */ <<run updateBea()>> /* Пересчитываем $Bea при старте */ <<run updateBimTotal()>> /* Пересчитываем $Bim при старте */ <<run updateAroBonus()>> /* Рассчитываем минимальное $Aro */ <<run updateCorrMinimum()>> /* Рассчитываем минимальное $Aro */ <<run updateMadMinimum()>> /* Рассчитываем минимальное $Mad */ <<run updateDTitle()>> /* Устанавливаем начальный титул доков*/ <<run updateETitle()>> /* Устанавливаем начальный титул запада*/ <<run updateWTitle()>> /* Устанавливаем начальный титул востока*/ <<run updateNTitle()>> /* Устанавливаем начальный титул севера*/ <<run updateSetBonuses()>> /* Пересчитываем сетовые бонусы при старте */ <<set $HOME to 0>> /* Статус текущего жилья */ <<set $RENT to 0>> /* Счетчик до оплаты жилья */ /* Параметры для смены текста и запуска стартовых сцен новых локаций */ <<set $GAME_DESCRIPTION_00 to 0>>/* Номер текста пассажа */ <<set $SKIP to 0>> /* Подтверждение для пропуска главы */ <<set $PROLOGUE to 0>> <<set $CITY_START to 0>> <<set $BANK_START to 0>> <<set $HOME_START to 0>> <<set $PAWNSHOP_START to 0>> <<set $GUARD_START to 0>> <<set $DUNGEON_START to 0>> <<set $TVSTUDIO_START to 0>> <<set $RESIDENTIAL_START to 0>> <<set $RENT_START to 0>> /* Старт сцены оплаты ренты */ <<set $FARM_START to 0>> <<set $SLEEP_01 to 0>> <<set $END_HEALTH to 0>> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> /* параметры для еды */ <<set $VeMa01 to 0>> /* Комбинация роста груди */ <<set $VeMa02 to 0>> /* Комбинация роста груди */ <<set $VeMa03 to 0>> /* Комбинация роста жопы */ <<set $VeMa04 to 0>> /* Комбинация роста жопы */ <<set $SFOOD01 to 0>> <<set $SFOOD02 to 0>> <<set $SFOOD03 to 0>> <<set $Metro to 0>> <<set $STRCheck to 0>> /* Испытание на силу */ <<set $DEXCheck to 0>> /* Испытание на ловкость */ <<set $INTCheck to 0>> /* Испытание на интеллект */ <<set $FITCheck to 0>> /* Испытание на выносливость */ <<set $EventEnc01 to 0>> /* Рандом для проверки №1 */ <<set $EventEnc02 to 0>> /* Рандом для проверки №2 */ /* параметры для ванной */ <<set $Bath to 0>> /* параметры для эвентов таверны */ <<set $Tavern to 0>> /* параметры для глорихола */ <<set $RCOCS to 0>> <<set $BCOCS to 0>> /* параметры для кинотеатра */ <<set $Cinema to 0>> /* параметры для ночного клуба */ <<set $Dance to 0>> /* параметры случайных встреч в полях */ <<set $FieldsEn_01 to 0>> <<set $FieldsEn_02 to 0>> <<set $FieldsEn_03 to 0>> <<set $FieldsEn_04 to 0>> <<set $FieldsEn_05 to 0>> <<set $FieldsEn_06 to 0>> <<set $FieldsEn_07 to 0>> <<set $FieldsEn_08 to 0>> /* параметры случайных встреч в лесах */ <<set $ForestEn_01 to 0>> <<set $ForestEn_02 to 0>> <<set $ForestEn_03 to 0>> <<set $ForestEn_04 to 0>> <<set $ForestEn_05 to 0>> <<set $ForestEn_06 to 0>> <<set $ForestEn_07 to 0>> <<set $ForestEn_08 to 0>> <<set $ForestEn_09 to 0>> <<set $ForestEn_10 to 0>> <<set $ForestEn_11 to 0>> <<set $ForestEn_12 to 0>> /* параметры случайных встреч на берегу */ <<set $CoastEn_01 to 0>> <<set $CoastEn_02 to 0>> <<set $FarShoreEn_01 to 0>> <<set $FarShoreEn_02 to 0>> /* Возвращаем управление в начальный пассаж */ <<goto "GAME START WINDOW">>
/*<<Message "Text">>*/ <<widget "Message">> <<set _mensaje to $args[0]>> <<run setTimeout(function() { var div = document.createElement("div"); div.classList.add("game-notification"); div.innerHTML = _mensaje; // Добавление типа класса (костамизация класса если нужно) div.classList.add("info"); // Создание контейнера для сообщения если его нет var container = document.getElementById("notification-container"); if (!container) { container = document.createElement("div"); container.id = "notification-container"; document.body.appendChild(container); } // Добавление сообщения в контейнер container.appendChild(div); // Запуск анимациии появления setTimeout(function() { div.classList.add("fade-out"); }, 4000); // удаление сообщения после затухания setTimeout(function() { div.remove(); }, 5000); }, 200)>> <</widget>> <style> /* Стиль сообщения */ .game-notification { position: relative; top: 20px; right: 20px; background: rgba(0, 0, 0, 0.9); color: white; padding: 12px 20px; border-radius: 8px; z-index: 9999; animation: slideIn 0.5s ease-out; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); max-width: 300px; backdrop-filter: blur(5px); border: 1px solid rgba(255, 255, 255, 0.1); } /* Светлосиний бордер для нотификации */ .game-notification.info { border-left: 4px solid #3498db; } /* Анимация запуска */ @keyframes slideIn { from { transform: translateX(-20px); opacity: 0; } to { transform: translateX(0); opacity: 1; } } /* Анимация окончания */ @keyframes fadeOut { from { transform: translateX(0); opacity: 1; } to { transform: translateX(100%); opacity: 0; } } /* Контейнер нотификации */ #notification-container { position: fixed; top: 20px; right: 20px; display: flex; flex-direction: column; gap: 10px; z-index: 9999; pointer-events: none; } .game-notification { pointer-events: auto; margin-bottom: 10px; } </style>
<<nobr>> <div class="game-content"> <div class="map"> <div style="text-align: center;"><img src="img/GG_ART_02.png" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText"> By clicking on NEXT you can get information on the features of the game.<br/> By clicking on SKIP you can start the game.<br/> News about the game and its latest version can be found on our <a href="https://www.patreon.com/Guldakor"><img src="img/patreon3.png" width="25" height="23"> <span style="color:Tomato; font-size: 1.2em;">Patreon</span> </a> </span></div></div> <</nobr>> <<nobr>> <div class="links-container200"> <div class="links01"> <<link "NEXT">> <<set $GAME_DESCRIPTION_00 += 1>> <<switch $GAME_DESCRIPTION_00>> <<case 1>> <<replace "#DescText">><<print "City in the Fog is a simulator game with erotic content where the player takes<br/> control of a female character who accidentally ended up in a magical world from<br/> her own world where there is a city founded by people who ended up there in the same way.">><</replace>> <<case 2>> <<replace "#DescText">><<print "Perhaps this city has always been here, or maybe people built it from materials that<br/> were obtained in a similar way to the random travelers. Whatever the case, this<br/> city is surrounded by a wall of impenetrable fog and in order to<br/> get a chance to return, you need to get the ability to overcome this.">><</replace>> <<case 3>> <<replace "#DescText">><<print "The game-controlled character has many different parameters that affect each<br/> other and are required to check for certain events. All of these parameters are<br/> somehow related to the character's body and personality.">><</replace>> <<case 4>> <<replace "#DescText">><<print "The point of the game is not just to get the opportunity to leave the City in the Fog<br/>but to open events related to a certain combination of parameters.<br/>This is an erotic game and we all know why such games are played.">><</replace>> <<case 5>> <<replace "#DescText">><<print "The parameters of the character are influenced by many factors.<br/>This can be reputation, current physical condition, psychological state, time of day and week, used clothes and weapons.<br/>Changing various parameters can change both the appearance of the character controlled<br/>by the player and her attitude to the events taking place.">><</replace>> <<case 6>> <<replace "#DescText">><<print "The player character can gain experience points by overcoming threatening events<br/>and increase their level. The character's level reflects the strength of their<br/>presence in this world, and upon reaching 20, they gain the ability to leave the city.<br/>For increasing the level, the player receives a point to increase one of the three main parameters.">><</replace>> <<case 7>> <<replace "#DescText">><<print "<strong>STRENGTH</strong> - The character's strength parameter. It is not a literal definition of her<br/>strength, but rather a set of features that allow her to inflict maximum damage<br/>and effectively use the physical strength of her body. It is used in fights and for<br/>some checks that require the use of physical strength.">><</replace>> <<case 8>> <<replace "#DescText">><<print "<strong>DEXTERITY</strong> - The character's agility parameter. It is not a literal definition of her agility,<br/>but rather a set of features that allow her to avoid damage and effectively use her body's mobility and coordination.<br/>It is used in fights and for some checks that require precision movements.">><</replace>> <<case 9>> <<replace "#DescText">><<print "<strong>INTELLIGENCE</strong> - The character's intelligence parameter. It is not a literal definition of her intelligence,<br/>but rather a set of features that allow her to quickly find the widest possible range of options<br/>for action in response to any events, remember and calculate future events.<br/>It is used in fights as a bonus to damage and defense, reduces vulnerability to mental effects and is used for some checks.">><</replace>> <<case 10>> <<replace "#DescText">><<print "<br/><br/>The rest of the character's parameters do not depend on the level.">><</replace>> <<case 11>> <<replace "#DescText">><<print "<strong>SCALE PARAMETERS</strong><br/> <strong>HEALTH</strong> - The parameter responsible for the strength of the character's body. Decreases when the body takes damage. Restores<br/>over time. The maximum can be increased. When falling to 0, the character loses consciousness and the game may end, but most<br/>likely she will end up in a local hospital, where she will have to pay for treatment, or fall into debt slavery (end of the game).<br/><br/> <strong>ENDURANCE</strong> - The parameter responsible for the energy of the character's body. Decreases during actions that put a strain on the<br/>body, such as long walks, carrying heavy objects and other physical labor. The maximum parameter can be increased by increasing<br/>Fitness. Restores over time. When falling to 0, you will be forced to replenish its reserve with consumables or go home to sleep.">><</replace>> <<case 12>> <<replace "#DescText">><<print "<strong>AROUSAL</strong> - The parameter responsible for the character's level of sexual tension.<br/>Increases when participating in certain scenes of a sexual nature and is reset in other similar events. Decreases over time.<br/>Increases vulnerability to influence on the mind. The maximum can be increased. Used for some checks.<br/><br/> <strong>INTOXICATION</strong> - The parameter responsible for the character's level of alcohol or drug intoxication.<br/>Increases when using certain substances. Decreases over time. Increases vulnerability to influence on the mind.<br/>The maximum can be increased. Used for some checks. A high value can lead to a decrease in health.">><</replace>> <<case 13>> <<replace "#DescText">><<print "<strong>SECONDARY PARAMETERS</strong><br/> <strong>BEAUTY</strong> - The character's attractiveness parameter. The higher this parameter, the stronger emotions she evokes in the people<br/>around her. depends on many other parameters, such as Fitness, breast and butt size, tattoos, piercings, makeup and clothing<br/>bonuses. Used for checks related to attracting attention and seduction.<br/><br/> <strong>FITNESS</strong> - The character's athleticism parameter. The more this parameter is developed, the more energy the character<br/>has and the more beautiful her figure looks. Used for movement speed checks. Decreases over time.">><</replace>> <<case 14>> <<replace "#DescText">><<print "<strong>PERSONALITY PARAMETERS</strong><br/> <strong>MIND CURSE</strong> - The character's vulnerability to hypnosis and mind-affecting magic. Depends on such parameters as Intelligence,<br/>Corruption, Madness, Arousal, Intoxication and body purity. Used in checks when the character is being subdued, convinced,<br/>confused or bewitched using influence on the mind.">><</replace>> <<case 15>> <<replace "#DescText">><<print "<strong>SUBMISSIVNESS</strong> - The character's vulnerability parameter to dominant NPCs. Each subjugation action increases the character's<br/>Submissiveness parameter and decreases the Dominance parameter, which makes it more difficult for her to resist further.<br/><br/> <strong>DOMINANCE</strong> - The character's influence strength parameter on NPCs. Each pressure action increases the character's Dominance<br/>parameter and decreases the Submissiveness parameter, which simplifies further pressure applications.">><</replace>> <<case 16>> <<replace "#DescText">><<print "<strong>CORRUPTION PARAMETERS</strong><br/> <strong>CORRUPTION</strong> - The parameter of sexual licentiousness of the character. Increases with participation in events of a sexual nature.<br/>Decreases over time. Used to check consent to participate in some events and some reactions of the character to events.<br/> <strong>MADNESS</strong> - The parameter of the state of integrity of the character's psyche. The world itself in which the main character found<br/>herself undermines the common sense of its inhabitants. The parameter grows with the participation of the character in traumatic<br/>events. Decreases over time. Reduces vulnerability to influence on the mind (it is not so easy to powder the brains of those who <br/>have porridge instead of them). Used in checks for the possibility of committing strange and illogical actions, as well as breaking the<br/>fourth wall. Upon reaching the threshold of 100, the game ends.">><</replace>> <<case 17>> <<replace "#DescText">><<print "<strong>GAME CURRENCY</strong><br/> <strong>MONEY</strong> - The amount of local money in the character's pockets/wallet. Needed to pay for housing and food, buy clothes and<br/>weapons, pay for travel and treatment, as well as dubious substances from the local alchemical industry. Can be taken<br/>away by force, lost and spoiled.<br/><br/> <strong>BANK MONEY</strong> - The amount of local money stored in your bank account. Cannot be lost or taken away. Will be used in the hospital if<br/>you do not have enough funds on you to pay for treatment. Since the game world is Magical, instead of a percentage increase in<br/>funds in the account, there is a daily percentage write-off of funds for storing money in the bank.">><</replace>> <<case 18>> <<set $GAME_DESCRIPTION_00 to 0>>>> <<replace "#DescText">><<print "<br/>And also, characteristics, objects and events can have additional hidden influence on the character.<br/>For example, as a certain set of clothes. This is done specifically so that the player has to experiment.<br/><br/><strong>That's all for now.</strong><br/>If you want to read the help information again, click the NEXT button.">><</replace>> <<case 19>> <<set $GAME_DESCRIPTION_00 to 0>>>> <<replace "#DescText">><<print "тестовый текст7">><</replace>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>> <</link>> </div> </div> <div class="links-container300"> <div class="links01"> <<link "LOAD">><<script>>UI.saves()<</script>> <</link>> </div> <div class="links01"> <<link "START">> <<run darkenScreen()>> <<run setTimeout(() => Engine.play("PROLOGUE"), 3000)>> <</link>> </div> <div class="links01"> <<link "ALL SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("This option allows you to skip the intro completely.<br/>To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $GAME_DESCRIPTION_00 to 0>> <<run setTimeout(() => Engine.play("CHARACTER_GENSKIP_SCREEN"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>> <</link>> </div> </div> <div id="Tuch00"><img src="img/GG_ART_03.png" style="width: 550px; height: auto;"></div> <div id="Tuch01"><img src="img/GG_ART_04.png" style="width: 550px; height: auto;"></div> <div id="Tuch02"><img src="img/GG_ART_05.png" style="width: 550px; height: auto;"></div> </div> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Контейнер для размещения в центре в ряд */ .links-container300 { display: flex; justify-content: center; flex-wrap: wrap; gap: 0.2em; margin-top: 1.5em; /* Отступ от текста */ width: 100%; /* Полная ширина для центрирования */ position: relative; top: -250px; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { position: relative; top: -200px; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Анимация */ #Tuch00 { animation: subwoofer-pump 10s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; position: absolute; top: 280px; left: 600px; float: center; width: 100px; height: 100px; /* Позволяет блоку растяг. под содержимое */ z-index: 10; } /* Анимация для Tuch00 */ @keyframes subwoofer-pump { 0% { transform: scale(1); filter: blur(0px); left: 600px; opacity: 1; } 7% { transform: scale(1); filter: blur(0px); left: 600px; opacity: 1; } 14% { transform: scale(1); filter: blur(0px); left: 612px; opacity: 0.9; } 21% { transform: scale(1); filter: blur(4px); left: 612px; opacity: 0.8; } 28% { transform: scale(1.01); filter: blur(7px); left: 624px; opacity: 0.5; } 35% { transform: scale(1.02); filter: blur(20px); left: 624px; opacity: 0.8; } 42% { transform: scale(1.01); filter: blur(7px); left: 624px; opacity: 0.9; } 49% { transform: scale(1); filter: blur(4px); left: 636px; opacity: 1; } 56% { transform: scale(1); filter: blur(0px); left: 636px; opacity: 1; } 63% { transform: scale(0.99); filter: blur(0px); left: 624px; opacity: 1; } 70% { transform: scale(1); filter: blur(4px); left: 624px; opacity: 0.9; } 77% { transform: scale(1); filter: blur(7px); left: 611px; opacity: 0.7; } 84% { transform: scale(1); filter: blur(4px); left: 611px; opacity: 0.9; } 100% { transform: scale(1); filter: blur(0px); left: 600px; opacity: 1; } } /* Анимация */ #Tuch01 { animation: subwoofer-pump01 10s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; position: absolute; top: 270px; left: 800px; float: center; width: 100px; height: 100px; /* Позволяет блоку растяг. под содержимое */ z-index: 11; } /* Анимация для Tuch01 */ @keyframes subwoofer-pump01 { 0% { transform: scale(1); filter: blur(0px); left: 800px; opacity: 1; } 7% { transform: scale(1); filter: blur(4px); left: 788px; opacity: 1; } 14% { transform: scale(1); filter: blur(7px); left: 788px; opacity: 0.9; } 21% { transform: scale(1); filter: blur(7px); left: 777px; opacity: 1; } 28% { transform: scale(1); filter: blur(4px); left: 777px; opacity: 0.7; } 35% { transform: scale(0.99); filter: blur(0px); left: 788px; opacity: 0.7; } 42% { transform: scale(1); filter: blur(4px); left: 800px; opacity: 1; } 49% { transform: scale(1); filter: blur(7px); left: 788px; opacity: 0.7; } 56% { transform: scale(1.01); filter: blur(10px); left: 788px; opacity: 0.5; } 63% { transform: scale(1.02); filter: blur(23px); left: 800px; opacity: 0.7; } 70% { transform: scale(1.01); filter: blur(10px); left: 800px; opacity: 1; } 77% { transform: scale(1); filter: blur(7px); left: 812px; opacity: 1; } 84% { transform: scale(1); filter: blur(4px); left: 812px; opacity: 1; } 100% { transform: scale(1); filter: blur(0px); left: 800px; opacity: 1; } } /* Анимация */ #Tuch02 { animation: subwoofer-pump02 10s cubic-bezier(0.455, 0.03, 0.515, 0.955) infinite; position: absolute; top: 270px; left: 700px; float: center; width: 100px; height: 100px; /* Позволяет блоку растяг. под содержимое */ z-index: 12; } /* Анимация для Tuch02 */ @keyframes subwoofer-pump02 { 0% { transform: scale(1); filter: blur(0px); left: 700px; opacity: 1; } 7% { transform: scale(0.99); filter: blur(0px); left: 711px; opacity: 1; } 14% { transform: scale(1); filter: blur(0px); left: 722px; opacity: 1; } 21% { transform: scale(1); filter: blur(4px); left: 733px; opacity: 1; } 28% { transform: scale(1); filter: blur(7px); left: 722px; opacity: 0.7; } 35% { transform: scale(1.01); filter: blur(10px); left: 711px; opacity: 1; } 42% { transform: scale(1.02); filter: blur(23px); left: 700px; opacity: 1; } 49% { transform: scale(1.01); filter: blur(10px); left: 699px; opacity: 0.7; } 56% { transform: scale(1); filter: blur(7px); left: 688px; opacity: 0.7; } 63% { transform: scale(1); filter: blur(4px); left: 677px; opacity: 0.5; } 70% { transform: scale(1); filter: blur(0px); left: 688px; opacity: 0.2; } 77% { transform: scale(0.99); filter: blur(0px); left: 699px; opacity: 0.5; } 84% { transform: scale(1); filter: blur(0px); left: 700px; opacity: 0.7; } 100% { transform: scale(1); filter: blur(0px); left: 700px; opacity: 1; } } </style> <</nobr>>
<<nobr>> <<run lightenScreen()>> <div style="text-align: center;"><h2>FLOPHOUSE</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/FlophouseMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/FlophouseM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Flophouse_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">An unremarkable room in a public hostel. The very flimsy doors and windows give rise to justifiable concerns.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⤴️ GO OUTSIDE|Slums_01]] </div> <div class="links-container01"> <<if $Aro >= 40>> <div class="links01"> <<link "❤️ MASTURBATION">> <<if $Aro <= 39>> <<Message "You don't have high arousal">> <<else>> <<goto "Masturb_01">> <</if>> <</link>></div><</if>> </div> <div class="links-container03"> [[TO THE BATHROOM 🛁|Bathroom_01]] [[WATCH TV ⏳|TV_01]] </div></div> <<set $location to "Flophouse_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run lightenScreen()>> <div class="game-content"> <br/><br/> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Locations/NoQuarter/NoQuarter_03.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">After some time. A beast-like nurse leads you to the bank building located in the Northern Quarter of the city and,<br/>after wishing you good luck, disappears into the crowd of passers-by like an icebreaker. </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 700)>> <<set $BANK_START += 1>> <<switch $BANK_START>> <<case 1>> <<run replaceTextWithDelay("DescText", "After looking around the bank reception area, you approach the nearest employee, but she is immediately<br/>replaced by a richly dressed woman. And she smiles warmly at you. <br/><strong>Woman:</strong> - I was informed that a new girl is supposed to come to our bank today. I greet you on behalf of our city,<br/>I must admit that some of its residents may not be very welcoming and stingy with words.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/008.jpg")>> <<case 2>> <<run replaceTextWithDelay("DescText", "<strong>Victoria Isley:</strong> - My name is Victoria Isley, and this is the largest and only bank in the city that is owned by the Isley family. <br/>As a person who has gone through such a tragic experience, you are entitled to financial assistance in the amount of 200 units. <br/>Due to the fact that representatives of different cultures and times come to our city, local money has so many names<br/>that it doesn’t have one as such.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/009.jpg")>> <<case 3>> <<run replaceTextWithDelay("DescText", "<strong>Victoria Isley:</strong> - For cash safety, 100 units are given to you in cash and 100 remain in the account. <br/>The bank charges 5% of the funds stored in the account per day.<br/>And I remind you that in cases of hospitalization, the average cost of treatment is 90 units.")>> <<Message "+ 100 Money<br>+ 100 Money to the account">> <<case 4>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Shouldn't it be the other way around? I mean, shouldn't keeping money in a bank bring him income?")>> <<case 5>> <<run replaceTextWithDelay("DescText", "<strong>Victoria Eisley:</strong> - This is true for most past worlds. <br/>In this one, most transactions and relationships are limited by the boundaries<br/>of the fog, which means that the money stored is mostly just stored. We ensure the safety of your finances. <br/>Our city is a rather restless and gloomy place, and if you are not at the top<br/>of the food chain, there is always a risk of being simply robbed. <br/>But let's not talk about the bad -*Victoria smiles warmly at you. <br/>You are also provided with free housing. But I want to immediately note that you should find<br/>a suitable apartment in the Northern District as soon as possible.")>> <<case 6>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Why? Is there something wrong with this housing?")>> <<case 7>> <<run replaceTextWithDelay("DescText", "<strong>Victoria Isley:</strong> - Exactly. There's a lot wrong with him. <br/>First of all, it's located in the docklands, which is a slum. It's not a suitable place for a young woman. <br/>Secondly, the living conditions there are frankly lousy. Thirdly, you will be living next to some of the less trustworthy members of society,<br/>and the door locks are nothing more than a joke. As soon as someone finds out<br/>that you have any amount of money on you, you will be simply robbed.")>> <<case 8>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - This is... Depressing...")>> <<case 9>> <<run replaceTextWithDelay("DescText", "<strong>Victoria Isley:</strong> - Don't worry, there are plenty of places in our city where a decent woman can earn money,<br/>and you can always put your salary in our bank. They will be completely safe there!")>> <<case 10>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Um... Thanks... I guess.")>> <<case 11>> <<run replaceTextWithDelay("DescText", "<strong>Victoria Isley:</strong> - And since it so happens that I'm on a break now, I'll take you to one such place!")>> <<case 12>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Good.")>> <<case 13>> <<run replaceTextWithDelay("DescText", "After leaving the bank and walking a little to the north, you find yourself on a street where the beautiful<br/>building of the local casino and tavern, decorated in an antique style, stands out. <br/>You enter the tavern. The surroundings are not simply decorated in an old style, but rather something that was<br/>built from memory. It seems that the owner simply recreated the look that was familiar to him.")>> <<run replaceImageWithEffect("plotImage", "img/Locations/NoQuarter/NoQuarter_01.jpg")>> <<case 14>> <<run replaceTextWithDelay("DescText", "A man in an apron approaches you from behind the bar<br/>and bows with a smile to the woman accompanying you.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/003.jpg")>> <<case 15>> <<run replaceTextWithDelay("DescText", "<strong>Man:</strong> - Glad to see you, Mrs. Victoria!")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/004.jpg")>> <<case 16>> <<run replaceTextWithDelay("DescText", "<strong>Victoria Isley:</strong> - Oh, and indeed, it's been a long time since I've visited you, John. <br/>Lots to do, lots to do. This girl who came with me needs a job. <br/>She's new in town and she needs to get a decent place to live as soon as possible.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/010.jpg")>> <<case 17>> <<run replaceTextWithDelay("DescText", "<strong>John:</strong> - Of course, of course, how can I not help! True, I don't really need workers now.<br/>But you can come any time when the tavern is open, and there will be something to do.<br/>Pay by the time.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/004.jpg")>> <<case 18>> <<run replaceTextWithDelay("DescText", "<strong>Victoria Isley:</strong> - Thank you John, you are truly a Kind soul!")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/010.jpg")>> <<case 19>> <<run replaceTextWithDelay("DescText", "<strong>John:</strong> - Oh... Mistress Tobiasia, you embarrass me! <br/>By the way, I recently received a wonderful set of silver forks!")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/004.jpg")>> <<case 20>> <<run replaceTextWithDelay("DescText", "<strong>Victoria Isley:</strong> - Yes, John, now I just have to see it!")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/010.jpg")>> <<case 21>> <<run replaceTextWithDelay("DescText", "<strong>John:</strong> - They're in my utility room now, I'll show.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/004.jpg")>> <<case 22>> <<run replaceTextWithDelay("DescText", "<strong>Victoria Isley:</strong> - Well, and you, my dear, go and look around your current home. <br/><br/>You watch as Victoria disappears with John into the depths of the Tavern's back rooms, turn around and walk<br/>towards the Docklands, where your current residence is located.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/010.jpg")>> <<case 23>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/003.jpg")>> <<set $BANK_START to 0>> <<run darkenScreen()>> <<run setTimeout(() => Engine.play("HOME_START"), 3000)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $BANK_START to 0>> <<run darkenScreen()>> <<run setTimeout(() => Engine.play("HOME_START"), 3000)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run lightenScreen()>> <div class="game-content"> <br/><br/> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Locations/Slums/Slums_01.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">After passing through the park, you enter a slum area. <br/>The shelter was one of the few more or less clean buildings, so it wasn’t difficult to find.. </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 700)>> <<set $HOME_START += 1>> <<switch $HOME_START>> <<case 1>> <<run replaceTextWithDelay("DescText", "After walking inside along the common corridor, you pass through the door with your number. <br/>The door is extremely flimsy and does not inspire confidence. But the decor is not so bad. <br/>You hear footsteps behind you and turn around.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/001.jpg")>> <<case 2>> <<run replaceTextWithDelay("DescText", "<strong>Grandpa Ramon:</strong> - Who is this walking around here, dirtying the floors?")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/002.jpg")>> <<case 3>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - New tenant. I suppose.")>> <<case 4>> <<run replaceTextWithDelay("DescText", "<strong>Grandpa Ramon:</strong> - I see... Then I advise you to buy yourself a pair of brass knuckles and sleep with half an eye open.")>> <<case 5>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Mmmm?")>> <<case 6>> <<run replaceTextWithDelay("DescText", "<strong>Grandpa Ramon:</strong> - What's not clear? As you know, it's a shelter, free. Although not for everyone, heh heh. <br/>But be that as it may, your neighbors are cheap whores, drug addicts and bandits. Who are one step away from the bottom. <br/>Splash! And that's it, you're a homeless scumbag, an outcast, fresh meat for the mist creatures.")>> <<case 7>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - By the way, I've heard about monsters, but what are they, could you tell me more?")>> <<case 8>> <<run replaceTextWithDelay("DescText", "<strong>Grandpa Ramon:</strong> - You know, I'm not a librarian, but a guard! But that's how it's going to be. <br/>The fog is hostile to everything normal and familiar to you. Everything that gets into it either dies or changes, becoming part of it. <br/>All sorts of mutants. Have you heard about the six-legged five-fuck?")>> <<case 9>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - No.")>> <<case 10>> <<run replaceTextWithDelay("DescText", "<strong>Grandpa Ramon:</strong> - BUT HE EXISTS!")>> <<case 11>> <<run replaceTextWithDelay("DescText", "<strong>Grandpa Ramon:</strong> - That's how it is. In short. And if to the point, then don't walk outside the city, and under the city as well. <br/>Don't walk at night, then there shouldn't be any problems.")>> <<case 12>> <<run replaceTextWithDelay("DescText", "<br/><br/><strong><$>$Pname</$>:</strong> - Do they also enter the city?")>> <<case 13>> <<run replaceTextWithDelay("DescText", "Grandpa Ramon: - They do. But the city is surrounded by a wall. And the police are watching this wall. <br/>Not ideally, but they are watching. So only flying or crawling creatures can get in, well, <br/>those that can crawl through any hole, heh heh. But generally, not that often. <br/>If you walk at night, then you're more likely to run into bandits than a beast, and you'll have a hard time of it.")>> <<case 14>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Thank you. What can I do nearby?")>> <<case 15>> <<run replaceTextWithDelay("DescText", "<strong>Grandpa Ramon:</strong> - I don't know. I guess sell yourself? <br/>You can dive for pearls near the street close to the shore, where the brothel is. <br/>If you get all sorts of stuff, you can sell it at the local pawn shop. <br/>But I don't recommend it. <br/><strong><$>$Pname</$>:</strong> - Why?")>> <<case 16>> <<run replaceTextWithDelay("DescText", "<strong>Grandpa Ramon:</strong> - Damn it! The owner there is an old goat, bald, and smelly. <br/>So I don't advise you to traumatize your young psyche. <br/><strong><$>$Pname</$>:</strong> - Do you guard the shelter at night or just watch the entrance?")>> <<case 17>> <<run replaceTextWithDelay("DescText", "<strong>Grandpa Ramon:</strong> - What? No. I don't work here. And I don't live here. <br/>You know, I'm a decent person! <br/><strong><$>$Pname</$>:</strong> - Mmm? You said you were a guard. <br/><strong>Grandpa Ramon:</strong> - Well, yes. The library guard.")>> <<case 18>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Then what are you doing here?")>> <<case 19>> <<run replaceTextWithDelay("DescText", "The old man thought and ran his eyes around the room. <br/><strong>Grandpa Ramon:</strong> - Just passing by. <br/>Grandpa Ramon quickly left your room…")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/001.jpg")>> <<case 20>> <<set $HOME_START to 0>> <<run setTimeout(() => Engine.play("Flophouse_01"), 500)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $HOME_START to 0>> <<run setTimeout(() => Engine.play("Flophouse_01"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>PAWNSHOP</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/PawnshopMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/PawnshopM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Pawnshop_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Not very clean room filled with all sorts of junk. The air smells of raw potatoes and old socks.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(Your reputation influences the price)</span></div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|Slums_02]] </div> <div class="links-container01"> <div class="links01"> <<link "SELL MUSHROOMS">> <<if $CLoot03 == 0>> <<Message "You don't have musrooms">> <<elseif $DRep == 1000>> <<Message "The merchant doesn't want to do business with you">> <<else>> <<set $Money to Math.floor($Money + ($CLoot03 * (8 -($DRep / 200))))>> <<set $CLoot03 to 0>> <<run UIBar.setStoryElements()>> <<Message "You sold all the musrooms">> <</if>> <</link>></div> <div class="links01"> <<link "SELL JEWELRY">> <<if $CLoot04 == 0>> <<Message "You don't have jevelry">> <<elseif $DRep == 1000>> <<Message "The merchant doesn't want to do business with you">> <<else>> <<set $Money to Math.floor($Money + ($CLoot04 * (6 -($DRep / 200))))>> <<set $CLoot04 to 0>> <<run UIBar.setStoryElements()>> <<Message "You sold all the jevelry">> <</if>> <</link>></div> <div class="links01"> <<link "SELL PEARLS">> <<if $CLoot00 == 0>> <<Message "You don't have pearls">> <<elseif $DRep == 1000>> <<Message "The merchant doesn't want to do business with you">> <<else>> <<set $Money to Math.floor($Money + ($CLoot00 * (6 -($DRep / 200))))>> <<set $CLoot00 to 0>> <<run UIBar.setStoryElements()>> <<Message "You sold all the pearls">> <</if>> <</link>></div> <div class="links01"> <<link "SELL PLANTS">> <<if $CLoot01 == 0>> <<Message "You don't have plants">> <<elseif $DRep == 1000>> <<Message "The merchant doesn't want to do business with you">> <<else>> <<set $Money to Math.floor($Money + ($CLoot01 * (6 -($DRep / 200))))>> <<set $CLoot01 to 0>> <<run UIBar.setStoryElements()>> <<Message "You sold all the plants">> <</if>> <</link>></div> <div class="links01"> <<link "SELL FANGS">> <<if $CLoot02 == 0>> <<Message "You don't have fangs">> <<elseif $DRep == 1000>> <<Message "The merchant doesn't want to do business with you">> <<else>> <<set $Money to Math.floor($Money + ($CLoot02 * (10 -($DRep / 200))))>> <<set $CLoot02 to 0>> <<run UIBar.setStoryElements()>> <<Message "You sold all the fangs">> <</if>> <</link>></div> <div class="links01"> <<link "SELL SKINS">> <<if $CLoot05 == 0>> <<Message "You don't have skins">> <<elseif $DRep == 1000>> <<Message "The merchant doesn't want to do business with you">> <<else>> <<set $Money to Math.floor($Money + ($CLoot05 * (12 -($DRep / 200))))>> <<set $CLoot05 to 0>> <<run UIBar.setStoryElements()>> <<Message "You sold all the skins">> <</if>> <</link>></div> </div> <div class="links-container03"> <<link "TALK TO CALLISTRATUS 📣">> <<Message "You have nothing to talk about yet">> <</link>> </div></div> <<set $location to "Pawnshop_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>TV STUDIO</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/TVstudioMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/TVstudioM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/TVstudio_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">The lobby of a local television studio. At the entrance there is a reception area, and behind it are doors to several offices. Nearby is a staircase leading to the second floor. On the right is the exit to the printing house, on the left to the filming hall.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|Park_01]] </div> <div class="links-container03"> <<link "TALK TO GEDDA 📣">> <<Message "You have nothing to talk about yet">> <</link>> </div></div> <<set $location to "TVstudio_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>CITY GUARD</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/City_GuardMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/City_GuardM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/City_Guard_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Local guard building, you find yourself in a huge, empty reception area.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|NoQuarter_02]] </div> <div class="links-container03"> <<link "TALK TO POLICEMAN 📣">> <<Message "You have nothing to talk about yet">> <</link>> [[GO THE GUARD ROOM 🔴|City_Guard_Room_01]] [[GO TO THE PRISON 🔴|City_Guard_Prison_01]] </div></div> <<set $location to "City_Guard_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>TAVERN</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/TavernMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/TavernM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Tavern_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A city tavern decorated in an old style.<br/>Different people from all parts of the city come here.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|NoQuarter_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💸 WAITRESS JOB">> <<if $TDay >= 16>> <<Message "It's too late to work">> <<else>> <<goto "WAITRESS_JOB_01">> <</if>> <</link>></div> <div class="links01"> <<link "🍰 FREE TABLE">> <<if $TDay >= 16>> <<Message "It's too late to work">> <<else>> <<goto "TAVERN_TABLE_01">> <</if>> <</link>></div> </div> <div class="links-container03"> <<link "TALK TO JOHN 📣">> <<Message "You have nothing to talk about yet">> <</link>> </div></div> <<set $location to "Tavern_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>BANK</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/BankMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/BankM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Bank_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Reception of the city bank. Several working cash desks with no queues.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(Commission for transactions is 2 unit)</span></div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|NoQuarter_03]] </div> <div class="links-container01"> <div class="links01"> <<link "💲WITHDRAW 100">> <<if $BMoney <= 101>> <<Message "Not enough money">> <<else>> <<set $Money += 100>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $BMoney -= 102>> <<set $BMoney to Math.clamp($BMoney, 0, 9000)>> <<run UIBar.setStoryElements()>> <</if>> <</link>></div> <div class="links01"> <<link "💵 DEPOSIT 100">> <<if $Money <= 101>> <<Message "Not enough money">> <<else>> <<set $Money -= 102>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $BMoney += 100>> <<set $BMoney to Math.clamp($BMoney, 0, 9000)>> <<run UIBar.setStoryElements()>> <</if>> <</link>></div> </div> <div class="links-container03"> <<link "TALK TO VICTORIA 📣">> <<Message "You have nothing to talk about yet">> <</link>> </div></div> <<set $location to "Bank_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>HOME</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/ResidentialMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/ResidentialM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Residential_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A small, cozy apartment in a quiet area, appearance of which is spoiled by the huge black man in the center.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|NoQuarter_04]] </div> <div class="links-container03"> <<link "RENT AN APARTMENT 🔵">> <<if $Money <= 300>> <<Message "You don't have enough money">> <<else>> <<set $Money -= 300>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<set $RESIDENTIAL_START to 3>> <<set $HOME to 1>> <<goto Residential_02>> <</if>> <</link>> </div></div> <<set $location to "Residential_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>BATHROOM</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/BathroomMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/BathroomM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Bathroom_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A dirty bathroom. There is a wall mirror and a working bathtub with hot and cold water.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ TO THE MAIN ROOM|Flophouse_01]] </div> <div class="links-container01"> <div class="links01"> <<link "🚿 TAKE A BATH">> <<if $Bath >= 1>> <<Message "You already taken a bath today">> <<elseif $TDay == 20>> <<Message "It's too late for a bath">> <<else>> <<goto "Bath_01">> <</if>> <</link>></div> <div class="links01"> <<link "🧼 WASH FACE">> <<Message "You washed your face<br/>You cleaned the clothes">> <<set $Sperm to 0>> <<set $Bimbo to 0>> <<run UIBar.setStoryElements()>> <</link>></div> <div class="links01"> <<link "🔍 MIRROR">> <<goto "MIRROR_00">> <</link>> </div></div> <div class="links-container03"> </div></div> <<set $location to "Bathroom_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>HOSPITAL RESEPTION</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/Hospital_ReceptionMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/Hospital_ReceptionM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Hospital_Reception_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">The reception area of the city hospital. Those with serious injuries or requiring emergency care are taken through another entrance.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|EaQuarter_04]] </div> <div class="links-container03"> [[TERMINAL 🔴|Hospital_Term_01]] [[TO THE WARD 🔴|Hospital_Ward_01]] [[TO THE CHIEF 🔴|Hospital_Chief_01]] </div></div> <<set $location to "Hospital_Reception_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $Surg to 0>> <div style="text-align: center;"><h2>HOSPITAL WARD</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/Hospital_WardMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/Hospital_WardM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Hospital_Ward_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Quite a comfortable hospital room. There is a TV and a button to call the staff.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO TO LOBBY|Hospital_Reception_01]] </div> <div class="links-container03"> </div></div> <<set $location to "Hospital_Ward_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>CHIEF OFFICE</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/Hospital_ChiefMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/Hospital_ChiefM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Hospital_Chief_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Doctor Dickins's private office. You notice equipment for many different procedures. Not far from this office is the surgery department, with which it has a connecting door.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO TO LOBBY|Hospital_Reception_01]] </div> <div class="links-container03"> </div></div> <<set $location to "Hospital_Chief_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>CITY GUARD ROOM</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/City_Guard_RoomMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/City_Guard_RoomM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/City_Guard_Room_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A common room for several junior police officers who are busy filing reports and taking statements.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|City_Guard_01]] </div> <div class="links-container03"> </div></div> <<set $location to "City_Guard_Room_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>PRISON CELL</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/City_Guard_PrisonMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/City_Guard_PrisonM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/City_Guard_Prison_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A typical police station cell for detainees. Except that on some parts of the walls there are some seals with symbols unfamiliar to you.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|City_Guard_01]] </div> <div class="links-container03"> </div></div> <<set $location to "City_Guard_Prison_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>BATHROOM</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/BathroomMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/BathroomM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Bathroom_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">An ordinary, unremarkable bathroom of an average apartment. You notice a mirror on the wall.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ TO THE MAIN ROOM|Residential_02]] </div> <div class="links-container01"> <div class="links01"> <<link "🚿 TAKE A BATH">> <<if $Bath >= 1>> <<Message "You already taken a bath today">> <<elseif $TDay == 20>> <<Message "It's too late for a bath">> <<else>> <<goto "Bath_01">> <</if>> <</link>></div> <div class="links01"> <<link "🧼 WASH FACE">> <<Message "You washed your face<br/>You cleaned the clothes">> <<set $Sperm to 0>> <<set $Bimbo to 0>> <<run UIBar.setStoryElements()>> <</link>></div> <div class="links01"> <<link "💄 APPLY MAKEUP">> <<Message "You apply a layer of makeup">> <<set $Bimbo to 1>> <<run UIBar.setStoryElements()>> <</link>></div> <div class="links01"> <<link "🔍 MIRROR">> <<goto "MIRROR_00">> <</link>> </div></div> <div class="links-container03"> </div></div> <<set $location to "Bathroom_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Plot/02/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">You find yourself in a not very clean room filled with all sorts of junk. <br/>The air smells of raw potatoes and old socks. The doors leading to other rooms have iron bars. <br/>When you enter, the sound of a ringing bell is heard. <br/>With a click, one of the doors opens and a bald old man comes out. </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 700)>> <<set $PAWNSHOP_START += 1>> <<switch $PAWNSHOP_START>> <<case 1>> <<run replaceTextWithDelay("DescText", "<strong>Old man:</strong> - New?")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/006.jpg")>> <<case 2>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Yes. Is this a local pawn shop?")>> <<case 3>> <<run replaceTextWithDelay("DescText", "<strong>Callistratus:</strong> - He is the one, and I am his owner, Callistratus Mokiy. <br/>I buy Pearls, monster body parts, herbs from behind the wall, various valuables<br/>and any unusual trash that is thrown out of the fog.")>> <<case 4>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - And you don’t sell anything?")>> <<case 5>> <<run replaceTextWithDelay("DescText", "<strong>Callistratus:</strong> - Just buying. By the way, you didn't introduce yourself. <br/><strong><$>$Pname</$>:</strong> - Excuse me, my name is <$>$Pname</$>.")>> <<case 6>> <<run replaceTextWithDelay("DescText", "<strong>Callistratus:</strong> - Let's get acquainted <$>$Pname</$>. We may be in the slums, and this is a pawn shop, <br/>but I only do business with trusted people. So I warn you. <br/>If it becomes known that you are breaking the law or doing other <br/>outrageous things, then the attitude will be accordingly. <br/><strong><$>$Pname</$>:</strong> - I see. But do you know where I can buy a weapon for self-defense and what I need for this?")>> <<case 7>> <<run replaceTextWithDelay("DescText", "<strong>Callistratus:</strong> - In the eastern quarter near the entrance to the park area. <br/>To buy it, you just don't need to be wanted by the police. <br/>And this also surprises all the newcomers, but here they only use melee weapons. <br/>Only swords, clubs and other. <br/><strong><$>$Pname</$>:</strong> - Why? Can't they make firearms or at least bows?")>> <<case 8>> <<run replaceTextWithDelay("DescText", "<strong>Callistratus:</strong> - Heh, of course they can. <br/>*Callistratus goes to one of the cabinets and takes out a nail gun. <br/><strong>Callistratus:</strong> - This one, for example, runs on a battery and can shoot a nail. It was made at a local factory. <br/>*The nail gun goes to its place.")>> <<case 9>> <<run replaceTextWithDelay("DescText", "<strong>Callistratus:</strong> - It's just that there is magic in this world, and unlike most fairy tales, anyone can use it. <br/>At least a couple of tricks are available to any self-taught person. Even animals can deflect projectiles, and casting a spell or putting pressure <br/>on the brain is a favorite technique of any strong-willed monster, policeman or hunter. <br/>So not only will you not do anything to the enemy by shooting, you will also become dangerous to your allies. <br/>However, there are pistols that spit out a wire and shock it. They work quite well.")>> <<case 10>> <<run replaceTextWithDelay("DescText", "<strong>Callistratus:</strong> - True, not far, and it's not like they do any harm, and certainly not to monsters. <br/>A toy for the police. They don't sell them in weapons shop. <br/><strong><$>$Pname</$>:</strong> - What should I do if I don’t know how to swing iron? <br/><strong>Callistratus:</strong> - Obviously. Not to get into situations where you have to do it. <br/>But it's better not to know how and have it, than not to know how and not to have it.")>> <<case 11>> <<run replaceTextWithDelay("DescText", "<strong>Callistratus:</strong> - In general, ask the weaponsmith for more details, he has his own tricks. <br/>By the way, have you ever come across such an unusual old man? <br/>White beard, disgusting mug, idiotic character. <br/><strong><$>$Pname</$>:</strong> - Who works as a guard at the library?")>> <<case 12>> <<run replaceTextWithDelay("DescText", "<strong>Callistratus:</strong> - Yes.")>> <<case 13>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - No, I haven't.")>> <<case 14>> <<run replaceTextWithDelay("DescText", "<strong>Callistratus:</strong> - If you happen to catch him, then kick him good. This old senile man likes to spy on women, <br/>does not disdain stealing, and for some reason he specially comes to do all this in the slums. <br/><strong><$>$Pname</$>:</strong> - Thanks for the warning.")>> <<case 15>> <<set $PAWNSHOP_START to 2>> <<run setTimeout(() => Engine.play("Pawnshop_01"), 500)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $PAWNSHOP_START to 2>> <<run setTimeout(() => Engine.play("Pawnshop_01"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>ADVENTURERS GUILD</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/GuildMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/GuildM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Guild_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">The reception hall of the local adventurers' guild. Here they issue tasks and report on their completion, as well as submit applications for admission to the ranks of hunters.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|NoQuarter_02]] </div> <div class="links-container01"> <<if $GuildM == 0>> <div class="links01"> <<link "📝 JOINING THE GUILD">> <<goto "Guild_02">> <</link>></div> <</if>> </div> <div class="links-container03"> <<link "BATTLE INFO 🔵">> <<goto "BattleIfo_01">> <</link>> </div></div> <<set $location to "Guild_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 220px; min-height: 27px; max-width: 230px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Plot/04/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">Entering the local guard building, you find yourself in a huge, empty reception area.<br/>Having noticed you, the police officer behind the counter addresses you. </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 700)>> <<set $GUARD_START += 1>> <<switch $GUARD_START>> <<case 1>> <<run replaceTextWithDelay("DescText", "<strong>Policeman:</strong> - Are you here on business? <br/><strong><$>$Pname</$>:</strong> - Interesting building. Just dropped in to take a look. Is it open to the public?")>> <<run replaceImageWithEffect("plotImage", "img/Plot/04/003.jpg")>> <<case 2>> <<run replaceTextWithDelay("DescText", "<strong>Policeman:</strong> - Yes. But usually few people come here just like that. <br/>No one is against citizens visiting this place. But I ask that you do not disturb anyone, and if there are detainees, <br/>do not approach them closely and do not talk to them, even if they try to start a conversation. Is that clear?")>> <<case 3>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Yes, of course.")>> <<case 4>> <<run replaceTextWithDelay("DescText", "<strong>Policeman:</strong> - Then since you came to satisfy your curiosity, on the right wall <br/>there is a stand with photographs of wanted bandits. On the left is a stand with a basic list of laws <br/>and examples of the most common violations due to ignorance. <br/>For more complete information, I advise you to go to the library.")>> <<case 5>> <<run replaceTextWithDelay("DescText", "<strong>Policeman:</strong> - As such, we don't have any serious differences in the laws with most places where newcomers come from. <br/>But there are nuances. Not critical ones, most often such violations are punishable by a fine. <br/><strong><$>$Pname</$>:</strong> - And if I meet a wanted person, will I need to detain him?")>> <<case 6>> <<run replaceTextWithDelay("DescText", "*The policeman looked at you in surprise. <br/><strong>Policeman:</strong> - Of course not. This is not the Wild West and we don't have bounty hunters. <br/>If you meet the person from the poster, you should stay as far away from him as possible, <br/>and it is also advisable to report where he was seen and what he was doing. <br/>Catching criminals is the job of the police. And you are also a woman and obviously new to the city, <br/>you should avoid trouble and stay as far away from problems as possible, <br/>at least for a couple of years until you get settled in.")>> <<case 7>> <<run replaceTextWithDelay("DescText", "<strong>Policeman:</strong> - It's not that I have anything against women or anything, but big, <br/>sweaty men tend to suffer less from crime than young women. <br/>And the local scum are cunning jackals who like to act in a pack. <br/>Is the advice clear?")>> <<case 8>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Yes, thank you. <br/><strong>Policeman:</strong> - Then have a good day.")>> <<case 9>> <<set $GUARD_START to 2>> <<run setTimeout(() => Engine.play("City_Guard_01"), 500)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $GUARD_START to 2>> <<run setTimeout(() => Engine.play("City_Guard_01"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>HOME</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/ResidentialMM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/ResidentialM_02.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Residential_02.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A small, cozy apartment in a quiet area.</div> <div class="links-row"> <div class="links-container02"> <<link "🔄 END THE DAY">> <<if $MP >= 21 and $TDay <= 14>> <<Message "It's too early to sleep<br/>You are still full of energy">> <<else>> <<goto "SLEEP_START">> <</if>> <</link>> [[⤴️ GO OUTSIDE|NoQuarter_04]] </div> <div class="links-container01"> <<if $Aro >= 40>> <div class="links01"> <<link "❤️ MASTURBATION">> <<if $Aro <= 39>> <<Message "You don't have high arousal">> <<else>> <<goto "Masturb_01">> <</if>> <</link>></div><</if>> <<if $LFBunny == 1>> <div class="links01"> <<link "🐇 BUNNY">> <<goto "FBRes_00">> <</link>></div><</if>> </div> <div class="links-container03"> [[TO THE BATHROOM 🛁|Bathroom_02]] [[WATCH TV ⏳|TV_01]] </div></div> <<set $location to "Residential_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Plot/03/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">Descending into the dark abyss of the crypt, you find yourself in a stone bag filled with stale air.<br/>You begin to feel a sense of anxiety emanating from the depths of the the next descent.<br/>One of the shadows near the nearest wall approaches you, revealing itself to be a strange-looking man. </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 700)>> <<set $DUNGEON_START += 1>> <<switch $DUNGEON_START>> <<case 1>> <<run replaceTextWithDelay("DescText", "<strong>Warden:</strong> - I don't know why the hell you came here, but this is a very bad idea. <br/><strong><$>$Pname</$>:</strong> - Well... I noticed a passage and I was just curious where it led.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/008.jpg")>> <<case 2>> <<run replaceTextWithDelay("DescText", "The man's expression distorted.<br/>As if he couldn't decide who was standing in front of him, a complete idiot or just a moron. <br/><strong>Warden:</strong> - Girl, there's a labyrinth down there filled with monsters. They'll eat you there.")>> <<case 3>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - And how...")>> <<case 4>> <<run replaceTextWithDelay("DescText", "Warden shook his head and, without waiting for the end of the sentence,<br/>walked around you and went outside.")>> <<case 5>> <<set $DUNGEON_START to 2>> <<run setTimeout(() => Engine.play("EntDungeon_01"), 500)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $DUNGEON_START to 2>> <<run setTimeout(() => Engine.play("EntDungeon_01"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Plot/02/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">Entering through the main doors of the local news agency,<br/>you find yourself in a modest but cozy reception area.<br/>There is no one at the reception desk, but above it there<br/>is a poster with information on the location of the offices and departments located there.<br/>As you approach the reception desk, you hear the click of the door opening. </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 700)>> <<set $TVSTUDIO_START += 1>> <<switch $TVSTUDIO_START>> <<case 1>> <<run replaceTextWithDelay("DescText", "<strong>Woman:</strong> - Hello, I don’t remember seeing you before,<br/>are you a new employee or have you come to audition for the filming?")>> <<run replaceImageWithEffect("plotImage", "img/Plot/02/017.jpg")>> <<case 2>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Hello, my name is <$>$Pname</$>,<br/>I'm new in town so I'm just looking around.")>> <<case 3>> <<run replaceTextWithDelay("DescText", "<strong>Woman:</strong> - Nice to meet you <$>$Pname</$>. My name is Gedda Solberg.<br/>Perhaps I should tell you more about this place.")>> <<case 4>> <<run replaceTextWithDelay("DescText", "<strong>Gedda:</strong> - This building is the processing center for all events occurring in the city. <br/>Many employees are busy monitoring the cameras installed on the city streets, <br/>tracking various incidents, accidents and violations of the law. <br/>Some of it is processed to become material for the next episode on the TV channel, <br/>some is passed on to the police department and the rest is sent to the archive.")>> <<case 5>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Are there cameras in the city?")>> <<case 6>> <<run replaceTextWithDelay("DescText", "<strong>Gedda:</strong> - Exactly, even my arrival is the result of you being caught on camera and being told about it. <br/>You shouldn't think that the city is limited in technology, it's just that a significant portion of the residents<br/>and their families are more accustomed to living in conditions that remind them of past, less developed worlds.")>> <<case 7>> <<run replaceTextWithDelay("DescText", "<strong>Gedda:</strong> - Although it is worth saying that cameras are not everywhere. And not all of them belong to us. <br/>At the very least, because then too many employees would be needed to work with the records. <br/>For example, most of the slums and the park are without cameras. <br/>And naturally, we avoid installing them in public toilets and similar places. <br/>So if you suspect filming, you can safely report it to the nearest police officer. <br/>This is considered a serious crime.")>> <<case 8>> <<run replaceTextWithDelay("DescText", "<strong>Gedda:</strong> - We also publish a local newspaper with three main sections. <br/>Rumors, useful tips with various recipes and advertising of local shops and businesses. <br/>In addition to the news, our airwaves are diluted by several popular TV series. <br/>For newcomers from the technogenic worlds, their quality may not seem high, <br/>but we do not have the budget and resources that the film studios they were familiar with had.")>> <<case 9>> <<run replaceTextWithDelay("DescText", "<strong>Gedda:</strong> - Although their popularity is not an exaggeration. Many city residents really do watch the lives <br/>of these heroes with interest when they find themselves at home after a busy working day. <br/>And newcomers may be interested in the local life motifs they have not encountered before. <br/>After all, you are unlikely to remember even one series where everyday life <br/>is intertwined with the threat of monsters from the fog.")>> <<case 10>> <<run replaceTextWithDelay("DescText", "<strong>Gedda:</strong> - I would like to point out that we are always looking for new actors. <br/>I can't promise a permanent job, but for a beautiful woman it is quite easy money, <br/>because in most cases it is only required to portray a crowd in the background, <br/>or to perform a couple of simple actions. The printing house also requires workers. <br/>But unfortunately, this work has its own specifics and therefore only men are hired there.")>> <<case 11>> <<run replaceTextWithDelay("DescText", "<strong>Gedda:</strong> - There are no other vacancies, but everything can change, <br/>so don't hesitate to drop by periodically for information. I assure you, with your appearance, <br/>you have great potential to become an actress in our TV series. <br/>Well, and distributing advertising brochures in the park, that's also essentially us.")>> <<case 12>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Thank you. And if I am filmed, <br/>can the recording of me be used for anything?")>> <<case 13>> <<run replaceTextWithDelay("DescText", "<strong>Gedda:</strong> - They can, provided that it does not harm your honor and dignity, <br/>or they ask your permission. The alternative is if a crime is being recorded. <br/>Victims who find themselves in an unsightly situation are blurred out so that their identity <br/>can be preserved incognito, but no one will be scrupulous with criminals.")>> <<case 14>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Thank you for the information. It was very helpful. <br/>The woman says goodbye to you with a smile and goes back to her office.")>> <<case 15>> <<set $TVSTUDIO_START to 2>> <<run setTimeout(() => Engine.play("TVstudio_01"), 500)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $TVSTUDIO_START to 2>> <<run setTimeout(() => Engine.play("TVstudio_01"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Plot/03/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">Approaching the door of the rented apartment, you are immediately noticed by a large black man.<br/>After which, wordlessly waving his hand for you to follow him, he opens the door and goes inside. </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 700)>> <<set $RESIDENTIAL_START += 1>> <<switch $RESIDENTIAL_START>> <<case 1>> <<run replaceTextWithDelay("DescText", "<strong>Man:</strong> - My name is Tobias Mumumba.<br/>As you might have guessed, I am the owner of this house and apartment.")>> <<case 2>> <<run replaceTextWithDelay("DescText", "<strong>Tobias:</strong> - The apartment is awesome, with all the bells and whistles,<br/>carpets and even tiles in the bathroom. But no TV.<br/>I'm not against those who watch it, but personally I think<br/>it's a toy of the Devil to brainwash honest guys.")>> <<case 3>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Hello, my name is <$>$Pname</$>, and I'm new in town. I'm looking for a place to live.<br/>I see that the apartment is really in good condition. But what about the price?")>> <<case 4>> <<run replaceTextWithDelay("DescText", "<strong>Tobias:</strong> - 300 for the first week and 200 for all the rest. Don't take this as bias or anything,<br/>I'm actually very tolerant of white chicks. But I want to be sure that you're a creditworthy,<br/>reliable member of society. Or something like that. In general,<br/>that you won't fuck with my brains.")>> <<case 5>> <<run replaceTextWithDelay("DescText", "<strong>Tobias:</strong> - I'm like a big, strong and stern man, but deep inside... Very deep.<br/>A tender and vulnerable soul with a huge heart. That's why I wouldn't enjoy<br/>throwing another dumb bitch who can't find a normal job down the stairs.<br/>Well? What do you think, are you taking it?")>> <<case 6>> <<set $RESIDENTIAL_START to 2>> <<run setTimeout(() => Engine.play("Residential_01"), 500)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $RESIDENTIAL_START to 2>> <<run setTimeout(() => Engine.play("Residential_01"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $Bath to 0>> <<set $Tavern to 0>> <<set $RCOCS to 0>> <<set $BCOCS to 0>> <<set $ACrows to 0>> <<set $Horor01 to 0>> <<set $Horor02 to 0>> <<set $Horor03 to 0>> <<set $Horor04 to 0>> <<set $Horor05 to 0>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <<set $BRoom00 to 0>>/* возможность входа в комнаты борделя*/ <<set $BRoom01 to 0>> <<set $BRoom01 to random(2)>> /* Тип персонажа в первой комнате борделя */ <<set $BRoom02 to 0>> <<set $BRoom02 to random(2)>> /* Тип персонажа во второй комнате борделя */ <<set $BRoom03 to 0>> <<set $BRoom03 to random(1)>> /* Тип персонажа в третьей комнате борделя */ /* Арена */ <<set $ArenaShow to 0>> <<set $ArenaShow to random(3)>> /* Тип шоу арены */ <<set $LuseLimit to 0>> /* Работа в лабе */ <<set $LabW2 to 0>> <<set $WLBed01 to 0>> <<set $WLTable01 to 0>> <<set $WLCells01 to 0>> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> /* параметры случайных встреч в полях */ <<set $FieldsEn_01 to 0>> <<set $FieldsEn_02 to 0>> <<set $FieldsEn_03 to 0>> <<set $FieldsEn_04 to 0>> <<set $FieldsEn_05 to 0>> <<set $FieldsEn_06 to 0>> <<set $FieldsEn_07 to 0>> <<set $FieldsEn_08 to 0>> /* параметры случайных встреч в лесах */ <<set $ForestEn_01 to 0>> <<set $ForestEn_02 to 0>> <<set $ForestEn_03 to 0>> <<set $ForestEn_04 to 0>> <<set $ForestEn_05 to 0>> <<set $ForestEn_06 to 0>> <<set $ForestEn_07 to 0>> <<set $ForestEn_08 to 0>> <<set $ForestEn_09 to 0>> <<set $ForestEn_10 to 0>> <<set $ForestEn_11 to 0>> <<set $ForestEn_12 to 0>> <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <<if $CorrBase <= 49 and $Mad <= 49 and $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase <= 49 and $Mad <= 49 and $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase <= 49 and $Mad <= 49 and $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase <= 49 and $Mad <= 49 and $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase > 49 and $Mad <= 49 and $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase > 49 and $Mad <= 49 and $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase > 49 and $Mad <= 49 and $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase > 49 and $Mad <= 49 and $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase > 49 and $Mad > 49 and $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase > 49 and $Mad > 49 and $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase > 49 and $Mad > 49 and $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase > 49 and $Mad > 49 and $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase < 49 and $Mad > 49 and $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase < 49 and $Mad > 49 and $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase < 49 and $Mad > 49 and $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase < 49 and $Mad > 49 and $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $CorrBase <= 49 and $Mad <= 49>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You lie down in your bed and fall asleep.<br/>A new day full of adventures awaits you.</strong> </span> </div> </div> <<elseif $CorrBase > 49 and $Mad <= 49>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You lie down in your bed and fall asleep.<br/>A new day filled with adventures awaits you.</strong> </span> </div> </div> <<elseif $CorrBase > 49 and $Mad > 69>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You lie down in your bed and fall asleep.<br/><br/><br/><h2>T̷̨͕͕̫̬͛̌̏̅̄͠ͅH̶̡̛͇̤̬͓̬̊̏̔Ȅ̶͚̘͍̲͐̍͌̽̕͜Y҈̛̫̟̗̰̀̄̆̉͢ S̸̬̲̟҇͗͐̑͜Ě̸͎̜͍͈̙͒̓̾̓̕͢E҉̡̬͇̗͗̔͠ Y̶̧͇̯͗̈́̚͡Ō̷͖̳͉͎͕͊̓͢͠U҈̧̖͖̭͛̓͝</h2></strong> </span> </div> </div> <<elseif $CorrBase < 49 and $Mad > 49>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You lie down in your bed and fall asleep.<br/>Another day full of dangers and worries awaits you.</strong> </span> </div> </div> <</if>> </div> <<Message "⤴️ Your <strong>health</strong> is restored<br/><br/>⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤴️ Your <strong>arosual</strong> increases<br/><br/>⤵️ Your <strong>corruption</strong> is reduced<br/><br/>⤵️ Your <strong>mind</strong> is rested">> /* Бонус к опыту за прожитый день */ <<set $Exp += 20>> <<run setup.checkLevelUp()>> /* Бонус к здоровью за прожитый день */ <<set $HP to Math.clamp($HP + 40, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Бонус к энергии за прожитый день */ <<set $MP to Math.clamp($MP + 80, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус к возбуждению за прожитый день */ <<if $LFBunny == 0>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 8, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<else>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 15, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <</if>> /* Бонус снижение интоксикации за прожитый день */ <<set $Tox to Math.clamp($Tox - 100, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Изменение времени дня на сутки */ <<set $TDay to 0>> /* Изменение дня недели */ <<set $WDay += 1>> /* Увеличение игрового дня */ <<set $GDay += 1>> /* Следы спермы исчезают */ <<set $Sperm to 0>> /* Эффект зелья исчезает */ <<set $PPot to 0>> /* Эффект косметики исчезает */ <<set $Bimbo to 0>> /* Понижение Фитнесса */ <<set $Fit -= 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Понижение Коррупции */ <<if $LFBunny == 0>> <<run updateCorrMinimum()>> <<set $CorrBase -= 4>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<else>> <<run updateCorrMinimum()>> <<set $CorrBase -= 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <</if>> /* Понижение Безумия */ <<if $LFBunny == 0>> <<run updateMadMinimum()>> <<set $Mad -= 5>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <<else>> <<run updateMadMinimum()>> <<set $Mad -= 3>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</if>> <<set $Bim -= 3>> <<set $Bim to Math.clamp($Bim, 0, 100)>> /* Сброс эффектов еды*/ <<set $VeMa01 to 0>> <<set $VeMa02 to 0>> <<set $VeMa03 to 0>> <<set $VeMa04 to 0>> <<set $SFOOD01 to 0>> <<set $SFOOD02 to 0>> <<set $SFOOD03 to 0>> /* Сброс ночного клуба*/ <<set $Dance to 0>> /* Уменьшение денег на счету */ <<if $BMoney > 0>> <<set $BMoney to Math.max(0, Math.floor($BMoney * 0.95))>> <<run UIBar.setStoryElements()>> <</if>> /* Продвижение счетчика за оплату жилья */ <<if $HOME == 1>> <<set $RENT += 1>> <</if>> <<set $EventEnc01 to 0>> /* Рандом для проверки №1 */ <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <<if $HOME == 0 and $WDay <= 5 and $Aro >= 100>> <<timed 4s>> <<goto "RMonster_01">> <</timed>> <<elseif $HOME == 0 and $WDay == 6>> <<timed 4s>> <<goto "SLEEP_01">> <</timed>> <<elseif $HOME == 0 and $WDay <= 5 and $EventEnc00 <= 2>> <<timed 4s>> <<goto "Flophouse_01">> <</timed>> <<elseif $HOME == 0 and $WDay <= 5 and $EventEnc00 >= 4>> <<timed 4s>> <<goto "Apartament_01">> <</timed>> <<elseif $HOME == 0 and $WDay <= 5 and $EventEnc00 == 3 and $EventEnc02 == 0 and $Mad >= 5>> <<timed 4s>> <<goto "DeadCities_01">> <</timed>> <<elseif $HOME == 0 and $WDay <= 5 and $EventEnc00 == 3 and $EventEnc02 == 1 and $Mad >= 5>> <<timed 4s>> <<goto "DeepSpace_01">> <</timed>> <<elseif $HOME == 0 and $WDay <= 5 and $EventEnc00 == 3 and $EventEnc02 == 2 and $Mad >= 10>> <<timed 4s>> <<goto "NightWitch_01">> <</timed>> <<elseif $HOME == 0 and $WDay <= 5 and $EventEnc00 == 3 and $EventEnc02 == 3 and $Mad >= 10>> <<timed 4s>> <<goto "NightMonster_01">> <</timed>> <<elseif $HOME == 0 and $WDay <= 5 and $EventEnc00 == 3 and $EventEnc02 == 4 and $Mad >= 15>> <<timed 4s>> <<goto "NightErotic_01">> <</timed>> <<elseif $HOME == 0 and $WDay <= 5 and $EventEnc00 == 3 and $EventEnc02 == 5 and $BimTotal >= 15>> <<timed 4s>> <<goto "NightShog_01">> <</timed>> <<elseif $HOME == 0 and $WDay <= 5 and $EventEnc00 == 3>> <<timed 4s>> <<goto "Flophouse_01">> <</timed>> <<elseif $HOME == 1 and $RENT == 7>> <<timed 4s>> <<goto "RENT_01">> <</timed>> <<elseif $HOME == 1 and $RENT <= 6 and $Aro >= 100>> <<timed 4s>> <<goto "RMonster_01">> <</timed>> <<elseif $HOME == 1 and $RENT <= 6 and $EventEnc00 <= 3>> <<timed 4s>> <<goto "Residential_02">> <</timed>> <<elseif $HOME == 1 and $WDay <= 5 and $EventEnc00 >= 4 and $EventEnc02 == 0 and $Mad >= 5>> <<timed 4s>> <<goto "DeadCities_01">> <</timed>> <<elseif $HOME == 1 and $WDay <= 5 and $EventEnc00 >= 4 and $EventEnc02 == 1 and $Mad >= 5>> <<timed 4s>> <<goto "DeepSpace_01">> <</timed>> <<elseif $HOME == 1 and $WDay <= 5 and $EventEnc00 >= 4 and $EventEnc02 == 2 and $Mad >= 10>> <<timed 4s>> <<goto "NightWitch_01">> <</timed>> <<elseif $HOME == 1 and $WDay <= 5 and $EventEnc00 >= 4 and $EventEnc02 == 3 and $Mad >= 10>> <<timed 4s>> <<goto "NightMonster_01">> <</timed>> <<elseif $HOME == 1 and $WDay <= 5 and $EventEnc00 >= 4 and $EventEnc02 == 4 and $Mad >= 15>> <<timed 4s>> <<goto "NightErotic_01">> <</timed>> <<elseif $HOME == 1 and $WDay <= 5 and $EventEnc00 >= 4 and $EventEnc02 == 5 and $BimTotal >= 15>> <<timed 4s>> <<goto "NightShog_01">> <</timed>> <<elseif $HOME == 1 and $WDay <= 5 and $EventEnc00 >= 4>> <<timed 4s>> <<goto "Residential_02">> <</timed>> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You rest for some time.</strong> </span> </div> </div> <<Message "⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤵️ Your <strong>mind</strong> is rested">> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> /* Сброс эффектов еды*/ <<set $SFOOD01 to 0>> <<set $SFOOD02 to 0>> <<set $SFOOD03 to 0>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP + 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> /* Понижение Безумия */ <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You rest for some time.</strong> </span> </div> </div> <<Message "⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤵️ Your <strong>mind</strong> is rested">> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> /* Сброс эффектов еды*/ <<set $SFOOD01 to 0>> <<set $SFOOD02 to 0>> <<set $SFOOD03 to 0>> /* Бонус к здоровью за отдых */ <<set $HP to Math.clamp($HP + 3, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP + 8, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 20, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> /* Понижение Безумия */ <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You rest for some time.</strong> </span> </div> </div> <<Message "⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤵️ Your <strong>mind</strong> is rested">> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> /* Сброс эффектов еды*/ <<set $SFOOD01 to 0>> <<set $SFOOD02 to 0>> <<set $SFOOD03 to 0>> /* Бонус к здоровью за отдых */ <<set $HP to Math.clamp($HP + 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP + 8, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 20, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> /* Понижение Безумия */ <<run updateMadMinimum()>> <<set $Mad -= 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<if $EventEnc00 == 0>> <<goto "PrivBeach_04">> <<elseif $EventEnc00 == 1>> <<goto "PrivBeach_04">> <<elseif $EventEnc00 == 2>> <<goto "PrivBeach_05">> <<elseif $EventEnc00 == 3>> <<goto "PrivBeach_05">> <<elseif $EventEnc00 == 4>> <<goto "PrivBeach_06">> <<elseif $EventEnc00 == 5>> <<goto "PrivBeach_06">> <<elseif $EventEnc00 == 6 and $Bim >= 50>> <<goto "PrivBeach_05">> <<elseif $EventEnc00 == 6>> <<goto "PrivBeach_01">> <<elseif $EventEnc00 == 7 and $Bim >= 50>> <<goto "PrivBeach_06">> <<elseif $EventEnc00 == 7>> <<goto "PrivBeach_01">> <<else>> <<goto "PrivBeach_01">> <</if>> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You rest for some time.</strong> </span> </div> </div> <<Message "⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤵️ Your <strong>mind</strong> is rested">> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> /* Сброс эффектов еды*/ <<set $SFOOD01 to 0>> <<set $SFOOD02 to 0>> <<set $SFOOD03 to 0>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP + 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> /* Понижение Безумия */ <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You rest for some time.</strong> </span> </div> </div> <<Message "⤴️ Your <strong>energy</strong> is replenished">> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> /* Сброс эффектов еды*/ <<set $SFOOD01 to 0>> <<set $SFOOD02 to 0>> <<set $SFOOD03 to 0>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP + 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> /* Понижение Безумия */ <<run updateMadMinimum()>> <<set $Mad -= 0>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are walking around in search of something interesting.</strong> </span> </div> </div> <<Message "⤵️ You spent some <strong>energy</strong>">> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are walking around in search of something interesting.</strong> </span> </div> </div> <<Message "⤵️ You spent some <strong>energy</strong>">> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are walking around in search of something interesting.</strong> </span> </div> </div> <<Message "⤵️ You spent some <strong>energy</strong>">> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are walking around in search of something interesting.</strong> </span> </div> </div> <<Message "⤵️ You spent some <strong>energy</strong>">> /* Увеличение счетчика поиска */ <<set $INSPECTION_FIELDS += 1>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are walking around in search of something interesting.</strong> </span> </div> </div> <<Message "⤵️ You spent some <strong>energy</strong>">> /* Увеличение счетчика поиска */ <<set $INSPECTION_FOREST += 1>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are walking around in search of something interesting.</strong> </span> </div> </div> <<Message "⤵️ You spent some <strong>energy</strong>">> /* Увеличение счетчика поиска */ <<set $INSPECTION_DUNGEON += 1>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are walking around in search of something interesting.<br/>But found nothing</strong> </span> </div> </div> <<Message "⤵️ You spent some <strong>energy</strong>">> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div style="text-align: center;"><h2>PEARL DIVING</h2></div> <<if $Mad <= 49>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div style="text-align: center;">You have found the right place to look for pearls.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(Diving will take some time and effort, аnd it can be dangerous to your health)<br/>(Efficiency is affected by Fitness and Dexterity)</span><br/><br/></div> <div class="game-content2"> <<if $EventEnc02 == 1>> <div class="inventory__item"> <span class="inventory__count">$EventEnc03</span> <<button '<img src="img/Items/Loot/Perl_00.png">' "Loot00">><</button>> </div> <</if>></div> <br/><br/><br/><br/> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[LEAVE|Slums_03]] </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "SEARCH">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 15>> <<Message "It is too late for diving">> <<elseif $MP <= 14>> <<Message "You are too tired">> <<elseif $EventEnc00 == 0>> <<set $TDay += 3>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(2)>> <<set $CLoot00 to Math.floor($CLoot00 + 2 + $EventEnc + (($Fit + $DEX) / 12))>> <<set $CLoot00 to Math.clamp($CLoot00, 0, 30)>> <<set $EventEnc03 to 0>> <<set $EventEnc03 to Math.floor(2 + $EventEnc + (($Fit + $DEX) / 12))>> <<set $EventEnc02 to 1>> <<run UIBar.setStoryElements()>> <<Message "You found some pearls">> <<timed 1s>> <<goto "Underwater_01">> <</timed>> <<else>> <<set $TDay += 3>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(2)>> <<set $CLoot00 to Math.floor($CLoot00 + 2 + $EventEnc + (($Fit + $DEX) / 12))>> <<set $CLoot00 to Math.clamp($CLoot00, 0, 30)>> <<set $EventEnc03 to 0>> <<set $EventEnc03 to Math.floor(2 + $EventEnc + (($Fit + $DEX) / 12))>> <<set $EventEnc02 to 1>> <<run UIBar.setStoryElements()>> <<Message "You found some pearls">> <<timed 1s>> <<goto "PEARL_DIVING_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>SEARCH</strong><br/> Time +3<br/> Stamina -15</center> </div> </div> </div> <div class="links-container03"> </div></div> <<set $location to "PEARL_DIVING_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } .game-content2 { position: fixed; left: 48%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(6)>> /* Случайное число от 0 до 6 */ <div style="text-align: center;"><h2>ADVERTISING DISTRIBUTION</h2></div> <<if $Mad <= 49>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div style="text-align: center;"><br/>You are going to hand out advertising brochures from a special stand.<br/>Cameras will record your success, and the money will be credited to a bank account.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(This work will take some time and effort)<br/>(Efficiency is affected by Beauty and Intelligence)</span><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[LEAVE|Park_01]] </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "ADVERTISING">> <<run disableLink(event.target, 1500)>> <<if $TDay <= 2>> <<Message "There are too few people around">> <<elseif $TDay >= 12>> <<Message "There are too few people around">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $EventEnc00 == 4>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $BMoney to Math.floor($BMoney + 10 + $EventEnc + (($Bea + $INT) / 12))>> <<set $BMoney to Math.clamp($BMoney, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You handed out a couple of brochures">> <<timed 1s>> <<goto "Potion01_02">> <</timed>> <<elseif $EventEnc00 == 5>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $BMoney to Math.floor($BMoney + 10 + $EventEnc + (($Bea + $INT) / 12))>> <<set $BMoney to Math.clamp($BMoney, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You handed out a couple of brochures">> <<timed 1s>> <<goto "Potion02_01">> <</timed>> <<elseif $EventEnc00 == 6>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $BMoney to Math.floor($BMoney + 10 + $EventEnc + (($Bea + $INT) / 12))>> <<set $BMoney to Math.clamp($BMoney, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You handed out a couple of brochures">> <<timed 1s>> <<goto "Tonik03">> <</timed>> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $BMoney to Math.floor($BMoney + 10 + $EventEnc + (($Bea + $INT) / 12))>> <<set $BMoney to Math.clamp($BMoney, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You handed out a couple of brochures">> <<timed 1s>> <<goto "ADVERTISING_DISTR_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>ADVERTISING</strong><br/> Time +1<br/> Stamina -10</center> </div> </div> </div> <div class="links-container03"> </div></div> <<set $location to "ADVERTISING_DISTR_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>JOGGING</h2></div> <<if $Mad <= 59 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Mad > 59 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Mad <= 59 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Mad > 59 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div style="text-align: center;">You have chosen a suitable route for jogging.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(Fitness Workout)<br/>(Running at night can be unsafe)</span><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[LEAVE|Park_01]] </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "JOGGING">> <<run disableLink(event.target, 1500)>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(16)>> /* Случайное число от 0 до 16 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ <<if $TDay >= 20>> <<Message "It's too late for jogging">> <<elseif $MP <= 14>> <<Message "You are too tired">> <<elseif $EventEnc00 == 1>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "PRandomGirl_01">> <</timed>> <<elseif $EventEnc00 == 2>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "PRandomGirl_01">> <</timed>> <<elseif $EventEnc00 == 3>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "PRandomGirl_01">> <</timed>> <<elseif $EventEnc00 == 4 and $TDay <= 14 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "PDBandit_01">> <</timed>> <<elseif $EventEnc00 == 5 and $TDay <= 14 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "PDBandit_01">> <</timed>> <<elseif $EventEnc00 == 6 and $TDay >= 15 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "PNBandit_01">> <</timed>> <<elseif $EventEnc00 == 7 and $TDay >= 15 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "PNBandit_01">> <</timed>> <<elseif $EventEnc00 == 8 and $TDay >= 15 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "PNBandit_01">> <</timed>> <<elseif $EventEnc00 == 9 and $TDay >= 15 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "PNBandit_01">> <</timed>> <<elseif $EventEnc00 == 10 and $EventEnc01 == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "Potion01_02">> <</timed>> <<elseif $EventEnc00 == 10 and $EventEnc01 == 1>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "Potion02_01">> <</timed>> <<elseif $EventEnc00 == 11 and $EventEnc01 == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "Potion01_02">> <</timed>> <<elseif $EventEnc00 == 11 and $EventEnc01 == 1>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "Potion02_01">> <</timed>> <<elseif $EventEnc00 == 12 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $ACrows == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "CrowsPark_01">> <</timed>> <<elseif $EventEnc00 == 13 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $ACrows == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "CrowsPark_01">> <</timed>> <<elseif $EventEnc00 == 14 and $TDay <= 14>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "Tonik03">> <</timed>> <<elseif $EventEnc00 == 15 and $TDay <= 14>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "Tonik03">> <</timed>> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "JOGGING_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>JOGGING</strong><br/> Time +1<br/> Stamina -15<br/> Fitness +1</center> </div> </div> </div> <div class="links-container03"> </div></div> <<set $location to "JOGGING_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 24%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>WAITRESS JOB</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(21)>> /* Случайное число от 0 до 21 */ <<if $Mad <= 49>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div style="text-align: center;">You have changed into your work uniform and are ready to serve your customers.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(This work will take some time and effort)<br/>(Efficiency is affected by Beauty and Dexterity)</span><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[LEAVE|Tavern_01]] </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "WAITRESS JOB">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 16>> <<Message "It's too late to work">> <<elseif $MP <= 14>> <<Message "You are too tired">> <<elseif $EventEnc00 == 0 and $Tavern <= 3 and $Bea >= 20 and $NRep >= 400>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Talk_01">> <</timed>> <<elseif $EventEnc00 == 1 and $Tavern <= 3 and $Bea >= 20 and $NRep >= 300>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Talk_01">> <</timed>> <<elseif $EventEnc00 == 2 and $Tavern <= 3 and $Bea >= 20 and $NRep >= 200>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Talk_01">> <</timed>> <<elseif $EventEnc00 == 3 and $Tavern <= 3 and $Bea >= 20 and $NRep >= 100>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Talk_01">> <</timed>> <<elseif $EventEnc00 == 4 and $Tavern <= 3 and $Bea >= 80 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Haras_01">> <</timed>> <<elseif $EventEnc00 == 5 and $Tavern <= 3 and $Bea >= 70 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Haras_01">> <</timed>> <<elseif $EventEnc00 == 6 and $Tavern <= 3 and $Bea >= 60 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Haras_01">> <</timed>> <<elseif $EventEnc00 == 7 and $Tavern <= 3 and $Bea >= 50>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Talk_01">> <</timed>> <<elseif $EventEnc00 == 8 and $Tavern <= 3 and $Bea >= 40 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Haras_01">> <</timed>> <<elseif $EventEnc00 == 9 and $Tavern <= 3 and $Bea >= 30 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Haras_01">> <</timed>> <<elseif $EventEnc00 == 10 and $Tavern <= 3 and $Bea >= 20>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Talk_01">> <</timed>> <<elseif $EventEnc00 == 11 and $Tavern <= 3 and $Bea >= 10>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Talk_01">> <</timed>> <<elseif $EventEnc00 == 12 and $Tavern <= 3>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Talk_01">> <</timed>> <<elseif $EventEnc00 == 13 and $Tavern <= 3 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Haras_01">> <</timed>> <<elseif $EventEnc00 == 14 and $Tavern <= 3 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Haras_01">> <</timed>> <<elseif $EventEnc00 == 15 and $Tavern <= 3 and $PPot == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Haras_01">> <</timed>> <<elseif $EventEnc00 == 16 and $Tavern <= 3>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "WAITRESS_JOB_01">> <</timed>> <<elseif $EventEnc00 == 17 and $Tavern <= 3>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "WAITRESS_JOB_01">> <</timed>> <<elseif $EventEnc00 == 18 and $Tavern <= 3>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Order_01">> <</timed>> <<elseif $EventEnc00 == 19 and $Tavern <= 3>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Order_01">> <</timed>> <<elseif $EventEnc00 == 20 and $Tavern <= 3>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Order_01">> <</timed>> <<elseif $EventEnc00 == 21 and $Tavern <= 3>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "T_Order_01">> <</timed>> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(15)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($Bea + $DEX) / 12))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You served several customers">> <<timed 1s>> <<goto "WAITRESS_JOB_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WAITRESS JOB</strong><br/> Time +1<br/> Stamina -15</center> </div> </div> </div> <div class="links-container03"> </div></div> <<set $location to "WAITRESS_JOB_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>TAVERN TABLE</h2></div> <<if $Mad <= 49>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div style="text-align: center;">A free table in a tavern where you can order a delicious meal or drink.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(Eating food and drinking affects your character's stats, but it costs money and takes time.)</span></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🧃 JUICE">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 2>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 3>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have quenched your thirst">> <<timed 1s>> <<goto "TAVERN_TABLE_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🧃 JUICE</strong><br/> Time +1<br/> Stamina +10<br/> Health +5<br/> Intoxication -5</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "☕️ COFFEE">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 3>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 4>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have quenched your thirst">> <<timed 1s>> <<goto "TAVERN_TABLE_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>☕️ COFFEE</strong><br/> Time +1<br/> Stamina +15<br/> Health -5<br/> Arousal -10<br/> Madness +1<br/> Intoxication -10</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🍺 BEER">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 4>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Tox to Math.clamp($Tox + 15, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You drank alcohol">> <<timed 1s>> <<goto "TAVERN_TABLE_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🍺 BEER</strong><br/> Time +1<br/> Stamina +15<br/> Health -5<br/> Arousal +5<br/> Madness -1<br/> Intoxication +15</center> </div> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ LEAVE|Tavern_01]] </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🍝 MEAT STEW">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 9>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 15, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox - 20, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 10>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You had a hearty meal">> <<timed 1s>> <<goto "TAVERN_TABLE_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🍝 MEAT STEW</strong><br/> Time +1<br/> Stamina +5<br/> Health +15<br/> Intoxication -20</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🍛 PEA SOUP">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 9>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 15, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox - 30, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 10>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You had a hearty meal">> <<timed 1s>> <<goto "TAVERN_TABLE_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🍛 PEA SOUP</strong><br/> Time +1<br/> Stamina +5<br/> Health +15<br/> Intoxication -35</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🍚 BOILED RICE">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 7>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 8>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You had a hearty meal">> <<timed 1s>> <<goto "TAVERN_TABLE_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🍚 BOILED RICE</strong><br/> Time +1<br/> Stamina +5<br/> Health +10<br/> Intoxication -10</center> </div> </div> <div class="links01"> <<link "📋 MENU">> <<run disableLink(event.target, 1500)>> <<script>> Dialog.setup("   MENU"); Dialog.wiki("🧃 JUICE - 3<br/>☕️ COFFEE - 4<br/>🍺 BEER - 5<br/>🍝 MEAT STEW - 10<br/>🍛 PEA SOUP - 10<br/>🍚 BOILED RICE - 8<br/>🍷 WINE - 8<br/>🥃 WHISKEY - 10<br/>🥛 VODKA - 8"); Dialog.open(); <</script>> <</link>></div> </div> <div class="links-container03"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🍷 WINE">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 7>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 20, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP - 0, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Tox to Math.clamp($Tox + 20, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 8>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You drank alcohol">> <<timed 1s>> <<goto "TAVERN_TABLE_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🍷 WINE</strong><br/> Time +1<br/> Stamina +20<br/> Arousal +10<br/> Madness -1<br/> Intoxication +20</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🥃 WHISKEY">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 9>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP - 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Tox to Math.clamp($Tox + 40, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 10>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You drank alcohol">> <<timed 1s>> <<goto "TAVERN_TABLE_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🥃 WHISKEY</strong><br/> Time +1<br/> Stamina +25<br/> Health -10<br/> Arousal +5<br/> Madness -1<br/> Intoxication +40</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🥛 VODKA">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 7>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP - 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateMadMinimum()>> <<set $Mad -= 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Tox to Math.clamp($Tox + 40, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 8>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You drank alcohol">> <<timed 1s>> <<goto "TAVERN_TABLE_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🥛 VODKA</strong><br/> Time +1<br/> Stamina +25<br/> Health -10<br/> Arousal +10<br/> Madness -2<br/> Intoxication +40</center> </div> </div></div> <<set $location to "TAVERN_TABLE_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 27%; left: 50%; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>STREET FOOD</h2></div> <<if $Mad <= 49>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div style="text-align: center;">A stall with cheap and suspicious food. It looks extremely suspicious, but smells very tasty.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(Eating food and drinking affects your character's stats, but it costs money)</span></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[⤴️ LEAVE|Port_01]] </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🐁 HOTRAT">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 18>> <<Message "It's too late">> <<elseif $Money <= 1>> <<Message "You don't have enough money">> <<elseif $SFOOD01 == 1>> <<Message "Are you full">> <<else>> <<set $MP to Math.clamp($MP + 7, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 3, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 2>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <<Message "You had a hearty meal">> <<set $SFOOD01 to 1>> <<timed 1s>> <<goto "STREET_FOOD_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🐁 HOTRAT</strong><br/> Stamina +7<br/> Health +3<br/> Madness +1<br/> Intoxication -5</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🦑 POSSIBLY SQUID">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 18>> <<Message "It's too late">> <<elseif $Money <= 2>> <<Message "You don't have enough money">> <<elseif $SFOOD01 == 1>> <<Message "Are you full">> <<else>> <<set $MP to Math.clamp($MP + 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox + 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 3>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<Message "You had a hearty meal">> <<set $SFOOD01 to 1>> <<timed 1s>> <<goto "STREET_FOOD_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🦑 POSSIBLY SQUID</strong><br/> Stamina +15<br/> Health +10<br/> Arousal +10<br/> Madness +1<br/> Intoxication +5</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🐟 FRIED FISH">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 18>> <<Message "It's too late">> <<elseif $Money <= 2>> <<Message "You don't have enough money">> <<elseif $SFOOD01 == 1>> <<Message "Are you full">> <<else>> <<set $MP to Math.clamp($MP + 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 3>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You had a hearty meal">> <<set $SFOOD01 to 1>> <<timed 1s>> <<goto "STREET_FOOD_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🐟 FRIED FISH</strong><br/> Stamina +10<br/> Health +10<br/> Intoxication -5</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🧉 MOONSHINE">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 18>> <<Message "It's too late">> <<elseif $Money <= 2>> <<Message "You don't have enough money">> <<elseif $SFOOD02 == 1>> <<Message "Are you full">> <<else>> <<set $MP to Math.clamp($MP + 20, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP - 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox + 30, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<set $Money -= 3>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You had a hearty meal">> <<set $SFOOD02 to 1>> <<timed 1s>> <<goto "STREET_FOOD_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🧉 MOONSHINE</strong><br/> Stamina +20<br/> Health -10<br/> Arousal +10<br/> Intoxication +30</center> </div> </div> <div class="links01"> <<link "📋 MENU">> <<run disableLink(event.target, 1500)>> <<script>> Dialog.setup("   MENU"); Dialog.wiki("🐁 HOTRAT - 2<br/>🦑 POSSIBLY SQUID - 3<br/>🐟 FRIED FISH - 3<br/>🧉 MOONSHINE - 3<br/>"); Dialog.open(); <</script>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "STREET_FOOD_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 26%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>VENDING MACHINE</h2></div> <<if $Mad <= 49>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div style="text-align: center;">A vending machine with cheap and suspicious products.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(Eating food and drinking affects your character's stats, but it costs money.)</span></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[⤴️ LEAVE|WeQuarter_02]] </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🍫 CHOCOLATE">> <<run disableLink(event.target, 1500)>> <<if $Money == 0>> <<Message "You don't have enough money">> <<elseif $VeMa02 >= 1>> <<set $MP to Math.clamp($MP + 1, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 1, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox + 1, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 1>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $AssStatus += 2>> <<set $AssStatus to Math.clamp($AssStatus, 0, 1000)>> <<run updateBea()>> <<run setup.updateAss()>> <<set $Fit -= 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "You ate something tasty">> <<set $VeMa01 to 1>> <<timed 1s>> <<goto "VENDING_MACHINE_01">> <</timed>> <<else>> <<set $MP to Math.clamp($MP + 1, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 1, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox + 1, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 1>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You ate something tasty">> <<set $VeMa01 to 1>> <<timed 1s>> <<goto "VENDING_MACHINE_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <<if $VeMa02 >= 1>> <center><strong>🍫 CHOCOLATE</strong><br/> Stamina +1<br/> Health +1<br/> Intoxication +1<br/> Fitness -1<br/> Ass + 2</center> <<else>> <center><strong>🍫 CHOCOLATE</strong><br/> Stamina +1<br/> Health +1<br/> Intoxication +1</center> <</if>> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🧋 SODA">> <<run disableLink(event.target, 1500)>> <<if $Money <= 4>> <<Message "You don't have enough money">> <<elseif $VeMa01 >= 1>> <<set $MP to Math.clamp($MP + 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 2, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox - 0, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $AssStatus += 4>> <<set $AssStatus to Math.clamp($AssStatus, 0, 1000)>> <<run updateBea()>> <<run setup.updateAss()>> <<set $Fit -= 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "You ate something tasty">> <<set $VeMa02 to 1>> <<timed 1s>> <<goto "VENDING_MACHINE_01">> <</timed>> <<else>> <<set $MP to Math.clamp($MP + 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 2, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox - 0, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You ate something tasty">> <<set $VeMa02 to 1>> <<timed 1s>> <<goto "VENDING_MACHINE_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <<if $VeMa01 >= 1>> <center><strong>🧋 SODA</strong><br/> Stamina +5<br/> Health +2<br/> Intoxication +0<br/> Fitness -1<br/> Ass + 4</center> <<else>> <center><strong>🧋 SODA</strong><br/> Stamina +5<br/> Health +2<br/> Intoxication +0</center> <</if>> </div> </div> <div class="links01"> <<link "📋 MENU">> <<run disableLink(event.target, 1500)>> <<script>> Dialog.setup("   MENU"); Dialog.wiki("🍫 CHOCOLATE - 1<br/>🧋 SODA - 5<br/>"); Dialog.open(); <</script>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "VENDING_MACHINE_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 27%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>VENDING MACHINE</h2></div> <<if $Mad <= 49>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div style="text-align: center;">A vending machine with cheap and suspicious products.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(Eating food and drinking affects your character's stats, but it costs money.)</span></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[⤴️ LEAVE|EaQuarter_01]] </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🥫 CROUTONS">> <<run disableLink(event.target, 1500)>> <<if $Money == 0>> <<Message "You don't have enough money">> <<elseif $VeMa04 >= 1>> <<set $MP to Math.clamp($MP + 1, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 1, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox + 1, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 1>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $ChestStatus += 2>> <<set $ChestStatus to Math.clamp($ChestStatus, 0, 1000)>> <<run updateBea()>> <<run setup.updateChest()>> <<set $Fit -= 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "You ate something tasty">> <<set $VeMa03 to 1>> <<timed 1s>> <<goto "VENDING_MACHINE_02">> <</timed>> <<else>> <<set $MP to Math.clamp($MP + 1, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 1, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox + 1, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 1>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You ate something tasty">> <<set $VeMa03 to 1>> <<timed 1s>> <<goto "VENDING_MACHINE_02">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <<if $VeMa04 >= 1>> <center><strong>🥫 CROUTONS</strong><br/> Stamina +1<br/> Health +1<br/> Intoxication +1<br/> Fitness -1<br/> Breast + 2</center> <<else>> <center><strong>🥫 CROUTONS</strong><br/> Stamina +1<br/> Health +1<br/> Intoxication +1</center> <</if>> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🥤 LEMONADE">> <<run disableLink(event.target, 1500)>> <<if $Money <= 4>> <<Message "You don't have enough money">> <<elseif $VeMa03 >= 1>> <<set $MP to Math.clamp($MP + 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 2, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox - 0, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $ChestStatus += 4>> <<set $ChestStatus to Math.clamp($ChestStatus, 0, 1000)>> <<run updateBea()>> <<run setup.updateChest()>> <<set $Fit -= 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "You ate something tasty">> <<set $VeMa04 to 1>> <<timed 1s>> <<goto "VENDING_MACHINE_02">> <</timed>> <<else>> <<set $MP to Math.clamp($MP + 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP + 2, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $Tox to Math.clamp($Tox - 0, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You ate something tasty">> <<set $VeMa04 to 1>> <<timed 1s>> <<goto "VENDING_MACHINE_02">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <<if $VeMa03 >= 1>> <center><strong>🥤 LEMONADE</strong><br/> Stamina +5<br/> Health +2<br/> Intoxication +0<br/> Fitness -1<br/> Breast + 4</center> <<else>> <center><strong>🥤 LEMONADE</strong><br/> Stamina +1<br/> Health +1<br/> Intoxication +0</center> <</if>> </div> </div> <div class="links01"> <<link "📋 MENU">> <<run disableLink(event.target, 1500)>> <<script>> Dialog.setup("   MENU"); Dialog.wiki("🥫 CROUTONS - 1<br/>🥤 LEMONADE - 5<br/>"); Dialog.open(); <</script>> <</link>></div> </div> <div class="links-container03"> </div></div> <<set $location to "VENDING_MACHINE_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #attack-tooltip2 { position: fixed; top: 27%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(20)>> /* Случайное число от 0 до 20 */ <div class="game-content"> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Travel/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Travel/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are traveling to your destination in a train car.</strong> </span> </div> </div> <<set $location to "ROUTE _01">> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" >> <<if $EventEnc00 == 0 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 1 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 2 and $Metro == 0>> <<goto "WeQuarter_04">> <<elseif $EventEnc00 == 3 and $Metro == 0>> <<goto "WeQuarter_04">> <<elseif $EventEnc00 == 4 and $Metro == 0>> <<goto "WeQuarter_04">> <<elseif $EventEnc00 == 5 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 6 and $Metro == 0>> <<goto "MDream_01">> <<elseif $EventEnc00 == 7 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 8 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 9 and $Metro == 0>> <<goto "MDream_01">> <<elseif $EventEnc00 == 10 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 11 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 12 and $Metro == 0>> <<goto "WeQuarter_04">> <<elseif $EventEnc00 == 13 and $Metro == 0>> <<goto "WeQuarter_04">> <<elseif $EventEnc00 == 14 and $Metro == 0>> <<goto "WeQuarter_04">> <<elseif $EventEnc00 == 15 and $Metro == 0>> <<goto "WeQuarter_04">> <<elseif $EventEnc00 == 16 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 17 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 18 and $Metro == 0>> <<goto "WeQuarter_04">> <<elseif $EventEnc00 == 19 and $Metro == 0>> <<goto "WeQuarter_04">> <<elseif $EventEnc00 == 20 and $Metro == 0>> <<goto "WeQuarter_04">> <<else>> <<goto "WeQuarter_04">> <</if>> <</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 6 */ <div class="game-content"> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Travel/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Travel/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are traveling to your destination in a train car.</strong> </span> </div> </div> <<set $location to "ROUTE _02">> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" >> <<if $EventEnc00 == 0 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 1 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 2 and $Metro == 0>> <<goto "Slums_01">> <<elseif $EventEnc00 == 3 and $Metro == 0>> <<goto "Slums_01">> <<elseif $EventEnc00 == 4 and $Metro == 0>> <<goto "Slums_01">> <<elseif $EventEnc00 == 5 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 6 and $Metro == 0>> <<goto "MDream_01">> <<elseif $EventEnc00 == 7 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 8 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 9 and $Metro == 0>> <<goto "MDream_01">> <<elseif $EventEnc00 == 10 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 11 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 12 and $Metro == 0>> <<goto "Slums_01">> <<elseif $EventEnc00 == 13 and $Metro == 0>> <<goto "Slums_01">> <<elseif $EventEnc00 == 14 and $Metro == 0>> <<goto "Slums_01">> <<elseif $EventEnc00 == 15 and $Metro == 0>> <<goto "Slums_01">> <<elseif $EventEnc00 == 16 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 17 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 18 and $Metro == 0>> <<goto "Slums_01">> <<elseif $EventEnc00 == 19 and $Metro == 0>> <<goto "Slums_01">> <<elseif $EventEnc00 == 20 and $Metro == 0>> <<goto "Slums_01">> <<else>> <<goto "Slums_01">> <</if>> <</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 6 */ <div class="game-content"> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Travel/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Travel/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are traveling to your destination in a train car.</strong> </span> </div> </div> <<set $location to "ROUTE _03">> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" >> <<if $EventEnc00 == 0 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 1 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 2 and $Metro == 0>> <<goto "NoQuarter_04">> <<elseif $EventEnc00 == 3 and $Metro == 0>> <<goto "NoQuarter_04">> <<elseif $EventEnc00 == 4 and $Metro == 0>> <<goto "NoQuarter_04">> <<elseif $EventEnc00 == 5 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 6 and $Metro == 0>> <<goto "MDream_01">> <<elseif $EventEnc00 == 7 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 8 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 9 and $Metro == 0>> <<goto "MDream_01">> <<elseif $EventEnc00 == 10 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 11 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 12 and $Metro == 0>> <<goto "NoQuarter_04">> <<elseif $EventEnc00 == 13 and $Metro == 0>> <<goto "NoQuarter_04">> <<elseif $EventEnc00 == 14 and $Metro == 0>> <<goto "NoQuarter_04">> <<elseif $EventEnc00 == 15 and $Metro == 0>> <<goto "NoQuarter_04">> <<elseif $EventEnc00 == 16 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 17 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 18 and $Metro == 0>> <<goto "NoQuarter_04">> <<elseif $EventEnc00 == 19 and $Metro == 0>> <<goto "NoQuarter_04">> <<elseif $EventEnc00 == 20 and $Metro == 0>> <<goto "NoQuarter_04">> <<else>> <<goto "NoQuarter_04">> <</if>> <</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 6 */ <div class="game-content"> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Travel/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Travel/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are traveling to your destination in a train car.</strong> </span> </div> </div> <<set $location to "ROUTE _04">> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" >> <<if $EventEnc00 == 0 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 1 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 2 and $Metro == 0>> <<goto "EaQuarter_03">> <<elseif $EventEnc00 == 3 and $Metro == 0>> <<goto "EaQuarter_03">> <<elseif $EventEnc00 == 4 and $Metro == 0>> <<goto "EaQuarter_03">> <<elseif $EventEnc00 == 5 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 6 and $Metro == 0>> <<goto "MDream_01">> <<elseif $EventEnc00 == 7 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 8 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 9 and $Metro == 0>> <<goto "MDream_01">> <<elseif $EventEnc00 == 10 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 11 and $Metro == 0 and $PPot == 0>> <<goto "MHarassment_01">> <<elseif $EventEnc00 == 12 and $Metro == 0>> <<goto "EaQuarter_03">> <<elseif $EventEnc00 == 13 and $Metro == 0>> <<goto "EaQuarter_03">> <<elseif $EventEnc00 == 14 and $Metro == 0>> <<goto "EaQuarter_03">> <<elseif $EventEnc00 == 15 and $Metro == 0>> <<goto "EaQuarter_03">> <<elseif $EventEnc00 == 16 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 17 and $Metro == 0>> <<goto "MRandomGirl_01">> <<elseif $EventEnc00 == 18 and $Metro == 0>> <<goto "EaQuarter_03">> <<elseif $EventEnc00 == 19 and $Metro == 0>> <<goto "EaQuarter_03">> <<elseif $EventEnc00 == 20 and $Metro == 0>> <<goto "EaQuarter_03">> <<else>> <<goto "EaQuarter_03">> <</if>> <</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">A short time after you woke up, there was a knock on the door of your apartment. </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 1500)>> <<set $RENT_START += 1>> <<switch $RENT_START>> <<case 1>> <<run replaceTextWithDelay("DescText", "Looking through the peephole, you see Tobias behind the door and let him inside.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/006.jpg")>> <<case 2>> <<run replaceTextWithDelay("DescText", "Tobias quickly looks around the apartment, making sure that it is in perfect order.")>> <<case 3>> <<run replaceTextWithDelay("DescText", "<strong>Tobias:</strong> - A week has passed, time to pay.<br/>I hope you don't have any problems with this?")>> <<case 4>> <<set $RENT_START to 0>> <<run setTimeout(() => Engine.play("RENT_02"), 500)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $RENT_START to 0>> <<run setTimeout(() => Engine.play("RENT_02"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/> <<set $RPAY to 0>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(1)>> /* Случайное число от 0 до 1 */ <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Plot/03/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">Tobias is waiting for your answer. </span></div></div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "PAY">> <<if $RPAY == 1>> <<Message "Wait">> <<elseif $Money <= 199>> <<Message "You don't have enough money">> <<else>> <<set $RPAY to 1>> <<set $RENT to 0>> <<set $Money -= 200>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<run replaceTextWithDelay("DescText", "<br/><br/><strong>Tobias:</strong> - Great <$>$NTitle</$>, see you in a week. And be careful,<br/>there's been some crazy stuff going on in this city lately.<br/>(Tobias leaves your apartment)")>> <<Message "You have paid accommodation for a week">> <<timed 5s>> <<goto "Residential_02">> <</timed>> <</if>> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>PAY</strong><br/> <br/>200 units required for payment <br/><br/></center> </div> <div id="ATTACK03" style="cursor: help;"> <div class="links01"> <<link "ANOTHER WAY">> <<if $RPAY == 1>> <<Message "Wait">> <<elseif $Corr <= 35>> <<Message "You are not that corrupted">> <<elseif $RPAY == 1>> <<Message "Wait">> <<elseif $Corr >= 36 and $NRep >= 500 and $EventEnc00 == 0>> <<set $RPAY to 1>> <<set $RENT to 0>> <<timed 1s>> <<goto "Rent_Fuck_03">> <</timed>> <<elseif $Corr >= 36 and $NRep >= 500 and $EventEnc00 == 1>> <<set $RPAY to 1>> <<set $RENT to 0>> <<timed 1s>> <<goto "Rent_Fuck_02">> <</timed>> <<else>> <<set $RPAY to 1>> <<set $RENT to 0>> <<timed 1s>> <<goto "Rent_Fuck_01">> <</timed>> <</if>> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip3" class="tooltip-hidden"> <center><strong>ANOTHER WAY</strong><br/> <br/>You're going to pay with your body.<br/> <br/>Requires over 35 corruption <br/></center> </div> <div class="links01"> <<link "I CAN'T PAY">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   CAN'T"); Dialog.wiki("Are you sure?<br/>This will mean losing the game.<br/>To confirm, select this option again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $RENT_START to 0>> <<run setTimeout(() => Engine.play("END_MONEY_01"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 20%; left: 50%; transform: translate(-50%, -50%); background: rgba(25, 25, 40, 0.97); color: #e0e0ff; padding: 8px 10px; border: 1px solid #6155ad; border-radius: 30px; font-size: 0.9em; text-align: center; font-family: var(--body-font); box-shadow: 0 0 30px rgba(106, 90, 140, 0.8); backdrop-filter: blur(10px); z-index: 99999; /* Самый верхний слой */ pointer-events: none; /* Не мешает кликам */ opacity: 0; transition: opacity 0.4s ease; min-width: 300px; } /* Появление при наведении */ #ATTACK02:hover ~ #attack-tooltip2, #ATTACK02:hover + #attack-tooltip2, #attack-tooltip2.visible { opacity: 0.95; } /* Стиль всплывающей подсказки */ #attack-tooltip3 { position: fixed; top: 20%; left: 50%; transform: translate(-50%, -50%); background: rgba(25, 25, 40, 0.97); color: #e0e0ff; padding: 8px 10px; border: 1px solid #6155ad; border-radius: 30px; font-size: 0.9em; text-align: center; font-family: var(--body-font); box-shadow: 0 0 30px rgba(106, 90, 140, 0.8); backdrop-filter: blur(10px); z-index: 99999; /* Самый верхний слой */ pointer-events: none; /* Не мешает кликам */ opacity: 0; transition: opacity 0.4s ease; min-width: 300px; } /* Появление при наведении */ #ATTACK03:hover ~ #attack-tooltip3, #ATTACK03:hover + #attack-tooltip3, #attack-tooltip3.visible { opacity: 0.95; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Endgame/005.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span id="DescText"> <strong>In payment of debts, you were sold as a debt slave.<br/>You were bought by scientists of a local corporation to conduct a series of experiments.</strong> </span> </div> </div> </div> <<timed 5s>> <<goto "END_MONEY_02">> <</timed>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } .comp06 { color: #faf5fa; text-shadow: 0px 0px 18px #adadad; font-family: var(--body-font); font-size: 2.6em; line-height: 0px; padding: auto; } .comp06 a, .comp00 a:hover, .comp00 a:active { color: #faf5fa; text-shadow: 0px 0px 18px #adadad; text-decoration: underline; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <<if $EventEnc00 == 0>> <div class="map2"> <span class="madness00"><div style="text-align: center;"><img id="plotImage" src="img/Events/Endgame/001.jpg" class="centerImage" style="max-width:141%;"></div></span></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <span class="madness00"><div style="text-align: center;"><img id="plotImage" src="img/Events/Endgame/002.jpg" class="centerImage" style="max-width:141%;"></div></span></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <span class="madness00"><div style="text-align: center;"><img id="plotImage" src="img/Events/Endgame/003.jpg" class="centerImage" style="max-width:141%;"></div></span></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <span class="madness00"><div style="text-align: center;"><img id="plotImage" src="img/Events/Endgame/004.jpg" class="centerImage" style="max-width:141%;"></div></span></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span id="DescText"> <div class="comp06"><span class="madness00"> <br/><br/><strong>C̵̠̳͍̘̞̫̖̳͖̠̤̪͍̥̩̫͔̆͑́̊̔̅͛̃̊͐̄̀̈́̊̅͂̓ͅH҉̖͇̥̱͖̖̜̟̣̗̣̜͍͉̝̦̪̯̲͙̦͒̾́̋̓̀̇̿͋͌̌̍A̴͕̝̰̠̬̠͓̗͕̪̱̪͎͍̟̗͇̥͖͗̆̋͒́̊͒͆͆͋͊̀̓͐O̶̝̜͙͓͉͔̥͉̖̭͕̞͎͉̘̙̜͉̘͍̟̬̣̞̽̀̓̽̀͑̏̄̊̒̓̏̄͂̃̒͐̄̄S̸̙̞̩̫͉̰͇̰̫̰͍̲̲̗͚̜̫̳̬͉̜͓͉̏͊̓͑̈͗̽̃̉̐̌̔͑̎́͋ R҉̤̱͕̫͔̤̬͈̣̰͍̙͈̪̗̋̏̂̽͊̓̄́͒͐̓̂͗͂̀̉̾̓̚Ẽ̸͇̦̪͉̬̣͕̳͇̘̮̣͙̗͕͍̮̪̙͈̲̐͑̊͒̿͌̔̂̑̂̋̈̂͐̚ͅÌ̶̲̭̗͎̦̖͙̖̲͓͎͎͔̤̝͕̭̒̋̓͊̏̾̉͒͐͌̑͊̾Ǵ̷̠̩̥̭͙̪̩͙̞͎̠̱̯̮̬̝̎̈́͛̐͋̐̇͂̑͌̀́̿̀͒͗̌̌̿̚ͅN̷̦̲͎̤̪̪͇͍͖̗͉̙̝̰͍̫̳͔̤͌͒̀̇͛̎̀̈̆̇͂̒͊̂̋̏̉̍̚Ŝ̸̪̞̩̯̳͎͈̗͍̞̟̣̆̅̓̏̄̒̎͒͆̓̔̏͆ͅ</strong> </span></div> </span> </div> </div> </div> <<audio "END_MAD_01" play>> <<timed 4s>> <<goto "GAME_DESCRIPTION_00">> <</timed>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } .comp06 { color: #faf5fa; text-shadow: 0px 0px 18px #adadad; font-family: var(--body-font); font-size: 2.6em; line-height: 0px; padding: auto; } .comp06 a, .comp00 a:hover, .comp00 a:active { color: #faf5fa; text-shadow: 0px 0px 18px #adadad; text-decoration: underline; } /* Контейнер для Текста по середине */ .TEXT-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: relative; top: 25px; left: 0px; min-width: 1050px; min-height: 250px; max-width: 1050px; max-height:250px; display: flex; align-items: top; justify-content: center; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); transition: background-color 0.3s ease; font-size: 1.5em; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: absolute; top: 600px; left: 740px; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<run lightenScreen()>> <div class="game-content"> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Plot/03/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">You wake up in a hospital room. </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 1500)>> <<set $END_HEALTH += 1>> <<switch $END_HEALTH>> <<case 1>> <<run replaceTextWithDelay("DescText", "Doctor Dickins is coming to see you.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/004.jpg")>> <<case 2>> <<run replaceTextWithDelay("DescText", "<strong>Dave Dickins:</strong> - Looks like you've had a really bad day. But we've fixed that.")>> <<case 3>> <<run replaceTextWithDelay("DescText", "<strong>Dave Dickins:</strong> - How will you pay?")>> <<case 4>> <<set $END_HEALTH to 0>> <<run setTimeout(() => Engine.play("END_HEALTH_02"), 500)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $END_HEALTH to 0>> <<run setTimeout(() => Engine.play("END_HEALTH_02"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <<set $HP to Math.clamp($HP + 50, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $MP to Math.clamp($MP + 80, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Tox to Math.clamp($Tox - 100, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Сброс эффектов еды*/ <<set $VeMa01 to 0>> <<set $VeMa02 to 0>> <<set $VeMa03 to 0>> <<set $VeMa04 to 0>> <<set $SFOOD01 to 0>> <<set $SFOOD02 to 0>> <<set $SFOOD03 to 0>> /* Изменение времени дня на сутки */ <<set $TDay to 0>> /* Изменение дня недели */ <<set $WDay += 1>> /* Увеличение игрового дня */ <<set $GDay += 1>> /* Следы спермы исчезают */ <<set $Sperm to 0>> /* Эффект зелья исчезает */ <<set $PPot to 0>> /* Эффект косметики исчезает */ <<set $Bimbo to 0>> <<set $gameOver to false>> /* Флаг завершения игры */ <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span id="DescText"> <<type 130ms>><br/><br/><strong>MIND IS NOTHING</strong><</type>> </span> </div> </div> <<timed 4s>> <<goto "END_MAD_02">> <</timed>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль для карты */ .map { position: relative; top: 30px; left: 20px; float: center; z-index: 1; } /* Контейнер для Текста по середине */ .TEXT-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: absolute; top: 210px; left: 450px; min-width: 1050px; min-height: 250px; max-width: 1050px; max-height:250px; display: flex; align-items: top; justify-content: center; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 0s forwards; backdrop-filter: blur(0px); transition: background-color 0.3s ease; font-size: 1.8em; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: absolute; top: 600px; left: 740px; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span id="DescText"> <<type 100ms>><br/><br/><strong>WORLD IS ILLUSION</strong><</type>> </span> </div> </div> <<timed 4s>> <<goto "END_MAD_03">> <</timed>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль для карты */ .map { position: relative; top: 30px; left: 20px; float: center; z-index: 1; } /* Контейнер для Текста по середине */ .TEXT-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: absolute; top: 210px; left: 450px; min-width: 1050px; min-height: 250px; max-width: 1050px; max-height:250px; display: flex; align-items: top; justify-content: center; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 0s forwards; backdrop-filter: blur(0px); transition: background-color 0.3s ease; font-size: 1.8em; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: absolute; top: 600px; left: 740px; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span id="DescText"> <<type 100ms>><br/><br/><strong>AND NOW YOU SEE</strong><</type>> </span> </div> </div> <<timed 4s>> <<goto "END_MAD_04">> <</timed>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль для карты */ .map { position: relative; top: 30px; left: 20px; float: center; z-index: 1; } /* Контейнер для Текста по середине */ .TEXT-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: absolute; top: 210px; left: 450px; min-width: 1050px; min-height: 250px; max-width: 1050px; max-height:250px; display: flex; align-items: top; justify-content: center; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 0s forwards; backdrop-filter: blur(0px); transition: background-color 0.3s ease; font-size: 1.8em; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: absolute; top: 600px; left: 740px; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $SLEEP_01 to 0>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div class="game-content"> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText"><br/><br/> </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 1500)>> <<set $SLEEP_01 += 1>> <<if $SLEEP_01 == 1 >> <<run replaceImageWithEffect("plotImage", "img/Events/Sleep/029.jpg")>> <<elseif $SLEEP_01 == 2 and $EventEnc00 == 0>> <<run replaceTextWithDelay("DescText", "<strong>H̵̜̙͖͎̜̳̗̜̬͖͙̯̦̥̤̃̍͒̔͂̇̽E҈̳̖͓̭̮̦̳̭͍̃́̀͂̀̒̃́̑̊͒͒͋̀̍͒L̶̘̰̞̣̬̋̀̇̉̊̑̊̔͒̅̐̉͛̌̀L̵̳͙̥͉̳͉̟̘̳̲̝͖̰̠͑́͌͋̓̓̇̂̑͑̿̋͒̚ͅO̸͔̭͚̦̥̬͔̪̩̥̯̱͚͍͛̓̋͒̂̋̏͛͋̽́͋̇͒̓")>> <<audio "HELLO_01" play>> <<elseif $SLEEP_01 == 2 and $EventEnc00 == 1>> <<run replaceTextWithDelay("DescText", "<strong>I҈̤͕̝̠̰̀͆͒̍̈̍͑̇́̐ͅ S҈͓̥̭͉̦̳͕̖͕̪̦͍̘͙̠̩͗̓̀́͑̾͛̂͌̌̉̒E̴̥͇̪̬̝͂͑̈̀͊̆͊̀͑̊ͅE҉̲̤̘̞̗͚̦̭̬̙̳͈͇͉̋̀̊̉̐ͅͅ Y̸̳͙͇̠̭͇̆̔͗̃̎̍͑̚ͅͅŌ̵̫͓̦̮̳̠̟̞̙͐̅́̀̐̿̋̚ͅU̵̯̱̞̠̓̅́̐͌ͅ")>> <<audio "I_SEE_YOU_01" play>> <<elseif $SLEEP_01 == 2 and $EventEnc00 == 2>> <<run replaceTextWithDelay("DescText", "<strong>Ȉ̷̫̩̱̰̥͎̭̖̮̖̰̠́͐̾̒̈́̂̋̽́̿͐̍̚ͅ'̵̪̭̙̪̳͍̗̯̩͙͈̙̘̆̋̍̈̌̐͆̐̾͂̆̃̎́̚ͅͅM̶̭̬̫͔͈̬̥̣̘̬̱̆͆̈́̾́̈́͗̾͒͌̒̚ Ẅ̴̩͖̱̤̱̳̯̤̱͉̪̫͐̒̓̀̎͌̄̌̃A҉͈̥̠̜̭̠̪̣͉̩͎͐̾̌̀͒̈́̐̎̃̈̋̅̐͊̇I҈̯̠̬̬̮͕͚͎̘̰͖͚̍͋͌̓̏͋͊͒͆ͅT̵͍̥̯͍̲͚̣͙͍̙̩͂͋͋͆̊̇̉́̅̚Ī̷͎͎̰͙͇͉͇͈̖̮̬͌̌̓̑̎̈̓̃͗̅Ň̸͚̮͕̮̬̬͇̱̇͐̈̃́̈́̒̒͐͌͑̃̓G̷͉̞̱̞̮̠͇̟͎̰̿̽͋́͛͗̓̐̈")>> <<audio "I'M_WAITING_01" play>> <<elseif $SLEEP_01 == 2 and $EventEnc00 == 3>> <<run replaceTextWithDelay("DescText", "<strong>W̵̰̖̤̮̬̭̰̫͚͇̔̎̅̊͆̃̀̉̆H̴͍̤͙͚̪̫̫͙̱̗̪̥͓̯̬͐̂͐̔̍͌̓̃͋̑̽͒̀̔͗̀Ó̵̗̙̠̣͉̪̫̱͖̑̆̅̉̍̋̎̃̄̾͒̄ Ȃ̴̯̜̞̣̭̦̲̅̄̈͛̿̇̄̆̾ͅR̵̥͓͎͉̬͎͍̳̠̭͓͇̒̓͆͑͗̂͂̀̈̍̇̓̌E҈̳͈̤̦̠̫̜͓̣̜͙̟̱̪̞̫̄́̀̐̈́̾̌̍ Y̷͍͔̭͓̝̩̱̲̏̍͆̎̑͐͌͌Ŏ̴̮͖̩̬̞̠̙͕͇͎̯͍̌̏̾̌̂̊̏̄͐̾́͛͐ͅÙ̵̝̣̬͖̜̞̠̮͈̝̪̈́̉̿̊̿̍̂̓͊̅̀̉?̸̮͍̰͔̰̦̫̔̅̂̆̎̆͋̈́́̐ͅ")>> <<audio "WHO_ARE_YOU_01" play>> <<elseif $SLEEP_01 == 3>> <<set $SLEEP_01 to 0>> <<run setTimeout(() => Engine.play("Flophouse_01"), 500)>> <</if>> <</link>></div> </div> </div> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 25>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Контейнер для Текста по середине */ .TEXT-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: relative; top: -50px; left: 0px; min-width: 1050px; min-height: 250px; max-width: 1050px; max-height:250px; display: flex; align-items: top; justify-content: center; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); transition: background-color 0.3s ease; font-size: 2.8em; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <<set $END_HEALTH_02 to 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Plot/03/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText"><br/><br/>Tobias is waiting for your answer. </span></div></div> <div class="links-container00"> <div class="links01"> <<link "PAY">> <<if $Money <= 89>> <<Message "You don't have enough money">> <<elseif $END_HEALTH_02 == 1>> <<Message "Wait">> <<else>> <<set $END_HEALTH_02 to 1>> <<set $Money -= 90>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<run replaceTextWithDelay("DescText", "<br/><br/>Having received payment for his services, Doctor Dickins leaves.")>> <<Message "You have paid accommodation for a week">> <<timed 5s>> <<goto "Hospital_Ward_01">> <</timed>> <</if>> <</link>></div> <div class="links01"> <<link "BANK PAY">> <<if $BMoney <= 89>> <<Message "You don't have enough money">> <<elseif $END_HEALTH_02 == 1>> <<Message "Wait">> <<else>> <<set $END_HEALTH_02 to 1>> <<set $BMoney -= 90>> <<set $BMoney to Math.clamp($BMoney, 0, 9000)>> <<run UIBar.setStoryElements()>> <<run replaceTextWithDelay("DescText", "<br/><br/>Having received payment for his services, Doctor Dickins leaves.")>> <<Message "You have paid accommodation for a week">> <<timed 5s>> <<goto "Hospital_Ward_01">> <</timed>> <</if>> <</link>></div> <div class="links01"> <<link "I CAN'T PAY">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   CAN'T"); Dialog.wiki("Are you sure?<br/>This will mean losing the game.<br/>To confirm, select this option again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $$END_HEALTH_02 to 0>> <<run setTimeout(() => Engine.play("END_MONEY_01"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Endgame/006.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span id="DescText"> <strong>But unfortunately, because of this, your physical and mental health was greatly undermined.</strong> </span> </div> </div> </div> <<timed 5s>> <<goto "END_MONEY_03">> <</timed>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } .comp06 { color: #faf5fa; text-shadow: 0px 0px 18px #adadad; font-family: var(--body-font); font-size: 2.6em; line-height: 0px; padding: auto; } .comp06 a, .comp00 a:hover, .comp00 a:active { color: #faf5fa; text-shadow: 0px 0px 18px #adadad; text-decoration: underline; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div class="map2"> <span class="madness00"><div style="text-align: center;"><img id="plotImage" src="img/Events/Endgame/006.jpg" class="centerImage" style="max-width:141%;"></div></span></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span id="DescText"> <div class="comp06"><span class="madness00"> <br/><br/><strong>Ś̝̳͓͍̜̣̙̳͛̓̐͆͑̆̃͂T̮̟̖͇͙̥̘̠͐́͛̄̒̓͂̄̑̍͋̐͂̇A̪͖̦̬̳̫͈̠͕̥̎͒̄͑̅̔̊͗ͅR̲͎͖̦͎̩̘̠̖̗̞͕͂̋̑̓́͂̈́̓͊̂̆̂̔̅͆͐Ț̪̭̳͚̲̪͔͈̜̲̈͗̎̔̀̄̾̿̓͌̂͌̈́̒̆ͅ Á̰͓͕̦̳͇͉̳̘̙͙͉͇̱̣̀̓͑́͐̃̑G̙͓̬̪͖̰̠̜̞̮̝̏̉́́͆̃́̌̑̒͛A͎̙̰̗͔͙̙͉̞̅̀̈̏̃͗͌̒͛̃I͓̥͓̯̦͕̜͍̲͍̒͌͐͗͋̏̇͂̀͐͌̌̊̃̚N̖̦͖͎̜̙̱̗̐̓̇͑̌̉̏͋͌́͒̎͒̚</strong> </span></div> </span> </div> </div> </div> <<audio "START_AGAIN_01" play>> <<timed 4s>> <<goto "GAME_DESCRIPTION_00">> <</timed>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } .comp06 { color: #faf5fa; text-shadow: 0px 0px 18px #adadad; font-family: var(--body-font); font-size: 2.6em; line-height: 0px; padding: auto; } .comp06 a, .comp00 a:hover, .comp00 a:active { color: #faf5fa; text-shadow: 0px 0px 18px #adadad; text-decoration: underline; } /* Стиль для карты */ .map { position: relative; top: 30px; left: 20px; float: center; z-index: 1; } /* Контейнер для Текста по середине */ .TEXT-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: relative; top: 25px; left: 0px; min-width: 1050px; min-height: 250px; max-width: 1050px; max-height:250px; display: flex; align-items: top; justify-content: center; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); transition: background-color 0.3s ease; font-size: 1.5em; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: absolute; top: 600px; left: 740px; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $CorrBase >= 40 and $VaginaStatus >= 600 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase >= 40 and $VaginaStatus >= 600 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase >= 40 and $VaginaStatus >= 600 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase >= 40 and $VaginaStatus >= 600 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase >= 40 and $VaginaStatus >= 600 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase >= 40 and $VaginaStatus >= 600 and $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase >= 25 and $VaginaStatus >= 300 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase >= 25 and $VaginaStatus >= 300 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase >= 25 and $VaginaStatus >= 300 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase >= 25 and $VaginaStatus >= 300 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase >= 25 and $VaginaStatus >= 300 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase >= 25 and $VaginaStatus >= 300 and $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase <= 100 and $VaginaStatus <= 1000 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase <= 100 and $VaginaStatus <= 1000 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase <= 100 and $VaginaStatus <= 1000 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase <= 100 and $VaginaStatus <= 1000 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase <= 100 and $VaginaStatus <= 1000 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $CorrBase <= 100 and $VaginaStatus <= 1000 and $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Masturb/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $CorrBase >= 40 and $VaginaStatus >= 600>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Taking the biggest toy out of the cabinet, you undressed and lay down on the bed.<br/>Putting the huge head of the <span class="comp09"><strong>horse dildo</strong></span> to <span class="comp09"><strong>your greedy</strong></span> and <span class="comp09"><strong>wet cunt</strong></span>, you began to slowly move it forward.<br/><br/> You imagine how, being defeated, you are forced to <span class="comp09"><strong>spread your legs</strong></span> in front of a powerful stranger,<br/>allowing him to <span class="comp09"><strong>use your cunt</strong></span>. Perhaps after he finishes with you, his friends will continue...<br/><br/>With a drawn-out moan, you bring yourself to orgasm and release the tension. </span> </div> </div> <<elseif $CorrBase >= 25 and $VaginaStatus >= 300>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Taking one of the toys out of the cabinet, you undressed and lay down on the bed.<br/>Starting to move the dildo inside your <span class="comp09"><strong>wet pussy</strong></span>, imagine how a <span class="comp09"><strong>BIG and HARD cock penetrates you.</strong></span><br/><br/>With a drawn-out moan, you bring yourself to orgasm and release the tension. </span> </div> </div> <<elseif $CorrBase <= 100 and $VaginaStatus <= 1000>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You undressed and lay down on the bed, starting to stimulate your tender pussy with your fingers.<br/><br/>With a long moan, you bring yourself to orgasm and release the tension. </span> </div> </div> <</if>> /* Бонус к опыту за прожитый день */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Трата энергии */ <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус к возбуждению */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 50, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Понижение Безумия */ <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Stamina -5<br/> Arousal -50<br/> Corruption +1<br/> Madness -1</center> </div> </span></div> </div> <<Message "⤵️ Your <strong>arosual</strong> is reduced">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $Bath to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $HOME >= 1 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $HOME >= 1 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $HOME >= 1 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $HOME >= 1 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $HOME >= 1 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $HOME >= 1 and $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $HOME == 0 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $HOME == 0 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $HOME == 0 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $HOME == 0 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $HOME == 0 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $HOME == 0 and $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Bath/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sperm == 1 and $CorrBase >= 50>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You climb into a hot bath and relax.<br/>Afterwards, you remove the sperm from your tired holes and body,<br/>preparing them for new adventures. </span> </div> </div> <<elseif $CorrBase >= 50>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You climb into a hot bath and relax, preparing your body for new adventures. </span> </div> </div> <<elseif $CorrBase <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You climb into a hot bath and relax. </span> </div> </div> <</if>> /* Бонус к опыту за прожитый день */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Увеличение времени дня */ <<set $TDay += 1>> /* Бонус к энергии */ <<set $MP to Math.clamp($MP + 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус к здоровью */ <<set $HP to Math.clamp($HP + 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Бонус к возбуждению */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Бонус снижение интоксикации */ <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Следы спермы исчезают */ <<set $Sperm to 0>> /* Эффект зелья исчезает */ <<set $PPot to 0>> /* Эффект косметики исчезает */ <<set $Bimbo to 0>> /* Эффект промывки мозгов */ <<set $Bim -= 1>> <<set $Bim to Math.clamp($Bim, 0, 100)>> /* Изменение статуса вагины */ <<set $VaginaStatus -= 10>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Изменение статуса ануса */ <<set $AnusStatus -= 10>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Понижение Безумия */ <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Time +1<br/> Experience +5<br/> Stamina +10<br/> Health +5<br/> Arousal +5<br/> MindCurse -1<br/> Madness -1<br/> Intoxication -10<br/> Vagina -10<br/> Anus -10</center> </div> </span></div> </div> <<Message "Now you are clean">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 28%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>Tobias:</strong> - Well, right now I have a boner and my balls are stuffed to the brim, so I can get by with a different payment.<br/><br/>Tobias pulls down his pants showing you his black baton, after which he pulls off your clothes admiring your tits and pussy.<br/><br/>You obediently kneel down in front of his massive cock and begin to diligently lick its head. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>Tobias:</strong> - Well, right now I have a boner and my balls are stuffed to the brim, so I can get by with a different payment.<br/><br/>Tobias pulls down his pants showing you his black baton, after which he pulls off your clothes admiring your tits and pussy.<br/><br/>You reluctantly kneel down in front of his massive cock and begin to lick its head. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>Tobias:</strong> - Well, right now I have a boner and my balls are stuffed to the brim, so I can get by with a different payment.<br/><br/>Tobias pulls down his pants showing you his black baton, after which he pulls off your clothes admiring your tits and pussy.<br/><br/>You kneel down in front of his massive cock and begin to lick its head. </span> </div> </div> <</if>> /* Бонус к опыту за прожитый день */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Увеличение времени дня */ <<set $TDay += 1>> /* Бонус к энергии */ <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус к здоровью */ <<set $HP to Math.clamp($HP + 0, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Бонус к возбуждению */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 5>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Следы спермы */ <<set $Sperm to 1>> /* Увеличение счетчика ебли в рот */ <<set $SOraP += 1>> /* Увеличение счетчика половых партнеров */ <<set $SHumP += 1>> /* Увеличение субмессивности */ <<set $Sub += 5>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 5>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> /* Понижение репутации в северном районе */ <<set $NRep += 20>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> /* Появление тату на пояснице */ <<set $TTrumpStampStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" Rent_Fuck_01_1>><</button>> </span></div> </div> <<Message "Arousal has increased">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $Bath to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <<set $EventEnc04 to 1>> <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/An/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/An/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/An/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/An/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/An/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>Tobias:</strong> - Well, $NTitle $Pname right now I have a boner and my balls are stuffed to the brim, so I can get by with a different payment.<br/><br/>Tobias pulls down his pants showing you his black baton, after which he pulls off your clothes admiring your tits and pussy.<br/>He throws you on the bed and starts to settle down on your ass. Spitting on the head of his cock, it ends up deep in your anus. You don't even have time to scream as the room is filled with the claps of his swinging balls hitting your ass. After a while, you try to spread your buns with your hands and rhythmically move towards him. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>Tobias:</strong> - Well, $NTitle $Pname right now I have a boner and my balls are stuffed to the brim, so I can get by with a different payment.<br/><br/>Tobias pulls down his pants showing you his black baton, after which he pulls off your clothes admiring your tits and pussy.<br/>He throws you on the bed and starts to adjust himself to your ass. Spitting on the head of his penis, it turns out to be deep in your anus. You don’t even have time to scream as the room is filled with the claps of his swinging balls hitting your ass. You endure, waiting for it to end. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>Tobias:</strong> - Well, $NTitle $Pname right now I have a boner and my balls are stuffed to the brim, so I can get by with a different payment.<br/><br/>Tobias pulls down his pants showing you his black baton, after which he pulls off your clothes admiring your tits and pussy.<br/>He throws you on the bed and starts to adjust himself to your ass. Spitting on the head of his penis, it turns out to be deep in your anus. Before you can even scream as the room is filled with the claps of his swinging balls hitting your ass. You can barely relax enough for his club to stop being a problem. </span> </div> </div> <</if>> /* Бонус к опыту за прожитый день */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Увеличение времени дня */ <<set $TDay += 1>> /* Бонус к энергии */ <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус к здоровью */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Бонус к возбуждению */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 50, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 8>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Следы спермы */ <<set $Sperm to 1>> /* Увеличение счетчика ебли */ <<set $SOraP += 1>> <<set $SAssP += 1>> <<set $SVagP += 1>> /* Увеличение счетчика половых партнеров */ <<set $SHumP += 1>> /* Увеличение субмессивности */ <<set $Sub += 8>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 8>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> /* Понижение репутации в северном районе */ <<set $NRep += 25>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> /* Повышение статуса вагины */ <<set $VaginaStatus += 8>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> /* Повышение статуса ануса */ <<set $AnusStatus += 8>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateAnus()>> /* Появление тату на пояснице */ <<set $TTrumpStampStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" Rent_Fuck_02_1>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $Bath to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <<set $EventEnc04 to 2>> <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Vg/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Vg/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Vg/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Vg/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Vg/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>Tobias:</strong> - Well, $NTitle $Pname right now I have a boner and my balls are stuffed to the brim, so I can get by with a different payment.<br/><br/>Tobias pulls down his pants showing you his black baton, after which he pulls off your clothes admiring your tits and pussy.<br/>He throws you on the bed and starts to adjust himself to your pussy. Spitting on the head of his cock, he enters your wet hole with one powerful thrust. You don't even have time to scream as the room is filled with the claps of his swinging balls and splashes of your lube. You relax enjoying his huge cock inside your greedy cunt. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>Tobias:</strong> - Well, $NTitle $Pname right now I have a boner and my balls are stuffed to the brim, so I can get by with a different payment.<br/><br/>Tobias pulls down his pants showing you his black baton, after which he pulls off your clothes admiring your tits and pussy.<br/>He throws you on the bed and starts to adjust himself to your pussy. Spitting on the head of his cock, he enters your wet hole with one powerful thrust. You don't even have time to scream as the room is filled with the claps of his swinging balls. You relax waiting for it to end. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>Tobias:</strong> - Well, $NTitle $Pname right now I have a boner and my balls are stuffed to the brim, so I can get by with a different payment.<br/><br/>Tobias pulls down his pants showing you his black baton, after which he pulls off your clothes admiring your tits and pussy.<br/>He throws you on the bed and starts to adjust himself to your pussy. Spitting on the head of his cock, he enters your wet hole with one powerful thrust. You don't even have time to scream before the room starts to resound with the sound of his swinging balls and the splashes of your lubricant. You try to lie down more comfortably, adjusting to his pounding. </span> </div> </div> <</if>> /* Бонус к опыту за прожитый день */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Увеличение времени дня */ <<set $TDay += 1>> /* Бонус к энергии */ <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус к здоровью */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Бонус к возбуждению */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 50, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 8>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Следы спермы */ <<set $Sperm to 1>> /* Увеличение счетчика ебли */ <<set $SOraP += 1>> <<set $SVagP += 1>> /* Увеличение счетчика половых партнеров */ <<set $SHumP += 1>> /* Увеличение субмессивности */ <<set $Sub += 8>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 8>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> /* Понижение репутации в северном районе */ <<set $NRep += 25>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> /* Повышение статуса вагины */ <<set $VaginaStatus += 16>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> /* Появление тату на пояснице */ <<set $TTrumpStampStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" Rent_Fuck_02_1>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> His cock fills your mouth and you start moving your head back and forth making obscene slurping sounds.<br/>Periodically, Tobias pushes your head onto his cock, driving it all the way down your throat,<br/>at which point his balls hit chin, smearing the drooling saliva all over it.<br/>When this happens, you moan with pleasure at the realization that you are being used like a little bitch. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> His cock fills your mouth and you start moving your head back and forth making obscene slurping sounds.<br/>Periodically, Tobias pushes your head onto his cock, driving it all the way down your throat,<br/>at which point his balls hit chin, smearing the drooling saliva all over it.<br/>When this happens, you try to resist, but he is stronger. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> His cock fills your mouth and you start moving your head back and forth making obscene slurping sounds.<br/>Periodically, Tobias pushes your head onto his cock, driving it all the way down your throat,<br/>at which point his balls hit chin, smearing the drooling saliva all over it. </span> </div> </div> <</if>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" Rent_Fuck_01_2>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Sp/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Sp/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Sp/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Sp/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Sp/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having played with your mouth enough, Tobias takes his black rod out of it and makes you turn your face and open your mouth wide.<br/>You readily comply with this demand and try to catch the Jets of his delicious seed spurting into you.<br/>Stream after stream it covers your face, lips and fills your mouth.<br/>When it stops you swallow it all to the last drop. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having played with your mouth enough, Tobias takes his black rod out of it<br/>and makes you turn your face and open your mouth wide.<br/>Jets of his seed begin to spurt you. Stream after stream of it covers your face, lips, and fills your mouth.<br/>When it stops, you spit it out onto the floor. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having played with your mouth enough, Tobias takes his black rod out of it<br/>and makes you turn your face and open your mouth wide.<br/>You try to catch the Jets of his seed spurting into you.<br/>Stream after stream it covers your face, lips and fills your mouth. </span> </div> </div> <</if>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" Rent_Fuck_01_3>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Sp/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Sp/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Sp/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Sp/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Sp/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You're on your knees, covered in your landlord's cum like a cheap whore.<br/>The taste of his cum is still on your tongue and it's driving you crazy.<br/><br/>With a look of a job well done, Tobias puts his pants back on and bids his white bitch farewell until next week. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You're on your knees, covered in your landlord's cum, with the taste of his cum in your mouth.<br/><br/>With a look of a job well done, Tobias puts his pants back on and bids you farewell until next week. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You're on your knees, covered in your landlord's cum like a cheap whore.<br/>The taste of his cum is still on your tongue.<br/><br/>With a look of a job well done, Tobias puts his pants back on and bids you farewell until next week. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "Residential_02">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Stamina -5<br/> Corruption +5<br/> Submissiveness +5<br/> Northern Reputation +20<br/> -Tattoo-</center> </div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $Bath to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Vg/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Vg/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Vg/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Vg/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Vg/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Tobias changes his position, lying on top of you. You feel how with the quick movements of his pelvis, the massive shaft walks in your hole, entering it as deeply as possible. Time after time, with each new push, he continues to drive into you on the bed. You completely surrender to the sensations of fucking and after a few minutes you cum, shuddering with your whole body under the incessant pounding. Feeling how your cumming pussy convulsively squeezes his cock, Tobias comes out of it with a smacking sound. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Tobias changes his position, lying on top of you. You feel how with the quick movements of his pelvis, the massive shaft walks in your hole, entering it as deeply as possible. Time after time, with each new push, he continues to drive into you on the bed. You completely surrender to the sensations of fucking and after a few minutes you cum, shuddering with your whole body under the incessant pounding. Feeling how your cumming pussy convulsively squeezes his cock, Tobias comes out of it with a smacking sound. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Tobias changes his position, lying on top of you. You feel how with the quick movements of his pelvis, the massive shaft walks in your hole, entering it as deeply as possible. Time after time, with each new push, he continues to drive into you on the bed. You completely surrender to the sensations of fucking and after a few minutes you cum, shuddering with your whole body under the incessant pounding. Feeling how your cumming pussy convulsively squeezes his cock, Tobias comes out of it with a smacking sound. </span> </div> </div> <</if>> <div id=".links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" Rent_Fuck_02_2>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $Bath to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Rent/Bj/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Tobias pulls you off the bed, putting you on your knees in front of him and sticking his cock out in front of your mouth.<br/>You obediently wrap your lips around it and start sucking on the massive black head. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Tobias pulls you off the bed, putting you on your knees in front of him and sticking his cock out in front of your mouth.<br/>You reluctantly wrap your lips around it and start sucking on the massive black head. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Tobias pulls you off the bed, putting you on your knees in front of him and sticking his cock out in front of your mouth.<br/>You wrap your lips around it and start sucking on the massive black head. </span> </div> </div> <</if>> <<if $EventEnc04 == 2>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "Residential_02">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Stamina -15<br/> Health -5<br/> Arousal -50<br/> Corruption +8<br/> Submissiveness +8<br/> Northern Reputation +25<br/> Vagina +16<br/> -Tattoo-</center> </div> </div> <<else>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "Rent_Fuck_02_1">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Stamina -15<br/> Health -5<br/> Arousal -50<br/> Corruption +8<br/> Submissiveness +8<br/> Northern Reputation +25<br/> Vagina +8<br/> Anus +8<br/> -Tattoo-</center> </div> </div> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 25%; left: 50%; transform: translate(-50%, -50%); background: rgba(25, 25, 40, 0.97); color: #e0e0ff; padding: 8px 10px; border: 1px solid #6155ad; border-radius: 30px; font-size: 0.9em; text-align: center; font-family: var(--body-font); box-shadow: 0 0 30px rgba(106, 90, 140, 0.8); backdrop-filter: blur(10px); z-index: 99999; /* Самый верхний слой */ pointer-events: none; /* Не мешает кликам */ opacity: 0; transition: opacity 0.4s ease; min-width: 300px; } </style> <</nobr>>
<<nobr>> <<set $Tavern += 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>As you passed the table you felt someone's hand.<br/>Turning around you saw two men looking at your butt, one of them groping your ass. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were serving a table, one of the customers lifted your skirt and started caressing your butt. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were serving a table, one of the customers grabbed your butt and squeezed it. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>As you passed the table you felt someone stroking your butt. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were serving a table, one of the customers slapped you on the butt. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "HIT THE HAND">> <<set $NRep -= 3>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<set $Money -= 3>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $Dom += 5>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<set $Sub -= 5>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "WAITRESS_JOB_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>HIT THE HAND</strong><br/> Northern Reputation -3<br/> Domination +5</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "IGNORE">> <<set $NRep += 2>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<set $Money += 3>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<set $Sub += 3>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 3>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "WAITRESS_JOB_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>IGNORE</strong><br/> Northern Reputation +2<br/> Corruption +1<br/> Submissiveness +3</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "SMILE">> <<if $CorrBase <= 20>> <<Message "You won't do this">> <<else>> <<set $NRep += 5>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<set $Money += 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run updateCorrMinimum()>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<set $Sub += 5>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 5>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "WAITRESS_JOB_01">> <</if>><</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>SMILE</strong><br/> Northern Reputation +5<br/> Corruption +2<br/> Submissiveness +5</center> </div> </div> </div> </div> <<Message "Arousal has increased">> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 17%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $Tavern += 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were serving tables in a tavern,<br/>one of the customers came up to you from behind and started groping your breasts. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were serving tables in a tavern,<br/>one of the customers came up to you from behind and started groping your breasts. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were serving tables in a tavern,<br/>one of the customers came up to you from behind and started groping your breasts. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were serving tables in a tavern,<br/>one of the customers came up to you from the front and started to squeeze your boobs. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were serving tables in a tavern,<br/>one of the customers came up to you from behind and started groping your breasts. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were serving tables in a tavern,<br/>one of the customers came up to you from behind and started groping your breasts. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "HIT THE HAND">> <<set $NRep -= 3>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<set $Money -= 3>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $Dom += 5>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<set $Sub -= 5>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "WAITRESS_JOB_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>HIT THE HAND</strong><br/> Northern Reputation -3<br/> Domination +5</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "IGNORE">> <<set $NRep += 2>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<set $Money += 3>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<set $Sub += 3>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 3>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "WAITRESS_JOB_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>IGNORE</strong><br/> Northern Reputation +2<br/> Corruption +1<br/> Submissiveness +3</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "SMILE">> <<if $CorrBase <= 20>> <<Message "You won't do this">> <<else>> <<set $NRep += 5>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<set $Money += 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run updateCorrMinimum()>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<set $Sub += 6>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 6>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "WAITRESS_JOB_01">> <</if>><</link>></div> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>SMILE</strong><br/> Northern Reputation +5<br/> Corruption +2<br/> Submissiveness +6</center> </div> </div> </div> </div> <<Message "Arousal has increased">> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 17%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $Tavern += 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While serving the tavern's customers,<br/>one of them unexpectedly seats you at his table. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>As you were walking through the tavern hall,<br/>one of the patrons called out to you. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>As you were walking through the tavern hall,<br/>one of the visitors asked you to come to his table. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>As you were walking through the tavern hall,<br/>one of the visitors asked you to sit at his table. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "T_Haras_03">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The man starts to paw your ass and whisper in your ear that if you work your mouth for him,<br/>he is ready to leave a generous tip. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A man squeezes your buttock with his hand and offers money for a blowjob. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The man starts to stroke your ass and says<br/>that his dick really needs to be in your mouth. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The visitor starts to paw at your breasts and offers a generous reward<br/>if you empty his balls with your mouth. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The visitor, feeling your breasts, begins to whisper compliments to you<br/>and asks about additional services. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The client starts to squeeze your tits and whisper in your ear<br/>that you absolutely need to taste his cock. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "HIT THE HAND">> <<set $NRep -= 3>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<set $Money -= 3>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $Dom += 5>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<set $Sub -= 5>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "WAITRESS_JOB_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>HIT THE HAND</strong><br/> Northern Reputation -3<br/> Domination +5</center> </div> </div> <div class="links01"> <<link "REFUSE">> <<goto "WAITRESS_JOB_01">> <</link>></div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "AGREE">> <<if $CorrBase <= 49>> <<Message "You won't do this">> <<else>> <<set $NRep += 15>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<set $Money += 35>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run updateCorrMinimum()>> <<set $CorrBase += 4>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<set $Sub += 6>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 6>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "T_Oral_01">> <</if>><</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>AGREE</strong><br/> Northern Reputation +15<br/> Corruption +4<br/> Submissiveness +6</center> </div> </div> </div> </div> <<Message "Arousal has increased">> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 17%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Tavern/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Crouching in front of the client, you wait for him to pull his dick out of his pants.<br/>You try to do this as unnoticeably as possible for those around you, although you are not sure that no one will notice.<br/>The visitor takes out his meat club, running it over your lips, and then lets you do the rest of the work.<br/>With a wet smacking sound, you begin to suck and lick his head.<br/>And after a while, he discharges into your mouth,<br/>after which you happily swallow the tart gift. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Crouching in front of the client, you wait for him to pull his dick out of his pants.<br/>You try to do this as unnoticeably as possible for those around you, although you are not sure that no one will notice.<br/>The visitor takes out his meat club, running it over your lips, and then lets you do the rest of the work.<br/>You begin to gently massage his balls with your hand and lick the head of his penis.<br/>After a while, he unloads in your mouth and in order not to leave traces,<br/>you are forced to swallow it. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Crouching in front of the client, you wait for him to pull his dick out of his pants.<br/>You try to do this as unnoticed as possible, although you are not sure that no one will notice.<br/>The visitor takes out his meat club, runs it over your lips, and then lets you do the rest of the work.<br/>You begin to suck and lick the head of his dick. After a while,<br/>he fills your mouth with his sperm and you swallow it all to the last drop. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "WAITRESS_JOB_01">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } / /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(25)>> /* Случайное число от 0 до 25 */ <div class="game-content"> <br/><br/> <<if $EventEnc00 == 0 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 22 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 23 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 24 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 25 and $WDay <= 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/039.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/040.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/042.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/043.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/044.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/045.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/046.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/047.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/048.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 22 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/049.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 23 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/050.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 24 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/051.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 25 and $WDay >= 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/RandomGirl/052.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a beautiful black woman with bare breasts,<br/>pushing her way calmly, oblivious to the men's stares as she walks. </span> </div> </div> <<elseif $EventEnc00 == 1 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see one of the passengers caressing the butt of a skimpy black woman.<br/>She doesn't seem to mind. </span> </div> </div> <<elseif $EventEnc00 == 2 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a woman squatting against the wall of the carriage,<br/>enthusiastically giving a blowjob to some man. </span> </div> </div> <<elseif $EventEnc00 == 3 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a man fucking a horned girl with blue hair in the middle of the carriage.<br/>Judging by the people around them, they are not particularly interested in what is happening. </span> </div> </div> <<elseif $EventEnc00 == 4 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a horned woman with bright red hair whose face is covered in a thick layer of sperm.<br/>The people around her pretend not to notice her. </span> </div> </div> <<elseif $EventEnc00 == 5 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a topless, horned woman with bright red hair.<br/>She looks with interest at everyone who is attracted by the sight of her breasts. </span> </div> </div> <<elseif $EventEnc00 == 6 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see one of the passengers caressing the butt of a skimpy black woman.<br/>She doesn't seem to mind. </span> </div> </div> <<elseif $EventEnc00 == 7 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a horned girl with blue hair sucking a man's cock.<br/>The people around her are indifferent to this picture. </span> </div> </div> <<elseif $EventEnc00 == 8 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a man fucking a horned girl with blue hair in the middle of the carriage.<br/>Despite the loud groans and claps, those around do not notice what is happening, or at least pretend not to notice. </span> </div> </div> <<elseif $EventEnc00 == 9 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a naked horned woman with blue hair whose face is covered in a thick layer of sperm.<br/>The people around her pretend not to notice her. </span> </div> </div> <<elseif $EventEnc00 == 10 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a naked Asian woman in your carriage.<br/>Neither she nor anyone else seems to care about her lack of clothing. </span> </div> </div> <<elseif $EventEnc00 == 11 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a man lifting a girl's dress and groping her ass.<br/>The girl calmly allows him to do this. </span> </div> </div> <<elseif $EventEnc00 == 12 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Off to the side, oblivious to those around you,<br/>a girl you don't know is busy sucking some man's dick. </span> </div> </div> <<elseif $EventEnc00 == 13 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a man fucking a horned woman in the middle of the carriage.<br/>The woman moans with pleasure with every thrust of his penis into her pussy. </span> </div> </div> <<elseif $EventEnc00 == 14 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a black woman squatting, her face covered in cum.<br/>The girl seems to be debating whether to swallow the cum in her mouth or spit it on the floor. </span> </div> </div> <<elseif $EventEnc00 == 15 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> In the middle of the carriage you see a naked woman<br/>who seems to be busy demonstrating her nakedness to those around her. </span> </div> </div> <<elseif $EventEnc00 == 16 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a skimpy Asian girl's breasts being groped.<br/>You feel uneasy because the girl has noticed your gaze and is looking back at you. You move away. </span> </div> </div> <<elseif $EventEnc00 == 17 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> One of the subway passengers, kneeling licks a man's penis.<br/>Everyone around, including the man, pretends that nothing is happening. </span> </div> </div> <<elseif $EventEnc00 == 18 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a woman with bright red hair leaning against the wall<br/>of a train car and taking male members into her pussy. </span> </div> </div> <<elseif $EventEnc00 == 19 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see an Asian woman kneeling with her mouth full of someone's cum. The woman looks pleased. </span> </div> </div> <<elseif $EventEnc00 == 20 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a naked Asian woman with big boobs walking by.<br/>As she walks past the men, the woman looks at their crotch. </span> </div> </div> <<elseif $EventEnc00 == 21 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You notice one of the passengers' breasts being groped by a man standing behind her.<br/>She pretends nothing is happening. </span> </div> </div> <<elseif $EventEnc00 == 22 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You see a young Asian woman on her knees sucking some guy's meat stick. </span> </div> </div> <<elseif $EventEnc00 == 23 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>In a carriage with seats, a beautiful black woman is being fucked in the pussy on one of them.<br/>It seems that the fucking does not bother those around her. </span> </div> </div> <<elseif $EventEnc00 == 24 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You notice a girl with a face smeared with thick sperm<br/>and move away so that she doesn’t get you dirty. </span> </div> </div> <<elseif $EventEnc00 == 25 and $WDay <= 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>In a carriage with seats, a beautiful horned<br/>girl happily sucks someone's dick. </span> </div> </div> <<elseif $EventEnc00 == 0 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You see an Asian woman with cum on her face.<br/>She seems surprised. </span> </div> </div> <<elseif $EventEnc00 == 1 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You see a naked woman with big breasts walking past you.<br/>Judging by the people around you, it's normal. </span> </div> </div> <<elseif $EventEnc00 == 2 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>One of the men gropes the breast of a female subway passenger.<br/>The girl does not pay attention to this. </span> </div> </div> <<elseif $EventEnc00 == 3 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You see a girl sucking the head of some man's penis with a smacking sound. </span> </div> </div> <<elseif $EventEnc00 == 4 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>A naked black woman is fucked in the middle of a crowded subway car.<br/>The girl seems relaxed and enjoying herself. </span> </div> </div> <<elseif $EventEnc00 == 5 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You see a horned girl with bright red hair whose face is covered in streaks of sperm.<br/>The girl seems confused. </span> </div> </div> <<elseif $EventEnc00 == 6 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>A beautiful naked woman walks past you,<br/>ignoring the greedy glances that accompany her. </span> </div> </div> <<elseif $EventEnc00 == 7 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You notice how one of the women sticks out her butt<br/>in front of the man standing behind her and he begins to massage it. </span> </div> </div> <<elseif $EventEnc00 == 8 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>Not far from you, a girl is busy sucking someone's dick. </span> </div> </div> <<elseif $EventEnc00 == 9 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You see a man lifting a naked girl.<br/>It looks like someone is about to get fucked and it doesn't look like the girl is against it. </span> </div> </div> <<elseif $EventEnc00 == 10 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>There is a woman sitting not far from you with her face covered in cum.<br/>It seems she doesn't know about it or it's normal for her. </span> </div> </div> <<elseif $EventEnc00 == 11 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You notice a girl wearing a coat.<br/>It looks like she's completely naked underneath. </span> </div> </div> <<elseif $EventEnc00 == 12 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>In a car with seats, you notice a black woman taking turns sucking the cocks of two men. </span> </div> </div> <<elseif $EventEnc00 == 13 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>Entering the almost empty carriage,<br/>you notice groans and splashing sounds and then see some woman being fucked in it. </span> </div> </div> <<elseif $EventEnc00 == 14 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You notice a girl sitting on her knees whose mouth is completely filled with thick sperm. </span> </div> </div> <<elseif $EventEnc00 == 15 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You see one of the passengers opening her clothes, exposing her breasts to the people around her.<br/>It doesn't look like the people around her are particularly interested. </span> </div> </div> <<elseif $EventEnc00 == 16 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>A black woman is sucking a young guy's cock.<br/>Judging by the expression on her face, she is enjoying the process. </span> </div> </div> <<elseif $EventEnc00 == 17 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>In a half-empty train car with seats that you recently entered, someone is fucking a naked Asian girl's pussy with a huge dick.<br/>They don't pay attention to you. </span> </div> </div> <<elseif $EventEnc00 == 18 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>In the middle of the subway car, a beautiful horned woman is squatting, her face thickly smeared with sperm.<br/>She looks extremely pleased. </span> </div> </div> <<elseif $EventEnc00 == 19 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>A girl on her knees licks a man's penis.<br/>The man periodically hits the girl's cheeks with his penis. </span> </div> </div> <<elseif $EventEnc00 == 20 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>In a half-empty train car with seats that you recently entered, someone is fucking a naked Asian girl's pussy.<br/>These people are in a very unusual position, it doesn't look like you could straighten up like that man. </span> </div> </div> <<elseif $EventEnc00 == 21 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>Kneeling with her face smeared in cum, the girl rolls the thick sperm around in her mouth<br/>with her tongue, apparently enjoying the taste. </span> </div> </div> <<elseif $EventEnc00 == 22 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>A naked black woman gives a blowjob to a man sitting opposite her. People around her do not pay attention. </span> </div> </div> <<elseif $EventEnc00 == 23 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>In a half-empty subway car, a man rhythmically lowers and lifts a naked girl onto his penis. </span> </div> </div> <<elseif $EventEnc00 == 24 and $WDay >= 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You see some man cumming stream after stream into the mouth of a girl who is sitting on her knees.<br/>Judging by the people around, these are unremarkable everyday life. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You notice a woman sitting on her knees with her face smeared with cum.<br/>She seems stunned. </span> </div> </div> </div> <</if>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Arousal +10<br/> Corruption +1</center> </div> </span></div> </div> <<Message "Arousal has increased">> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #attack-tooltip2 { position: fixed; top: 15%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While waiting for your station,<br/>you suddenly feel someone's hands on your body. </span> </div> </div> <<Message "Arousal has increased">> <div id="links-container00"> <div id="ButtonBack06"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>PUSH</strong>" $location>> <<set $Sub -= 15>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom += 15>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>PUSH</strong><br/> Domination +15<br/></center> </div> </span> </div> <div id="ButtonBack07"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>IGNORE</strong>" MHarassment_02>> <<set $Sub += 15>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 15>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>IGNORE</strong><br/> Arousal +10<br/> Corruption +2<br/> Submissiveness +15<br/></center> </div> </span> </div> </div> </div> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 15%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The man's advances become bolder and soon he is shamelessly groping your breasts and pinching your nipples.<br/>This is becoming increasingly arousing and perhaps it is time to stop. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The man's advances become bolder and soon another man joins in.<br/>You feel two hands on your ass, alternately stroking and squeezing it. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The man's advances become more insistent and soon you feel his hand on your pussy.<br/>He strokes and presses it through your clothes. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The man's advances become more insistent and soon you feel his hand on your pussy.<br/>He strokes and presses it through your clothes. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The man's advances become more insistent and soon you feel his hand on your pussy.<br/>He strokes and presses it through your clothes. </span> </div> </div> <</if>> <<Message "Arousal has increased">> <div id="links-container00"> <div id="ButtonBack06"><span class="btn2"> <<button "<strong>PUSH</strong>" $location>> <</button>> </span> </div> <div id="ButtonBack07"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>RELAX</strong>" >> <<if $Corr >= 15>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<goto "MHarassment_03">> <<else>> <<Message "You won't do this">> <</if>> <</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RELAX</strong><br/> Arousal +10<br/> Corruption +2<br/></center> </div> </span> </div> </div></div> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 15%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly the man takes his penis out of his pants and puts your hand on it.<br/>Confused, you stroke his penis, wondering if you should continue. </span> </div> </div> <<Message " ">> <div id="links-container00"> <div id="ButtonBack06"><span class="btn2"> <<button "<strong>PUSH</strong>" $location>> <</button>> </span> </div> <div id="ButtonBack07"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>CONTINUE</strong>" >> <<if $Corr >= 35>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<goto "MHarassment_04">> <<else>> <<Message "You won't do this">> <</if>> <</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Arousal +10<br/> Corruption +2<br/></center> </div> </span> </div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 15%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(13)>> /* Случайное число от 0 до 13 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Soon you feel the man pressing on your shoulders,<br/>lowering you to your knees in front of him and his penis is at the level of your eyes.<br/>In an extreme state of excitement, you grasp the head of his club with your lips<br/>and begin to suck rhythmically, enjoying the taste of a fresh penis in your mouth.<br/>The man periodically takes his penis out of your mouth in order to slap it on your lips. </span> </div> </div> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" >> <<goto "MHarassment_05">> <</button>> </span> </div> </div> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<Message "Arousal has increased">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 6 */ <div class="game-content"> <br/><br/> <br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Harassment/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly the man pulls his cock out of your mouth to cum all over your face, covering it with a thick layer of sperm.<br/>Wiping the last drops of cum off your lips, the man tucks his cock into his pants and walks away,<br/>leaving you sitting in the middle of the car with your mouth full of his sperm and your face smeared.<br/>Having <span class="madness03">swallowed the gift</span> left for you, you try to at least partially put yourself in order. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly the man pulls his cock out of your mouth to cum all over your face, covering it with a thick layer of sperm.<br/>Wiping the last drops of cum off your lips, the man tucks his cock into his pants and walks away,<br/>leaving you sitting in the middle of the car with your mouth full of his sperm and your face smeared. </span> </div> </div> <</if>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>> <</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Arousal +20<br/> -Piercing-</center> </div> </span> </div> </div> <<set $TTongueStampStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<set $Sperm to 1>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<Message "You feel a burning on your tongue">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 17%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you walk through your station, a <span class="madness00">strange drowsiness</span> falls upon you. </span> </div> </div> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" >> <<goto "MDream_02">> <</button>> </span> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div class="game-content"> <br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You are standing naked in the middle of a subway car.<br/>Feeling very excited, you begin to stroke your breasts, touching your erect nipples. </span> </div> </div> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" >> <<goto "MDream_03">> <</button>> </span> </div> </div> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(6)>> /* Случайное число от 0 до 6 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The men standing next to you begin to feel your naked ass and you instinctively stick it out,<br/>providing better access to your curves. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The men standing next to you begin to feel your naked ass and you instinctively stick it out,<br/>providing better access to your curves. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The men standing next to you begin to feel your naked ass and you instinctively stick it out,<br/>providing better access to your curves. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The men standing next to you begin to feel your naked ass and you instinctively stick it out,<br/>providing better access to your curves. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The men standing next to you begin to feel your naked breasts and you instinctively push them out,<br/>providing better access to your curves. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The men standing next to you begin to feel your naked breasts and you instinctively push them out,<br/>providing better access to your curves. </span> </div> </div> <<elseif $EventEnc00 == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The men standing next to you begin to feel your naked breasts and you instinctively push them out,<br/>providing better access to your curves. </span> </div> </div> <</if>> <<Message " ">> <div id="links-container00 "> <div id="ButtonBack06"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>STOP</strong>" >> <<set $Bim -= 1>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<set $Sub -= 15>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom += 15>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "MDream_06">> <</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>STOP</strong><br/> Arousal +10<br/> MindCurse -1<br/> Domination +15</center> </div> </span> </div> <div id="ButtonBack07"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" >> <<set $Bim += 2>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Sub += 15>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 15>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "MDream_04">> <</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>NEXT</strong><br/> Arousal +10<br/> MindCurse +2<br/> Corruption +2<br/> Submissiveness +15</center> </div> </span> </div> </div> </div> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 17%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 ==5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 100 and $Dom <= 99>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The men around you become more insistent and surround you from all sides.<br/>Some grab you, holding you in place, while others begin to eagerly grope your body with their hands.<br/>Your ass and chest feel many fingers running over them. Someone slips his hand under your clothes and begins to stroke your wet pussy. Another pinch on your erect nipple. The fingers penetrate deeper into your invitingly open, oozing cunt and you let out a long moan, feeling how the stranger moves them inside. You spread your legs and don't resist, submissively giving your body to the invaders. Enjoying how a crowd of unfamiliar men explores every inch of you, becoming more and more aggressive. </span> </div> </div> <<elseif $Sub <= 99 and $Dom >= 100>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The men around you become more insistent and surround you from all sides.<br/>Some grab you, holding you in place, while others begin to eagerly grope your body with their hands.<br/>Your ass and chest feel many fingers running over them. Someone slips his hand under your clothes and begins to stroke your wet pussy. Another pinch on your erect nipple. The fingers penetrate deeper into your invitingly open, oozing cunt and you let out a long moan, feeling how the stranger moves them inside. You try to resist but it's all in vain, strong male hands hold you tightly in place, while the rest of the strangers increasingly aggressively explore every inch of your body, forcing you to make louder and louder moans. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The men around you become more insistent and surround you from all sides.<br/>Some grab you, holding you in place, while others begin to eagerly grope your body with their hands.<br/>Your ass and chest feel many fingers running over them. Someone slips his hand under your clothes and begins to stroke your wet pussy. Another pinch on your erect nipple. The fingers penetrate deeper into your invitingly open, oozing cunt and you let out a long moan, feeling how the stranger moves them inside. The strangers explore your body more and more aggressively, while the juices from your swollen cunt are already starting to flow down your legs. </span> </div> </div> <</if>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" MDream_05>> <</button>> </span> </div> </div> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having experienced the strongest orgasm, your legs bend, and the stranger picks up your body, lifting it off the floor. You can no longer influence anything, submissively feeling how someone's penis settles into your hungry pussy. A moment and with one push it penetrates inside to its full length. You feel how a pair of large eggs hit you and the world blossoms with a new palette of sensations. When one man finishes and you feel a stream of sperm spurting from his penis, the man who came inside you is replaced by a new one. Everything is repeated again and again. Your holes are furiously pounded by a stranger in order to pump them with sperm to give way to the next subway passenger. You can only moan and scream with pleasure at the moment when your holes receive a new portion of cream, completely giving your body to the use of strangers. </span> </div> </div> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" MDream_06>> <</button>> </span> </div> </div> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $Metro to 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Metro/Dream/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly you wake up.<br/>It was all just a strange dream. It's strange how it could happen, because you weren't tired,<br/>but anyway you need to move on, especially since you've almost reached your station.<br/>With thoughts of a strange but exciting dream,<br/>you continue on your way. </span> </div> </div> <<Message "Arousal has increased">> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>> <</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Arousal +20<br/> MindCurse +1<br/> Corruption +1</center> </div> </span> </div> </div> <<set $Bim -= 1>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 16%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you're jogging, a man suddenly jumps out of the bushes and tries to grab you. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>When you sat down to catch your breath, suddenly an unfamiliar man jumps out of the bushes. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly you notice a threatening looking man behind you. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly, a dangerous-looking man emerges from the bushes and blocks your path. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>As you run along the path, someone grabs your hand and tries to pull you through the bushes. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While jogging, you notice a suspicious man following you. </span> </div> </div> <<elseif $EventEnc00 == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A man suddenly grabs you by the arm and tries to drag you into the bushes. </span> </div> </div> <<elseif $EventEnc00 == 7>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly you notice a threatening looking man behind you. </span> </div> </div> <<elseif $EventEnc00 == 8>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A man suddenly appears from the nearby bushes and tries to grab you. </span> </div> </div> <<elseif $EventEnc00 == 9>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Suddenly you notice a threatening looking man behind you. </span> </div> </div> <<elseif $EventEnc00 == 10>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly you notice a threatening looking man behind you. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "RUN AWAY">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(10)>> /* Случайное число от 0 до 10 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(25)>> /* Случайное число от 0 до 25 */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<set $Sub -= 3>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom += 3>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<if $Fit + $EventEnc01 >= $EventEnc02>> <<goto "JOGGING_01">> <<else>> <<goto "PDBandit_02">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RUN AWAY</strong><br/> Experience +5<br/> Domination +3<br/> Fitness check</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "FIGHT">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(7)>> /* Случайное число от 0 до 7 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(25)>> /* Случайное число от 0 до 25 */ <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $Sub -= 7>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom += 7>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<if $STR + $EventEnc01 >= $EventEnc02>> <<goto "JOGGING_01">> <<else>> <<goto "PDBandit_02">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>FIGHT</strong><br/> Experience +10<br/> Domination +7<br/> Strength check</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "STAND STILL">> <<set $DRep += 5>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<set $WRep += 5>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<set $ERep += 5>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> <<set $NRep += 5>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<set $Sub += 5>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 5>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "PDBandit_02">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>STAND STILL</strong><br/> Bad choice<br/> Submissiveness +5<br/> All Reputation +5</center> </div> </div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having dragged you deeper into the bushes, the man gives you a slap and you fall to the ground, exhausted. After which he begins to examine your clothes for valuables. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 1>> <<goto "PDBandit_03">> <<elseif $EventEnc00 == 2 and $Bea >= 20>> <<goto "PDBandit_03">> <<elseif $EventEnc00 == 2>> <<goto "JOGGING_01">> <<elseif $EventEnc00 == 0>> <<goto "JOGGING_01">> <</if>> <</link>></div> </div> </div> <<Message "You have been robbed!">> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 15, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 5>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> /* Уменьшение денег */ <<if $Money > 0>> <<set $Money to Math.max(0, Math.floor($Money * 0.3))>> <<run UIBar.setStoryElements()>> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(17)>> /* Случайное число от 0 до 17 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 300 and $Dom <= 299>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The robber began to tear off your clothes and then put you in a comfortable position for fucking.<br/>Taking out his meat club, he spat on your unfortunate hole and with one jerk entered you to the stop, knocking the breath out of your lungs. You are forced to lie there moaning with pleasure while he, groaning, with sharp movements of his hips, hammers his cock into your wet pussy.<br/>Soon the rapist speeds up and starts pounding your hole even faster, then freezes so that you can feel his cock shuddering inside you, filling your uterus with a huge portion of fresh cream. With a scream, you cum, spraying your juices far and wide. </span> </div> </div> <<elseif $Sub <= 299 and $Dom >= 300>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The robber began to tear off your clothes and then put you in a comfortable position for fucking.<br/>Taking out his meat club, he spat on your unfortunate hole and with one jerk entered you to the stop, knocking the breath out of your lungs. You are forced to lie there, moaning in pain, while he, groaning, with sharp movements of his hips, pounds his cock into your pussy.<br/>Soon the rapist speeds up and starts pounding your hole even faster, then freezes so that you can feel his cock shuddering inside you, filling your uterus with a huge portion of fresh cream. With a scream of pain, defeated by brute force, you take in portions of sperm one after another. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The robber began to tear off your clothes and then put you in a comfortable position for fucking.<br/>Taking out his meat club, he spat on your unfortunate hole and with one jerk entered you to the stop, knocking the breath out of your lungs. You are forced to endure while he, groaning, with sharp movements of his hips, hammers his cock into your pussy.<br/>Soon the rapist speeds up and begins to pound your hole even faster, after which he freezes so that you can feel how his cock shudders inside you and begins to fill your uterus with a huge portion of fresh cream. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "PDBandit_04">> <</link>></div> </div> </div> <<Message "You get fucked hard in the pussy">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(8)>> /* Случайное число от 0 до 8 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/039.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/040.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/042.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/043.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Day/044.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You lie dirty and naked on the damp ground, trying to recover from a powerful orgasm, while thick cum from the rapist flows out of your pussy in streams. You feel a cool breeze walking on your skin and a pleasant aching feeling in your tired cunt. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Defiled but not broken, you lie dirty and naked on the damp ground, trying to recover from a powerful orgasm, while thick cum from the rapist flows out of your pussy in streams. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You lie dirty and naked on the damp ground, trying to recover from a powerful orgasm,<br/>while thick cum from the rapist flows out of your pussy in streams. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<goto "JOGGING_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -15<br/> Arousal -40<br/> Corruption +3<br/> Madness +5<br/> All Reputation +5<br/> Vagina +8</center> </div> </div> </div> </div> <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Изменение репутации */ <<set $DRep += 5>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<set $WRep += 5>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<set $ERep += 5>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> <<set $NRep += 5>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> /* Следы спермы */ <<set $Sperm to 1>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 15, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Статистика */ <<set $SHumP += 1>> <<set $SRapP += 1>> <<set $SVagP += 1>> <<set $VaginaStatus += 8>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 5>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 40, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Suddenly you notice a threatening looking man behind you. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Suddenly, a dangerous-looking man emerges from the bushes and blocks your path. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Suddenly you notice a threatening looking man behind you. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run along the path, someone grabs your hand and tries to pull you through the bushes. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While jogging, you notice a suspicious man following you. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While jogging, you notice a suspicious man following you. </span> </div> </div> <<elseif $EventEnc00 == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While you're jogging, a man suddenly jumps out of the bushes and tries to grab you. </span> </div> </div> <<elseif $EventEnc00 == 7>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> When you sat down to catch your breath, suddenly an unfamiliar man jumps out of the bushes. </span> </div> </div> <<elseif $EventEnc00 == 8>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Suddenly you notice a threatening looking man behind you. </span> </div> </div> <<elseif $EventEnc00 == 9>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> A man suddenly grabs you by the arm and tries to drag you into the bushes. </span> </div> </div> <<elseif $EventEnc00 == 10>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> A man suddenly appears from the nearby bushes and tries to grab you. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "RUN AWAY">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(10)>> /* Случайное число от 0 до 10 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(25)>> /* Случайное число от 0 до 25 */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<set $Sub -= 3>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom += 3>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<if $Fit + $EventEnc01 >= $EventEnc02>> <<goto "JOGGING_01">> <<else>> <<goto "PNBandit_02">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RUN AWAY</strong><br/> Experience +5<br/> Domination +3<br/> Fitness check</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "FIGHT">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(7)>> /* Случайное число от 0 до 7 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(25)>> /* Случайное число от 0 до 25 */ <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $Sub -= 7>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom += 7>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<if $STR + $EventEnc01 >= $EventEnc02>> <<goto "JOGGING_01">> <<else>> <<goto "PNBandit_02">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>FIGHT</strong><br/> Experience +10<br/> Domination +7<br/> Strength check</center> </div> </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "STAND STILL">> <<set $DRep += 5>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<set $WRep += 5>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<set $ERep += 5>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> <<set $NRep += 5>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<set $Sub += 5>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 5>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "PNBandit_02">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>STAND STILL</strong><br/> Bad choice<br/> Submissiveness +5<br/> All Reputation +5</center> </div> </div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having dragged you deeper into the bushes, the man gives you a slap and you fall to the ground, exhausted. After which he begins to examine your clothes for valuables. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 1>> <<goto "PNBandit_03">> <<elseif $EventEnc00 == 2 and $Bea >= 20>> <<goto "PNBandit_03">> <<elseif $EventEnc00 == 2>> <<goto "JOGGING_01">> <<elseif $EventEnc00 == 0>> <<goto "JOGGING_01">> <</if>> <</link>></div> </div> </div> <<Message "You have been robbed!">> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 15, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 5>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> /* Уменьшение денег */ <<if $Money > 0>> <<set $Money to Math.max(0, Math.floor($Money * 0.3))>> <<run UIBar.setStoryElements()>> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(17)>> /* Случайное число от 0 до 17 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 300 and $Dom <= 299>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The robber began to tear off your clothes and then put you in a comfortable position for fucking.<br/>Taking out his meat club, he spat on your unfortunate hole and with one jerk entered you to the stop, knocking the breath out of your lungs. You are forced to lie there moaning with pleasure while he, groaning, with sharp movements of his hips, hammers his cock into your wet pussy.<br/>Soon the rapist speeds up and starts pounding your hole even faster, then freezes so that you can feel his cock shuddering inside you, filling your uterus with a huge portion of fresh cream. With a scream, you cum, spraying your juices far and wide. </span> </div> </div> <<elseif $Sub <= 299 and $Dom >= 300>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The robber began to tear off your clothes and then put you in a comfortable position for fucking.<br/>Taking out his meat club, he spat on your unfortunate hole and with one jerk entered you to the stop, knocking the breath out of your lungs. You are forced to lie there, moaning in pain, while he, groaning, with sharp movements of his hips, pounds his cock into your pussy.<br/>Soon the rapist speeds up and starts pounding your hole even faster, then freezes so that you can feel his cock shuddering inside you, filling your uterus with a huge portion of fresh cream. With a scream of pain, defeated by brute force, you take in portions of sperm one after another. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The robber began to tear off your clothes and then put you in a comfortable position for fucking.<br/>Taking out his meat club, he spat on your unfortunate hole and with one jerk entered you to the stop, knocking the breath out of your lungs. You are forced to endure while he, groaning, with sharp movements of his hips, hammers his cock into your pussy.<br/>Soon the rapist speeds up and begins to pound your hole even faster, after which he freezes so that you can feel how his cock shudders inside you and begins to fill your uterus with a huge portion of fresh cream. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "PNBandit_04">> <</link>></div> </div> </div> <<Message "You get fucked hard in the pussy">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/039.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/040.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/Night/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You lie dirty and naked on the damp ground, trying to recover from a powerful orgasm, while thick cum from the rapist flows out of your pussy in streams. You feel a cool breeze walking on your skin and a pleasant aching feeling in your tired cunt. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Defiled but not broken, you lie dirty and naked on the damp ground, trying to recover from a powerful orgasm, while thick cum from the rapist flows out of your pussy in streams. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You lie dirty and naked on the damp ground, trying to recover from a powerful orgasm,<br/>while thick cum from the rapist flows out of your pussy in streams. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<goto "JOGGING_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -15<br/> Arousal -40<br/> Corruption +3<br/> Madness +5<br/> All Reputation +5<br/> Vagina +8</center> </div> </div> </div> </div> <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Изменение репутации */ <<set $DRep += 5>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<set $WRep += 5>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<set $ERep += 5>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> <<set $NRep += 5>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> /* Следы спермы */ <<set $Sperm to 1>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 15, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Статистика */ <<set $SHumP += 1>> <<set $SRapP += 1>> <<set $SVagP += 1>> <<set $VaginaStatus += 8>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 5>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 40, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(72)>> /* Случайное число от 0 до 72 */ <div class="game-content"> <br/> <<if $EventEnc00 == 0 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 22 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 23 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 24 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 25 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 26 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 27 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 28 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 29 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 30 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 31 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 32 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 33 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 34 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 35 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 36 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 37 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 38 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 39 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 40 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 41 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 42 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 43 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 44 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 45 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 46 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 47 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 48 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 49 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 50 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 51 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 52 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 53 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 54 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 55 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 56 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 57 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 58 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 59 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 60 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 61 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 62 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 63 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 64 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 65 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 66 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 67 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 68 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 69 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 70 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 71 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 72 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/039.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/040.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/042.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/043.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/044.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/045.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/046.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/047.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/048.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/049.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/050.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/051.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/052.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/053.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/054.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 22 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/055.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 23 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/056.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 24 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/057.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 25 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/058.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 26 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/059.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 27 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/060.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 28 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/061.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 29 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/062.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 30 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/063.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 31 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/064.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 32 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/065.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 33 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/066.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 34 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/067.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 35 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/068.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 36 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/069.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 37 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/070.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 38 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/071.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 39 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/072.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 40 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/073.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 41 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/074.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 42 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/075.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 43 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/076.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 44 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/077.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 45 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/078.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 46 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/079.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 47 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/080.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 48 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/081.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 49 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/082.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 50 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/083.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 51 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/084.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 52 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/085.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 53 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/086.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 54 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/087.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 55 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/088.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 56 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/089.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 57 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/090.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 58 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/091.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 59 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/092.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 60 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/093.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 61 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/094.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 62 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/095.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 63 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/096.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 64 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/097.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 65 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/098.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 66 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/099.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 67 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/100.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 68 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/101.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 69 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/102.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 70 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/103.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 71 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/104.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 72 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Park/RandomGirl/105.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 >= 0 and $TDay >= 15 and $Sub >= 300 and $Dom <= 299>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Running past a deserted place, you notice a woman lying on the ground.<br/>The woman is naked and her body is covered in thick streaks of sperm. From her wide-open vagina, a powerful stream of sperm flows out and forms a whole puddle under her. Most likely, this woman was simply in the wrong place at the wrong time.<br/>You continue running, trying to drive away the images of how you could have been in her place. </span> </div> </div> <<elseif $EventEnc00 >= 0 and $TDay >= 15 and $Sub <= 299 and $Dom >= 300>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Running past a deserted place, you notice a woman lying on the ground.<br/>The woman is naked and her body is covered in thick streaks of sperm. From her wide-open vagina, a powerful stream of sperm flows out and forms a whole puddle under her. Most likely, this loser was simply in the wrong place at the wrong time.<br/>You continue your run, carefully examining the surrounding bushes. <strong>Constant vigilance!</strong> </span> </div> </div> <<elseif $EventEnc00 >= 0 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Running past a deserted place, you notice a woman lying on the ground. The woman is naked and her body is covered in thick streaks of sperm. From her wide-open vagina, a powerful stream of sperm flows out and forms a whole puddle under her.<br/>What happened here? </span> </div> </div> <<elseif $EventEnc00 == 0 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You witness a man roughly fucking a black woman in a deserted part of the park.<br/>Deciding not to investigate what is happening there, you continue running. </span> </div> </div> <<elseif $EventEnc00 == 1 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><br/>You witness a man roughly fucking a black woman in a deserted part of the park.<br/>Deciding not to investigate what is happening there, you continue running. </span> </div> </div> <<elseif $EventEnc00 == 2 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You witness a man roughly fucking a black woman in a deserted part of the park.<br/>Deciding not to investigate what is happening there, you continue running. </span> </div> </div> <<elseif $EventEnc00 == 3 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run, you first hear groans and the sound of bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket getting her ass pounded hard.<br/>They don't seem to need your help, so you keep running. </span> </div> </div> <<elseif $EventEnc00 == 4 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While running, you first hear moans and the claps of someone's bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket being fucked by several men.<br/>Not wanting to join in, you continue running further. </span> </div> </div> <<elseif $EventEnc00 == 5 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run, you first hear groans and the sound of bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket getting her pussy pounded hard.<br/>They don't seem to need your help, so you keep running. </span> </div> </div> <<elseif $EventEnc00 == 6 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run, you first hear groans and the sound of bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket getting her pussy pounded hard.<br/>They don't seem to need your help, so you keep running. </span> </div> </div> <<elseif $EventEnc00 == 7 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While running, you first hear moans and the claps of someone's bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket being fucked by several men.<br/>Not wanting to join in, you continue running further. </span> </div> </div> <<elseif $EventEnc00 == 8 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While running, you first hear moans and the claps of someone's bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket being fucked by several men.<br/>Not wanting to join in, you continue running further. </span> </div> </div> <<elseif $EventEnc00 == 9 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run, you first hear groans and the sound of bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket getting her ass pounded hard.<br/>They don't seem to need your help, so you keep running. </span> </div> </div> <<elseif $EventEnc00 == 10 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While running, you first hear moans and the claps of someone's bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket being fucked by several men.<br/>Not wanting to join in, you continue running further. </span> </div> </div> <<elseif $EventEnc00 == 11 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While running, you first hear moans and the claps of someone's bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket being fucked by several men.<br/>Not wanting to join in, you continue running further. </span> </div> </div> <<elseif $EventEnc00 == 12 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run, you first hear groans and the sound of bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket getting her ass pounded hard.<br/>They don't seem to need your help, so you keep running. </span> </div> </div> <<elseif $EventEnc00 == 13 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run, you first hear groans and the sound of bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket getting her pussy pounded hard.<br/>They don't seem to need your help, so you keep running. </span> </div> </div> <<elseif $EventEnc00 == 14 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run, you first hear groans and the sound of bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket getting her pussy pounded hard.<br/>They don't seem to need your help, so you keep running. </span> </div> </div> <<elseif $EventEnc00 == 15 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While running, you first hear moans and the claps of someone's bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket being fucked by several men.<br/>Not wanting to join in, you continue running further. </span> </div> </div> <<elseif $EventEnc00 == 16 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run, you first hear groans and the sound of bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket getting her pussy pounded hard.<br/>They don't seem to need your help, so you keep running. </span> </div> </div> <<elseif $EventEnc00 == 17 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run, you first hear groans and the sound of bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket getting her pussy pounded hard.<br/>They don't seem to need your help, so you keep running. </span> </div> </div> <<elseif $EventEnc00 == 18 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run, you first hear groans and the sound of bodies hitting each other,<br/>and then you notice a woman lying on a spread blanket getting her pussy pounded hard.<br/>They don't seem to need your help, so you keep running. </span> </div> </div> <<elseif $EventEnc00 == 19 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While jogging, you notice a black man in a quiet corner of the park<br/>brutally pounding an Asian woman's ass with his meat club.<br/>You continue your run, hearing the woman's moans and screams coming from the bushes. </span> </div> </div> <<elseif $EventEnc00 == 20 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While jogging, you notice a black man in a quiet corner of the park<br/>brutally pounding an Asian woman's cunt with his meat club.<br/>You continue your run, hearing the woman's moans and screams coming from the bushes. </span> </div> </div> <<elseif $EventEnc00 == 21 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While jogging, you notice a man fucking some Asian girl's ass in a quiet corner of the park.<br/>Ignoring the sounds of balls slapping and squelching coming from the bushes, you continue your run. </span> </div> </div> <<elseif $EventEnc00 == 22 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While jogging, you notice a man fucking some Asian girl's ass in a quiet corner of the park.<br/>Ignoring the sounds of balls slapping and squelching coming from the bushes, you continue your run. </span> </div> </div> <<elseif $EventEnc00 == 23 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While jogging, you notice a black man in a quiet corner of the park<br/>brutally pounding an Asian woman's ass with his meat club.<br/>You continue your run, hearing the woman's moans and screams coming from the bushes. </span> </div> </div> <<elseif $EventEnc00 == 24 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While jogging, you notice a man fucking some Asian girl's ass in a quiet corner of the park.<br/>Ignoring the sounds of balls slapping and squelching coming from the bushes, you continue your run. </span> </div> </div> <<elseif $EventEnc00 == 25 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While jogging, you notice a black man in a quiet corner of the park<br/>brutally pounding an Asian woman's ass with his meat club.<br/>You continue your run, hearing the woman's moans and screams coming from the bushes. </span> </div> </div> <<elseif $EventEnc00 == 26 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While jogging, you notice a man fucking some Asian girl's ass in a quiet corner of the park.<br/>Ignoring the sounds of balls slapping and squelching coming from the bushes, you continue your run. </span> </div> </div> <<elseif $EventEnc00 == 27 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While running, you notice how in a quiet corner of the park<br/>some guy rhythmically pulls an Asian woman onto his dick.<br/>She screams loudly with each thrust of his dick into her cunt.<br/>Probably her hole is not the right size. You continue running. </span> </div> </div> <<elseif $EventEnc00 == 28 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see some guy slowly fucking the ass of a woman you don't know.<br/>It looks like she's sleeping... or something like that.<br/>Anyway, you continue running. </span> </div> </div> <<elseif $EventEnc00 == 29 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a horned girl in a deserted part of the park.<br/>Both look pretty dirty.<br/>You continue running, thinking about buying a rug. </span> </div> </div> <<elseif $EventEnc00 == 30 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a horned girl in a deserted part of the park.<br/>Both look pretty dirty.<br/>You continue running, thinking about buying a rug. </span> </div> </div> <<elseif $EventEnc00 == 31 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a busty woman with bright red hair in a deserted part of the park.<br/>The woman moans and sways in time with the man's thrusts, and you continue to run. </span> </div> </div> <<elseif $EventEnc00 == 32 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a busty woman with bright red hair in a deserted part of the park.<br/>The woman moans and sways in time with the man's thrusts, and you continue to run. </span> </div> </div> <<elseif $EventEnc00 == 33 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a busty woman with bright red hair in a deserted part of the park.<br/>The woman moans and sways in time with the man's thrusts, and you continue to run. </span> </div> </div> <<elseif $EventEnc00 == 34 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a redhead woman with a big ass.<br/>Pausing between thrusts of his cock into her pussy, he slaps his hand against her huge ass.<br/>Leaving them to do what they do, you run on. </span> </div> </div> <<elseif $EventEnc00 == 35 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a redhead woman with a big ass.<br/>Pausing between thrusts of his cock into her pussy, he slaps his hand against her huge ass.<br/>Leaving them to do what they do, you run on. </span> </div> </div> <<elseif $EventEnc00 == 36 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a horned girl in a deserted part of the park.<br/>Both look pretty dirty.<br/>You continue running, thinking about buying a rug. </span> </div> </div> <<elseif $EventEnc00 == 37 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a redhead woman with a big ass and horns.<br/>Pausing between thrusts of his cock into her pussy, he slaps his hand against her huge ass.<br/>Leaving them to do what they do, you run on, thinking about the nuances of having horns. </span> </div> </div> <<elseif $EventEnc00 == 38 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a redhead girl in a deserted part of the park.<br/>Both look pretty dirty.<br/>You continue running, thinking about buying a new shampoo. </span> </div> </div> <<elseif $EventEnc00 == 39 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a guy pounding the ass of a horned woman with purple hair in a clearing among trees.<br/>Both are making annoying, unmelodic sounds, so you decide to keep running. </span> </div> </div> <<elseif $EventEnc00 == 40 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a guy fucking a naked, horned woman with purple hair in a clearing between the trees.<br/>The woman is eagerly waving at the man, who is dressed... like a ninja?<br/>Thinking about the oddities of modern fashion, you continue your run. </span> </div> </div> <<elseif $EventEnc00 == 41 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a busty woman with purple hair in a deserted part of the park.<br/>The woman moans and sways in time with the man's thrusts, and you continue to run. </span> </div> </div> <<elseif $EventEnc00 == 42 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a guy fucking a naked, horned woman with purple hair in a clearing between the trees.<br/>The woman is eagerly waving at the man, who is dressed... like a biker?<br/>Thinking about the fact that you haven't seen a single motorcycle in the city, you continue running. </span> </div> </div> <<elseif $EventEnc00 == 43 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a guy fucking a naked, horned woman with purple hair in a clearing between the trees.<br/>The woman is eagerly waving at the man.<br/>Thinking about how nice it would be to take a bath, you continue running. </span> </div> </div> <<elseif $EventEnc00 == 44 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a guy fucking a naked, horned woman with purple hair in a clearing between the trees.<br/>The woman is eagerly waving at the man, who is dressed... like a ninja?<br/>Thinking about the oddities of modern fashion, you continue your run. </span> </div> </div> <<elseif $EventEnc00 == 45 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Hearing the scream of a constipated deer,<br/>you notice a naked woman with purple hair being fucked in the ass by a menacing-looking man.<br/>Not wanting to know why she is screaming like that, you speed up your run. </span> </div> </div> <<elseif $EventEnc00 == 46 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a horned woman lying on the ground with her ass up, being fucked by some guy.<br/>It seems that such pictures are gradually becoming commonplace for you.<br/>Experiencing an existential crisis, you continue your run. </span> </div> </div> <<elseif $EventEnc00 == 47 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a couple fucking in a shaded part of the park.<br/>It would be really unnoticeable if it weren't for the lonely<br/>sounds of bodies hitting each other. </span> </div> </div> <<elseif $EventEnc00 == 48 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a guy fucking a naked, horned woman in a clearing between the trees.<br/>The woman is eagerly waving at the man, who is dressed.<br/>Wondering how much dry cleaning costs here, and whether there is any here at all,<br/>you continue running. </span> </div> </div> <<elseif $EventEnc00 == 49 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> In the shadows of the park you notice a couple fucking.<br/>Why are they all so drawn to the park?<br/>Reflecting on the oddities of this city you continue your run. </span> </div> </div> <<elseif $EventEnc00 == 50 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a man fucking a blond girl in a deserted part of the park.<br/>Both look pretty dirty. You continue running, thinking about buying a new shampoo. </span> </div> </div> <<elseif $EventEnc00 == 51 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a guy fucking a naked blonde in a clearing between the trees.<br/>The woman moans in time with the thrusts of the man, who is dressed... like a grim baker?<br/>Thinking about the oddities of modern fashion, you continue your run. </span> </div> </div> <<elseif $EventEnc00 == 52 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> In the shadows between the trees you notice a blonde on all fours,<br/>looking in surprise at the man fucking her. Deciding not to get into the complexities of local relationships, you continue running. </span> </div> </div> <<elseif $EventEnc00 == 53 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice another couple having fun outdoors.<br/>The man is holding the blonde's ass too tightly, either to keep her from running away or out of fear of missing the right hole.<br/>Leaving them to themselves, you continue your run. </span> </div> </div> <<elseif $EventEnc00 == 54 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a naked blonde with a huge raised ass,<br/>which some guy is trying on. Deciding not to wait for the continuation, you run on. </span> </div> </div> <<elseif $EventEnc00 == 55 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see a blonde on all fours being pounded by a guy in a deserted part of the park.<br/>The woman moans loudly with each blow of his balls on her ass. Without stopping, you run past. </span> </div> </div> <<elseif $EventEnc00 == 56 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run past, you notice a guy fucking another blonde in a deserted clearing.<br/>The blonde has a detached and confused look, it seems she just remembered that she forgot to lock the doors of her apartment or something like that. </span> </div> </div> <<elseif $EventEnc00 == 57 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Running past you notice how in a deserted clearing some guy is fucking another blonde.<br/>She rhythmically wags her ass at the man and has a serious and purposeful look ahead, as if she is doing a very responsible job. Leaving this strange couple you run forward. </span> </div> </div> <<elseif $EventEnc00 == 58 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> In the shadows of the park, you notice a man pounding the ass of a woman lying on the ground.<br/>She rhythmically sways and moans. You run on, not paying attention to them. </span> </div> </div> <<elseif $EventEnc00 == 59 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You notice a naked blonde with a huge raised ass,<br/>which some guy is trying on. Deciding not to wait for the continuation, you run on. </span> </div> </div> <<elseif $EventEnc00 == 60 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You see an Asian woman on all fours being fucked by some guy.<br/>Noticing nothing new for yourself, you run on. </span> </div> </div> <<elseif $EventEnc00 == 61 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> In a deserted part of the park you notice a white man fucking a black woman.<br/>Suddenly they both start screaming and you run away in fear, not understanding what is going on. </span> </div> </div> <<elseif $EventEnc00 == 62 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run along the path, you see a horned girl crawling out of the nearby bushes on all fours.<br/>Her ass is bare and there are traces of sperm on it. Leaving the girl to herself, you run on. </span> </div> </div> <<elseif $EventEnc00 == 63 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run along the path, you see a horned girl crawling out of the nearby bushes on all fours.<br/>Her ass is bare and there are traces of sperm on it. Leaving the girl to herself, you run on. </span> </div> </div> <<elseif $EventEnc00 == 64 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run along the path, you see a horned girl crawling out of the nearby bushes on all fours.<br/>Her ass is bare and there are traces of sperm on it, and her face has an angry and indignant expression. Leaving the girl to herself, you run on. </span> </div> </div> <<elseif $EventEnc00 == 65 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run along the path, you see an Asian girl crawling out of the nearby bushes on all fours.<br/>Her ass is bare and there are traces of sperm on it. Leaving the girl to herself, you run on. </span> </div> </div> <<elseif $EventEnc00 == 66 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run along the path, you see an Asian girl crawling out of the nearby bushes on all fours.<br/>Her ass is bare and there are traces of sperm on it. Leaving the girl to herself, you run on. </span> </div> </div> <<elseif $EventEnc00 == 67 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run along the path, you see an Asian girl crawling out of the nearby bushes on all fours.<br/>Her ass is bare and there are traces of sperm on it. Leaving the girl to herself, you run on. </span> </div> </div> <<elseif $EventEnc00 == 68 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run along the path, you see an Asian girl crawling out of the nearby bushes on all fours.<br/>Her ass is bare and there are traces of sperm on it. Leaving the girl to herself, you run on. </span> </div> </div> <<elseif $EventEnc00 == 69 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Running along the path, you see some naked Asian crawling out of the nearby bushes on all fours.<br/>Large traces of sperm can be seen on her body. Leaving the girl to herself, you run on. </span> </div> </div> <<elseif $EventEnc00 == 70 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run along the path, you see a black girl crawling out of the bushes nearby on all fours.<br/>Her bottom is bare and there are traces of sperm on it. Leaving the girl alone, you run on. </span> </div> </div> <<elseif $EventEnc00 == 71 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you run along the path, you see a black girl crawling out of the nearby bushes on all fours.<br/>Her ass is bare and there are traces of sperm on it, and her face has an angry and indignant expression. Leaving the girl to herself, you run on. </span> </div> </div> <<elseif $EventEnc00 == 72 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Running along the path, you see some naked black girl crawling out of the nearby bushes on all fours.<br/>Large traces of sperm can be seen on her body. Leaving the girl to herself, you run on. </span> </div> </div> <</if>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" JOGGING_01>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Arousal +10<br/> Corruption +1</center> </div> </span></div> </div> <<Message "Arousal has increased">> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #attack-tooltip2 { position: fixed; top: 15%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While exploring the area, you find yourself surrounded by a group of hostile men. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "RUN AWAY">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(10)>> /* Случайное число от 0 до 10 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(35)>> /* Случайное число от 0 до 35 */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<set $Sub -= 5>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom += 5>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<if $Fit + $EventEnc01 >= $EventEnc02>> <<goto "00">> <<else>> <<goto "SDBandit_02">> <</if>> <</link>></div></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RUN AWAY</strong><br/> Fitness check <br/></center> </div> <div id="ATTACK03" style="cursor: help;"> <div class="links01"> <<link "ASK TO LEAVE">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(100)>> /* Случайное число от 0 до 7 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(400)>> /* Случайное число от 0 до 25 */ <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $Sub += 8>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 8>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<if $DRep - $EventEnc01 <= $EventEnc02>> <<goto "00">> <<else>> <<goto "SDBandit_02">> <</if>> <</link>></div></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip3" class="tooltip-hidden"> <center><strong>ASK TO LEAVE</strong><br/> Reputation check <br/></center> </div> <div id="ATTACK04" style="cursor: help;"> <div class="links01"> <<link "STAND STILL">> <<set $DRep += 1>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<set $Sub += 15>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 15>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "SDBandit_02">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip4" class="tooltip-hidden"> <center><strong>STAND STILL</strong><br/> Bad choice <br/></center> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 15%; left: 50%; } /* Стиль всплывающей подсказки */ #attack-tooltip3 { position: fixed; top: 15%; left: 50%; } /* Стиль всплывающей подсказки */ #attack-tooltip4 { position: fixed; top: 15%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div class="game-content"> <br/><br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You are dragged by force into a dark alley and they start searching you for valuables. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <<if $EventEnc00 == 1>> <<goto "SDBandit_03_0">> <<elseif $EventEnc00 == 2 and $Bea >= 20>> <<goto "SDBandit_03_0">> <<elseif $EventEnc00 == 2>> <<goto "00">> <<elseif $EventEnc00 == 3>> <<goto "SDBandit_03_1">> <<elseif $EventEnc00 == 4 and $Bea >= 20>> <<goto "SDBandit_03_1">> <<elseif $EventEnc00 == 4>> <<goto "00">> <<elseif $EventEnc00 == 5>> <<goto "00">> <<elseif $EventEnc00 == 0>> <<goto "00">> <</if>> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -5<br/> Madness +2</center> </div> </div> <<Message "You have been robbed!">> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> /* Уменьшение денег */ <<if $Money > 0>> <<set $Money to Math.max(0, Math.floor($Money * 0.3))>> <<run UIBar.setStoryElements()>> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 15%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits rip off your excess clothes and put you on your knees, after which one of them takes out his dick and slaps it on your cheeks.<br/>It seems that in order to get out of here, you will have to service this gang of scoundrels.<br/>Opening your mouth, you give the first of them access to your throat.<br/>As you begin to suck his shaft, the bandit praises your ability to suck meat clubs in front of the other men who are in line to use your hole.<br/>Soon he presses your head, penetrating his dick deep into your throat and discharges a portion of sperm into your stomach.<br/>His place is taken by the next bandit and you obediently begin to suck a new dick. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits rip off your excess clothes and put you on your knees, after which one of them takes out his dick and slaps it on your cheeks.<br/>It seems that in order to get out of here, you will have to service this gang of scoundrels.<br/>The bandit clamps your nose with his hands and when you open your mouth to breathe,<br/>he penetrates there with his meat club. He roughly fucks your throat,<br/>forcibly pulling your mouth onto his shaft, not forgetting to advertise the merits of his new hole for fucking in front of the other men.<br/>After unloading a load of his cum deep into your throat,<br/>he passes the baton to another member of the gang. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits rip off your excess clothes and put you on your knees, after which one of them takes out his dick and slaps it on your cheeks.<br/>It seems that in order to get out of here, you will have to service this gang of scoundrels.<br/>Opening your mouth, you give the first of them access to your throat.<br/>The bandit roughly fucks your mouth while talking to the other members of the gang waiting for their turn.<br/>After some time, he fills your mouth with his smelly cum and forces you to swallow it.<br/>A new strong cock takes its place in your mouth. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 1>> <<goto "SDBandit_04_1">> <<elseif $EventEnc00 == 2 and $Bea >= 30>> <<goto "SDBandit_04_1">> <<elseif $EventEnc00 == 2>> <<goto "SDBandit_04_0">> <<elseif $EventEnc00 == 0>> <<goto "SDBandit_04_0">> <</if>> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -5<br/> Arousal +10<br/> Corruption +2<br/> Madness +2<br/> Slums Reputation +15</center> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Понижение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $DRep += 15>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Изменение статистики */ <<set $SOraP += 4>> <<set $SGruP += 1>> <<set $SRapP += 1>> <<set $SHumP += 1>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>After the gangsters decide that you have sucked enough of their cocks,<br/>they decide that they need to mark the bitch and come closer, pushing their cocks into your face.<br/>Jerking and slapping them on your cheeks and lips, they begin to cover them with thick layers of their cream.<br/>After admiring the work done, the men laugh and leave the alley,<br/>leaving you sitting alone, smeared with cum. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "00">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Arousal +10<br/> Corruption +1<br/> Madness +1<br/> Slums Reputation +5</center> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $DRep += 5>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Изменение статистики */ <<set $SOraP += 0>> <<set $SGruP += 0>> <<set $SRapP += 0>> <<set $SHumP += 0>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly your ass is lifted up and you feel the head of a thick cock against your pussy.<br/>When the bandit standing behind you enters your hole, you can only moan with a dick in your mouth.<br/>Waving at the bandit pounding you from behind, you forget yourself,<br/>dissolving in the sensations of the meat trunks using your holes. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly your ass is lifted up and you feel the head of a thick cock against your pussy.<br/>When the bandit standing behind you enters your hole, you can only moan with a dick in your mouth.<br/>Having firmly grabbed your ass, the man begins to forcefully drive his meat trunk into your hole.<br/>You have no choice but to be a toy for pleasure dangling between two trunks. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly your ass is lifted up and you feel the head of a thick cock against your pussy.<br/>When the bandit standing behind you enters your hole, you can only moan with a dick in your mouth.<br/>Soon you receive two charges of sperm in your holes at once and the free places are occupied again. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "SDBandit_05">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -5<br/> Arousal +15<br/> Corruption +3<br/> Madness +3<br/> Slums Reputation +10<br/> Vagina +15<br/> Anus +10<br/> -Piercing-</center> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 15, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $DRep += 10>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Изменение статистики */ <<set $SOraP += 2>> <<set $SGruP += 0>> <<set $SRapP += 0>> <<set $SHumP += 0>> <<set $SVagP += 1>> <<set $SAssP += 1>> <<set $VaginaStatus += 15>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> <<set $AnusStatus += 10>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateAnus()>> /* Следы спермы */ <<set $Sperm to 1>> /* пирсинг на половых губах */ <<set $TLabiaStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 3>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 24%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/039.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/040.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/042.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/043.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/044.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/045.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/046.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/047.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/048.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Lost count of how many cocks have been in your holes and how many total loads of sperm they've received,<br/>trying to catch your breath and come to your senses while thick sperm is dripping off your face. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "SDBandit_06">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Arousal +10<br/> Corruption +1<br/> Madness +1<br/> Slums Reputation +5</center> </div> </div> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $DRep += 5>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Следы спермы */ <<set $Sperm to 1>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(15)>> /* Случайное число от 0 до 15 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/049.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/050.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/051.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/053.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/054.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/055.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/056.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/057.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/058.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/059.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/060.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/061.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/062.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/063.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/064.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/065.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits tear off your excess clothes, after which they decide who will pound your holes in what order and move on to your pussy.<br/>While you had to wait for their decision, you managed to get into the situation and got wet,<br/>which is why the first member entered your hole quite easily and began to pound it quite well, stretching the walls.<br/>The bandit using your squelching pussy is glad that they got a good slut and advertises the merits of your pussy to his comrades,<br/>while you moan with pleasure from the feeling of a strong member.<br/>Soon he fills your pussy with a portion of fresh sperm and his place in your hole is occupied by the next bandit.<br/>One after another, they use you, not ignoring your ass. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits tear off your excess clothes, after which they decide who will pound your holes in what order and move on to your pussy.<br/>Trying to come up with a way out of this situation, you do not have time to react to how one of the bandits<br/>suddenly grabs you and enters his member along the entire length of your pussy.<br/>As he pounds his cock deep into your poor pussy over and over again, he tells his friends that everyone should try this great hole.<br/>Resigned to the inevitable, you feel his cock twitching inside you and then filling your womb with a load of cum,<br/>after which the next thug takes his place. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits tear off your excess clothes,<br/>after which they decide who will pound your holes in what order and move on to your pussy.<br/>Soon, one of the thugs moves in to your hole and starts pounding it hard.<br/>You feel his balls hitting your ass and he periodically pinches your bare breast.<br/>Withdrawing into yourself and starting to moan, you miss the moment when he unloads into your hole and<br/>the next bastard takes his place. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "SDBandit_06">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -5<br/> Arousal +10<br/> Corruption +3<br/> Madness +5<br/> Slums Reputation +20</center> Vagina +15<br/> Anus +10<br/> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $DRep += 20>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Изменение статистики */ <<set $SOraP += 0>> <<set $SGruP += 1>> <<set $SRapP += 1>> <<set $SHumP += 4>> <<set $SVagP += 3>> <<set $SAssP += 1>> <<set $VaginaStatus += 15>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> <<set $AnusStatus += 10>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateAnus()>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 5>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/066.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/067.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/068.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/069.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/070.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/071.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/072.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/073.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/074.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/DBandits/075.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/> You're on all fours in a dark alley as thick,<br/>sticky cum spurts out of your gangbanged cunt. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "00">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Arousal -40<br/> Corruption +1</center> </div> </div> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 40, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Следы спермы */ <<set $Sperm to 1>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 16%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While exploring the area, you find yourself surrounded by a group of hostile men. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "RUN AWAY">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(10)>> /* Случайное число от 0 до 10 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(35)>> /* Случайное число от 0 до 35 */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<set $Sub -= 5>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom += 5>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<if $Fit + $EventEnc01 >= $EventEnc02>> <<goto "00">> <<else>> <<goto "SNBandit_02">> <</if>> <</link>></div></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RUN AWAY</strong><br/> Fitness check <br/></center> </div> <div id="ATTACK03" style="cursor: help;"> <div class="links01"> <<link "ASK TO LEAVE">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(100)>> /* Случайное число от 0 до 7 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(400)>> /* Случайное число от 0 до 25 */ <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $Sub += 8>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 8>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<if $DRep - $EventEnc01 <= $EventEnc02>> <<goto "00">> <<else>> <<goto "SNBandit_02">> <</if>> <</link>></div></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip3" class="tooltip-hidden"> <center><strong>ASK TO LEAVE</strong><br/> Reputation check <br/></center> </div> <div id="ATTACK04" style="cursor: help;"> <div class="links01"> <<link "STAND STILL">> <<set $DRep += 1>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<set $Sub += 15>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 15>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<goto "SNBandit_02">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip4" class="tooltip-hidden"> <center><strong>STAND STILL</strong><br/> Bad choice <br/></center> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 15%; left: 50%; } /* Стиль всплывающей подсказки */ #attack-tooltip3 { position: fixed; top: 15%; left: 50%; } /* Стиль всплывающей подсказки */ #attack-tooltip4 { position: fixed; top: 15%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="game-content"> <br/><br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You are dragged by force into a dark alley and they start searching you for valuables. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <<if $EventEnc00 == 1>> <<goto "SNBandit_03_0">> <<elseif $EventEnc00 == 2 and $Bea >= 20>> <<goto "SNBandit_03_0">> <<elseif $EventEnc00 == 2>> <<goto "00">> <<elseif $EventEnc00 == 3>> <<goto "SNBandit_03_1">> <<elseif $EventEnc00 == 4 and $Bea >= 20>> <<goto "SNBandit_03_1">> <<elseif $EventEnc00 == 4>> <<goto "00">> <<elseif $EventEnc00 == 5>> <<goto "00">> <<elseif $EventEnc00 == 0>> <<goto "00">> <</if>> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -5<br/> Madness +2</center> </div> </div> <<Message "You have been robbed!">> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> /* Уменьшение денег */ <<if $Money > 0>> <<set $Money to Math.max(0, Math.floor($Money * 0.3))>> <<run UIBar.setStoryElements()>> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 15%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits rip off your excess clothes and put you on your knees, after which one of them takes out his dick and slaps it on your cheeks.<br/>It seems that in order to get out of here, you will have to service this gang of scoundrels.<br/>Opening your mouth, you give the first of them access to your throat.<br/>As you begin to suck his shaft, the bandit praises your ability to suck meat clubs in front of the other men who are in line to use your hole.<br/>Soon he presses your head, penetrating his dick deep into your throat and discharges a portion of sperm into your stomach.<br/>His place is taken by the next bandit and you obediently begin to suck a new dick. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits rip off your excess clothes and put you on your knees, after which one of them takes out his dick and slaps it on your cheeks.<br/>It seems that in order to get out of here, you will have to service this gang of scoundrels.<br/>The bandit clamps your nose with his hands and when you open your mouth to breathe,<br/>he penetrates there with his meat club. He roughly fucks your throat,<br/>forcibly pulling your mouth onto his shaft, not forgetting to advertise the merits of his new hole for fucking in front of the other men.<br/>After unloading a load of his cum deep into your throat,<br/>he passes the baton to another member of the gang. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits rip off your excess clothes and put you on your knees, after which one of them takes out his dick and slaps it on your cheeks.<br/>It seems that in order to get out of here, you will have to service this gang of scoundrels.<br/>Opening your mouth, you give the first of them access to your throat.<br/>The bandit roughly fucks your mouth while talking to the other members of the gang waiting for their turn.<br/>After some time, he fills your mouth with his smelly cum and forces you to swallow it.<br/>A new strong cock takes its place in your mouth. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 1>> <<goto "SNBandit_04_1">> <<elseif $EventEnc00 == 2 and $Bea >= 30>> <<goto "SNBandit_04_1">> <<elseif $EventEnc00 == 2>> <<goto "SNBandit_04_0">> <<elseif $EventEnc00 == 0>> <<goto "SNBandit_04_0">> <</if>> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -5<br/> Arousal +10<br/> Corruption +2<br/> Madness +2<br/> Slums Reputation +15</center> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Понижение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $DRep += 15>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Изменение статистики */ <<set $SOraP += 4>> <<set $SGruP += 1>> <<set $SRapP += 1>> <<set $SHumP += 1>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>After the gangsters decide that you have sucked enough of their cocks,<br/>they decide that they need to mark the bitch and come closer, pushing their cocks into your face.<br/>Jerking and slapping them on your cheeks and lips, they begin to cover them with thick layers of their cream.<br/>After admiring the work done, the men laugh and leave the alley,<br/>leaving you sitting alone, smeared with cum. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "00">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Arousal +10<br/> Corruption +1<br/> Madness +1<br/> Slums Reputation +5</center> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 0, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $DRep += 5>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Изменение статистики */ <<set $SOraP += 0>> <<set $SGruP += 0>> <<set $SRapP += 0>> <<set $SHumP += 0>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(16)>> /* Случайное число от 0 до 16 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/049.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/050.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/051.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/052.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/053.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/054.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/055.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/056.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/057.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/058.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/059.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/060.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/061.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/062.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/063.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/064.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/065.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits tear off your excess clothes, after which they decide who will pound your holes in what order and move on to your pussy.<br/>While you had to wait for their decision, you managed to get into the situation and got wet,<br/>which is why the first member entered your hole quite easily and began to pound it quite well, stretching the walls.<br/>The bandit using your squelching pussy is glad that they got a good slut and advertises the merits of your pussy to his comrades,<br/>while you moan with pleasure from the feeling of a strong member.<br/>Soon he fills your pussy with a portion of fresh sperm and his place in your hole is occupied by the next bandit.<br/>One after another, they use you, not ignoring your ass. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits tear off your excess clothes, after which they decide who will pound your holes in what order and move on to your pussy.<br/>Trying to come up with a way out of this situation, you do not have time to react to how one of the bandits<br/>suddenly grabs you and enters his member along the entire length of your pussy.<br/>As he pounds his cock deep into your poor pussy over and over again, he tells his friends that everyone should try this great hole.<br/>Resigned to the inevitable, you feel his cock twitching inside you and then filling your womb with a load of cum,<br/>after which the next thug takes his place. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The bandits tear off your excess clothes,<br/>after which they decide who will pound your holes in what order and move on to your pussy.<br/>Soon, one of the thugs moves in to your hole and starts pounding it hard.<br/>You feel his balls hitting your ass and he periodically pinches your bare breast.<br/>Withdrawing into yourself and starting to moan, you miss the moment when he unloads into your hole and<br/>the next bastard takes his place. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "SDBandit_06">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -5<br/> Arousal +10<br/> Corruption +3<br/> Madness +5<br/> Slums Reputation +20</center> Vagina +15<br/> Anus +10<br/> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $DRep += 20>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Изменение статистики */ <<set $SOraP += 0>> <<set $SGruP += 1>> <<set $SRapP += 1>> <<set $SHumP += 4>> <<set $SVagP += 3>> <<set $SAssP += 1>> <<set $VaginaStatus += 15>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> <<set $AnusStatus += 10>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateAnus()>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 5>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly your ass is lifted up and you feel the head of a thick cock against your pussy.<br/>When the bandit standing behind you enters your hole, you can only moan with a dick in your mouth.<br/>Waving at the bandit pounding you from behind, you forget yourself,<br/>dissolving in the sensations of the meat trunks using your holes. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly your ass is lifted up and you feel the head of a thick cock against your pussy.<br/>When the bandit standing behind you enters your hole, you can only moan with a dick in your mouth.<br/>Having firmly grabbed your ass, the man begins to forcefully drive his meat trunk into your hole.<br/>You have no choice but to be a toy for pleasure dangling between two trunks. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly your ass is lifted up and you feel the head of a thick cock against your pussy.<br/>When the bandit standing behind you enters your hole, you can only moan with a dick in your mouth.<br/>Soon you receive two charges of sperm in your holes at once and the free places are occupied again. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "SNBandit_05">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -5<br/> Arousal +15<br/> Corruption +3<br/> Madness +3<br/> Slums Reputation +10<br/> Vagina +15<br/> Anus +10<br/> -Piercing-</center> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 15, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $DRep += 10>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Изменение статистики */ <<set $SOraP += 2>> <<set $SGruP += 0>> <<set $SRapP += 0>> <<set $SHumP += 0>> <<set $SVagP += 1>> <<set $SAssP += 1>> <<set $VaginaStatus += 15>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> <<set $AnusStatus += 10>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateAnus()>> /* Следы спермы */ <<set $Sperm to 1>> /* пирсинг на половых губах */ <<set $TLabiaStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 3>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 24%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/039.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/040.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/042.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/043.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/044.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/045.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/046.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/047.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/048.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Lost count of how many cocks have been in your holes and how many total loads of sperm they've received,<br/>trying to catch your breath and come to your senses while thick sperm is dripping off your face. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "SNBandit_06">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Arousal +10<br/> Corruption +1<br/> Madness +1<br/> Slums Reputation +5</center> </div> </div> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $DRep += 5>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Следы спермы */ <<set $Sperm to 1>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/066.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/067.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/068.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/069.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/070.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/071.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/072.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/073.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/074.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/NBandits/075.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You're on all fours in a dark alley as thick,<br/>sticky cum spurts out of your gangbanged cunt. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "00">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Arousal -40<br/> Corruption +1</center> </div> </div> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 40, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Следы спермы */ <<set $Sperm to 1>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 16%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <<if $EventEnc00 == 0 and $TDay >= 15>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/00/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $TDay >= 15>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/00/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $TDay >= 15>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/00/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $TDay >= 15>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/00/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $TDay >= 15>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/00/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $TDay <= 14>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/00/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $TDay <= 14>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/00/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $TDay <= 14>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/00/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $TDay <= 14>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/00/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $TDay <= 14>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/00/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> <div id="ButtonBack05"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль для карты */ .map { position: relative; top: 30px; left: 20px; float: center; z-index: 1; } /* Контейнер для Текста по середине */ .TEXT-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: absolute; top: 410px; left: 450px; min-width: 1050px; min-height: 250px; max-width: 1050px; max-height:250px; display: flex; align-items: top; justify-content: center; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); transition: background-color 0.3s ease; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ position: absolute; top: 600px; left: 640px; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } .map2 { position: relative; top: -200px; z-index: 1; text-align: center; } #ButtonBack05 { position: relative; top: 0px; left: -50px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(12)>> /* Случайное число от 0 до 12 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12 and $TDay <= 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/RandomGirl/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley, you discover a huge mass of black tentacles wrapped around a busty blonde.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 1 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley, you discover a huge mass of black tentacles wrapped around a busty blonde.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 2 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley, you discover a huge mass of black tentacles wrapped around a busty blonde.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 3 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley, you discover a huge mass of black tentacles wrapped around a busty blonde.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 4 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley, you discover a huge mass of black tentacles wrapped around a busty blonde.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 5 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley, you discover a huge mass of black tentacles wrapped around a busty blonde.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 6 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley, you discover a huge mass of black tentacles wrapped around a busty blonde.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 7 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley you find a huge mass wrapped around a busty black woman.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 8 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley you find a huge mass wrapped around a busty black woman.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 9 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley you find a huge mass wrapped around a busty black woman.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 10 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley you find a huge mass wrapped around a busty black woman.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 11 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley you find a huge mass of tentacles wrapped around a busty Asian woman.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 12 and $TDay >= 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the night street in search of something interesting, you notice strange sounds coming from a dark alley.<br/>Entering the alley you find a huge mass of tentacles wrapped around a busty Asian woman.<br/>You run away from here as fast as you can. </span> </div> </div> <<elseif $EventEnc00 == 0 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a woman with purple hair on all fours. Cum is streaming out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 1 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a woman with purple hair on all fours. Cum is streaming out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 2 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a horned blonde on all fours. Cum is streaming out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 3 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a horned blonde on all fours. Cum is streaming out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 4 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a horned blonde on all fours. Cum is streaming out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 5 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a horned blonde on all fours. Cum is streaming out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 6 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a blonde woman on all fours. Cum is streaming out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 7 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a black woman on all fours. Cum is pouring out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 8 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a black woman on all fours. Cum is pouring out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 9 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a black woman on all fours. Cum is pouring out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 10 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a black woman on all fours. Cum is pouring out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 11 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a woman on all fours. Cum is pouring out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <<elseif $EventEnc00 == 12 and $TDay <= 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> While exploring the street for something interesting, you notice strange sounds coming from a dark alley.<br/>Entering an alley, you find a black Asian woman on all fours. Cum is pouring out of her pussy.<br/>This is clearly not what you are looking for, so you continue to explore the area. </span> </div> </div> <</if>> <<if $TDay >= 15>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Arousal +10<br/> MindCurse +2<br/> Madness +3<br/> Corruption +1</center> </div> </span></div> <<else>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Arousal +10<br/> Corruption +1</center> </div> </span></div> <</if>> <<if $TDay >= 15>> <<Message "Ỳ͎o̦̕u̴̲ ̡̹͓͟ś̴͉ͅȩ̷̸͎̠̟ę̨͏̣̫͔ ̵̶̱̼̤͎͜͠s҉̸̢͔̪̫̠͞ó̸͜͟͏͚̥̦̰̩m҉̸̶̥̻̹̞͉̀͢é̶̴̸̢̯̘̮͎͕̣̕t͏̸̛҉̢̧̳̪̩̮̮̠h̴̵̨̛͉̤͈̼̬͎̀́͡ͅí̵̸̷͈̹̟̫͇̹͠͡͠ͅn̷̶̨͘͝͡͏͖̜̥̳̳͖̟̟͟g̵̵̜̖̪̤̪̰̲͜͜͟͡͞͠ͅ">> <</if>> <<if $TDay >= 15>> <<run updateMadMinimum()>> <<set $Mad += 3>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Bim += 2>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <</if>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #attack-tooltip2 { position: fixed; top: 17%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <<if $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Treasure/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Treasure/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Treasure/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Treasure/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Treasure/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Treasure/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Treasure/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Treasure/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> While looking around, you find a treasure hidden by someone.<br/>Inside it there is both money and jewelry that can be sold at a pawn shop. </span> </div> </div> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> </div> <<Message "You received the jewelry">> /* Бонус к опыту */ <<set $Exp += 10>> <<run setup.checkLevelUp()>> /* Получение драгоценностей */ <<set $EventEnc to 0>> <<set $EventEnc to random(4)>> <<set $CLoot04 to Math.floor($CLoot04 + $EventEnc)>> <<set $CLoot04 to Math.clamp($CLoot04, 0, 30)>> /* Понижение Безумия */ <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack03 { position: relative; top: 260px; left: 880px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <<if $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Wallet/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Wallet/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Wallet/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Wallet/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Wallet/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Wallet/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> While looking around the area, you find someone's lost wallet lying on the ground. </span> </div> </div> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> </div> /* Бонус к опыту */ <<set $Exp += 10>> <<run setup.checkLevelUp()>> /* Получение денег */ <<set $EventEnc to 0>> <<set $EventEnc to random(40)>> <<set $Money to Math.floor($Money + 8 + $EventEnc)>> <<set $Money to Math.clamp($Money, 0, 9000)>> /* Понижение Безумия */ <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack03 { position: relative; top: 260px; left: 880px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <<if $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> While looking around the area, you discover a bag left unattended by someone.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(may contain money and jewelry)</span> </span> </div> </div> <div id="links-container00"> <div id="ButtonBack06"><span class="btn2"> <<button "<strong>STEAL</strong>" $location>> <<if $EventEnc00 >= 0>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $EventEnc to 0>> <<set $EventEnc to random(3)>> <<set $Money to Math.floor($Money + 6 + $EventEnc)>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $CLoot04 to Math.floor($CLoot04 + $EventEnc)>> <<set $CLoot04 to Math.clamp($CLoot04, 0, 30)>> <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<set $ERep += 8>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> <<run UIBar.setStoryElements()>> <</if>> <</button>></span></div> <div id="ButtonBack07"><span class="btn2"> <<button "<strong>LEAVE</strong>" $location>> <</button>> </span></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack03 { position: relative; top: 260px; left: 880px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack04 { position: relative; top: 260px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 260px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <<if $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> While looking around the area, you discover a bag left unattended by someone.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(may contain money and jewelry)</span> </span> </div> </div> <div id="links-container00"> <div id="ButtonBack06"><span class="btn2"> <<button "<strong>STEAL</strong>" $location>> <<if $EventEnc00 >= 0>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $EventEnc to 0>> <<set $EventEnc to random(3)>> <<set $Money to Math.floor($Money + 6 + $EventEnc)>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $CLoot04 to Math.floor($CLoot04 + $EventEnc)>> <<set $CLoot04 to Math.clamp($CLoot04, 0, 30)>> <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<set $DRep += 8>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<run UIBar.setStoryElements()>> <</if>> <</button>></span></div> <div id="ButtonBack07"><span class="btn2"> <<button "<strong>LEAVE</strong>" $location>> <</button>> </span></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack03 { position: relative; top: 260px; left: 880px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack04 { position: relative; top: 260px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 260px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <<if $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> While looking around the area, you discover a bag left unattended by someone.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(may contain money and jewelry)</span> </span> </div> </div> <div id="links-container00"> <div id="ButtonBack06"><span class="btn2"> <<button "<strong>STEAL</strong>" $location>> <<if $EventEnc00 >= 0>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $EventEnc to 0>> <<set $EventEnc to random(3)>> <<set $Money to Math.floor($Money + 6 + $EventEnc)>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $CLoot04 to Math.floor($CLoot04 + $EventEnc)>> <<set $CLoot04 to Math.clamp($CLoot04, 0, 30)>> <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<set $WRep += 8>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<run UIBar.setStoryElements()>> <</if>> <</button>></span></div> <div id="ButtonBack07"><span class="btn2"> <<button "<strong>LEAVE</strong>" $location>> <</button>> </span></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack03 { position: relative; top: 260px; left: 880px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack04 { position: relative; top: 260px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 260px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <<if $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Bag/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> While looking around the area, you discover a bag left unattended by someone.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(may contain money and jewelry)</span> </span> </div> </div> <div id="links-container00"> <div id="ButtonBack04"><span class="btn2"> <<button "<strong>STEAL</strong>" $location>> <<if $EventEnc00 >= 0>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $EventEnc to 0>> <<set $EventEnc to random(3)>> <<set $Money to Math.floor($Money + 6 + $EventEnc)>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $CLoot04 to Math.floor($CLoot04 + $EventEnc)>> <<set $CLoot04 to Math.clamp($CLoot04, 0, 30)>> <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<set $NRep += 8>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> <</if>> <</button>></span></div> <div id="ButtonBack05"><span class="btn2"> <<button "<strong>LEAVE</strong>" $location>> <</button>> </span></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack03 { position: relative; top: 260px; left: 880px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack04 { position: relative; top: 260px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 260px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<set $EventEnc00 to 0>> <<set $EventEnc00 to random(26)>> /* Случайное число от 0 до 26 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ /* Увеличение счетчика поиска */ <<set $INSPECTION_EAST += 1>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> <<if $EventEnc00 == 0>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 1>> <<goto "Treasure_01">> <<elseif $EventEnc00 == 2>> <<goto "EBag_01">> <<elseif $EventEnc00 == 3>> <<goto "EBag_01">> <<elseif $EventEnc00 == 4>> <<goto "EBag_01">> <<elseif $EventEnc00 == 5>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 6>> <<goto "SRandomGirl_01">> <<elseif $EventEnc00 == 7>> <<goto "SRandomGirl_01">> <<elseif $EventEnc00 == 8 and $EventEnc01 == 0>> <<goto "Potion01_01">> <<elseif $EventEnc00 == 8 and $EventEnc01 == 1>> <<goto "Potion05_01">> <<elseif $EventEnc00 == 9 and $EventEnc01 == 0>> <<goto "Potion01_01">> <<elseif $EventEnc00 == 9 and $EventEnc01 == 1>> <<goto "Potion05_01">> <<elseif $EventEnc00 == 10 and $EventEnc01 == 0>> <<goto "Potion01_01">> <<elseif $EventEnc00 == 10 and $EventEnc01 == 1>> <<goto "Potion05_01">> <<elseif $EventEnc00 == 11>> <<goto "Disinfection_01">> <<elseif $EventEnc00 == 12>> <<goto "Disinfection_01">> <<elseif $EventEnc00 == 13 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $ACrows == 0>> <<goto "CrowsRock_01">> <<elseif $EventEnc00 == 14 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $ACrows == 0>> <<goto "CrowsRock_01">> <<elseif $EventEnc00 == 15 and $TDay <= 14 and $PPot == 0>> <<goto "GipnoR_01">> <<elseif $EventEnc00 == 16 and $TDay <= 14 and $PPot == 0>> <<goto "GipnoR_01">> <<elseif $EventEnc00 == 17 and $TDay <= 14>> <<goto "VillageDayH01">> <<elseif $EventEnc00 == 17 and $TDay >= 15>> <<goto "VillageNightH01">> <<elseif $EventEnc00 == 18 and $TDay <= 14>> <<goto "VillageDayF01">> <<elseif $EventEnc00 == 18 and $TDay >= 15>> <<goto "VillageNightF01">> <<elseif $EventEnc00 == 19 and $TDay <= 14>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 20 and $TDay <= 14>> <<goto "Treasure_01">> <<elseif $EventEnc00 == 21 and $TDay <= 14>> <<goto "EBag_01">> <<elseif $EventEnc00 == 22 and $TDay <= 14 and $EventEnc01 == 0>> <<goto "VillageDayH01">> <<elseif $EventEnc00 == 22 and $TDay >= 15 and $EventEnc01 == 0>> <<goto "VillageNightH01">> <<elseif $EventEnc00 == 22 and $TDay <= 14 and $EventEnc01 == 1>> <<goto "VillageDayF01">> <<elseif $EventEnc00 == 22 and $TDay >= 15 and $EventEnc01 == 1>> <<goto "VillageNightF01">> <<elseif $EventEnc00 == 23 and $TDay <= 14>> <<goto "Tonik02">> <<elseif $EventEnc00 == 24 and $TDay <= 14>> <<goto "Tonik02">> <<elseif $EventEnc00 == 25 and $EventEnc01 == 0 and $TDay >= 15 and $GuildM == 1 and $PPot == 0>> <<goto "SityBattle02">> <<elseif $EventEnc00 == 25 and $EventEnc01 == 1 and $TDay >= 15 and $GuildM == 1 and $PPot == 0>> <<goto "SityBattle02">> <<elseif $EventEnc00 == 26 and $EventEnc01 == 0 and $TDay >= 15 and $GuildM == 1 and $PPot == 0>> <<goto "SityBattle02">> <<elseif $EventEnc00 == 26 and $EventEnc01 == 1 and $TDay >= 15 and $GuildM == 1 and $PPot == 0>> <<goto "SityBattle01">> <<else>> <<goto "INSPECTION_EAST">> <</if>> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<set $EventEnc00 to 0>> <<set $EventEnc00 to random(18)>> /* Случайное число от 0 до 18 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ /* Увеличение счетчика поиска */ <<set $INSPECTION_WEAST += 1>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> <<if $EventEnc00 == 0>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 1>> <<goto "Treasure_01">> <<elseif $EventEnc00 == 2>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 3>> <<goto "EBag_01">> <<elseif $EventEnc00 == 4>> <<goto "EBag_01">> <<elseif $EventEnc00 == 5>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 6>> <<goto "SRandomGirl_01">> <<elseif $EventEnc00 == 7>> <<goto "SRandomGirl_01">> <<elseif $EventEnc00 == 8 and $TDay <= 14 and $PPot == 0>> <<goto "Police_01">> <<elseif $EventEnc00 == 9 and $TDay <= 14 and $PPot == 0>> <<goto "Police_01">> <<elseif $EventEnc00 == 10>> <<goto "Potion03_01">> <<elseif $EventEnc00 == 11>> <<goto "Potion03_01">> <<elseif $EventEnc00 == 12 and $TDay <= 14 and $PPot == 0>>>> <<goto "GipnoR_01">> <<elseif $EventEnc00 == 13 and $TDay <= 14 and $PPot == 0>>>> <<goto "GipnoR_01">> <<elseif $EventEnc00 == 14 and $TDay <= 14 and $PPot == 0>> <<goto "Tonik01">> <<elseif $EventEnc00 == 15 and $TDay <= 14 and $PPot == 0>> <<goto "Tonik01">> <<elseif $EventEnc00 == 16 and $EventEnc01 == 0 and $TDay >= 15 and $GuildM == 1 and $PPot == 0>> <<goto "SityBattle02">> <<elseif $EventEnc00 == 16 and $EventEnc01 == 1 and $TDay >= 15 and $GuildM == 1 and $PPot == 0>> <<goto "SityBattle02">> <<elseif $EventEnc00 == 17 and $EventEnc01 == 0 and $TDay >= 15 and $GuildM == 1 and $PPot == 0>> <<goto "SityBattle01">> <<elseif $EventEnc00 == 17 and $EventEnc01 == 1 and $TDay >= 15 and $GuildM == 1 and $PPot == 0>> <<goto "SityBattle01">> <<else>> <<goto "INSPECTION_WEAST">> <</if>> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<set $EventEnc00 to 0>> <<set $EventEnc00 to random(26)>> /* Случайное число от 0 до 26 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(2)>> /* Случайное число от 0 до 2 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(1)>> /* Случайное число от 0 до 1 */ /* Увеличение счетчика поиска */ <<set $INSPECTION_DOCKS += 1>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> <<if $EventEnc00 == 0>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 1>> <<goto "Treasure_01">> <<elseif $EventEnc00 == 2>> <<goto "EBag_01">> <<elseif $EventEnc00 == 3>> <<goto "EBag_01">> <<elseif $EventEnc00 == 4 and $TDay <= 14 and $PPot == 0>> <<goto "SDBandit_01">> <<elseif $EventEnc00 == 4 and $TDay >= 15>> <<goto "SRandomGirl_01">> <<elseif $EventEnc00 == 5 and $TDay <= 14 and $PPot == 0>> <<goto "SDBandit_01">> <<elseif $EventEnc00 == 5 and $TDay >= 15>> <<goto "SRandomGirl_01">> <<elseif $EventEnc00 == 6 and $TDay <= 14>> <<goto "SRandomGirl_01">> <<elseif $EventEnc00 == 6 and $EventEnc02 == 0 and $TDay >= 15 and $PPot == 0>> <<goto "SNBandit_01">> <<elseif $EventEnc00 == 6 and $EventEnc02 == 1 and $TDay >= 15 and $PPot == 0>> <<goto "SityBattle02">> <<elseif $EventEnc00 == 7 and $TDay <= 14>> <<goto "SRandomGirl_01">> <<elseif $EventEnc00 == 7 and $EventEnc02 == 0 and $TDay >= 15 and $PPot == 0>> <<goto "SNBandit_01">> <<elseif $EventEnc00 == 7 and $EventEnc02 == 1 and $TDay >= 15 and $GuildM == 1 and $PPot == 0>> <<goto "SityBattle02">> <<elseif $EventEnc00 == 8 and $EventEnc02 == 0 and $TDay >= 15 and $PPot == 0>> <<goto "SNBandit_01">> <<elseif $EventEnc00 == 8 and $EventEnc02 == 1 and $TDay >= 15 and $GuildM == 1 and $PPot == 0>> <<goto "SityBattle02">> <<elseif $EventEnc00 == 9 and $EventEnc02 == 0 and $TDay >= 15 and $PPot == 0>> <<goto "SNBandit_01">> <<elseif $EventEnc00 == 9 and $EventEnc02 == 1 and $TDay >= 15 and $GuildM == 1 and $PPot == 0>> <<goto "SityBattle02">> <<elseif $EventEnc00 == 10>> <<goto "Treasure_01">> <<elseif $EventEnc00 == 11>> <<goto "Disinfection_01">> <<elseif $EventEnc00 == 12>> <<goto "Disinfection_01">> <<elseif $EventEnc00 == 13 and $EventEnc01 == 0>> <<goto "Potion02_02">> <<elseif $EventEnc00 == 13 and $EventEnc01 == 1>> <<goto "Potion03_02">> <<elseif $EventEnc00 == 13 and $EventEnc01 == 2>> <<goto "Potion04_01">> <<elseif $EventEnc00 == 14 and $EventEnc01 == 0>> <<goto "Potion02_02">> <<elseif $EventEnc00 == 14 and $EventEnc01 == 1>> <<goto "Potion03_02">> <<elseif $EventEnc00 == 14 and $EventEnc01 == 2>> <<goto "Potion04_01">> <<elseif $EventEnc00 == 15 and $EventEnc01 == 0>> <<goto "Potion02_02">> <<elseif $EventEnc00 == 15 and $EventEnc01 == 1>> <<goto "Potion03_02">> <<elseif $EventEnc00 == 15 and $EventEnc01 == 2>> <<goto "Potion04_01">> <<elseif $EventEnc00 == 16 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $ACrows == 0>> <<goto "CrowsSlums_01">> <<elseif $EventEnc00 == 17 and $TDay >= 6 and $TDay <= 17 and $BimTotal >= 30 and $Mad >= 15 and $ACrows == 0>> <<goto "CrowsSlums_01">> <<elseif $EventEnc00 == 18 and $TDay <= 14 and $PPot == 0>>>> <<goto "GipnoH_01">> <<elseif $EventEnc00 == 19 and $TDay <= 14 and $PPot == 0>>>> <<goto "GipnoH_01">> <<elseif $EventEnc00 == 20 and $TDay <= 14 and $PPot == 0>>>> <<goto "GipnoH_01">> <<elseif $EventEnc00 == 21 and $TDay <= 14>> <<goto "SlumsDay01">> <<elseif $EventEnc00 == 21 and $TDay >= 15>> <<goto "SlumsNight01">> <<elseif $EventEnc00 == 22 and $TDay <= 14>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 23 and $TDay <= 14>> <<goto "Treasure_01">> <<elseif $EventEnc00 == 24 and $TDay <= 14>> <<goto "EBag_01">> <<elseif $EventEnc00 == 25 and $TDay <= 14>> <<goto "SlumsDay01">> <<elseif $EventEnc00 == 25 and $TDay >= 15>> <<goto "SlumsNight01">> <<else>> <<goto "INSPECTION_DOCKS">> <</if>> /* параметры для осмотра областей */ <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<set $EventEnc00 to 0>> <<set $EventEnc00 to random(18)>> /* Случайное число от 0 до 18 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ /* Увеличение счетчика поиска */ <<set $INSPECTION_NORTH += 1>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> <<if $EventEnc00 == 0>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 1>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 2>> <<goto "EBag_01">> <<elseif $EventEnc00 == 3>> <<goto "EBag_01">> <<elseif $EventEnc00 == 4>> <<goto "EBag_01">> <<elseif $EventEnc00 == 5>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 6>> <<goto "SRandomGirl_01">> <<elseif $EventEnc00 == 7>> <<goto "SRandomGirl_01">> <<elseif $EventEnc00 == 8>> <<goto "Potion05_02">> <<elseif $EventEnc00 == 9>> <<goto "Potion05_02">> <<elseif $EventEnc00 == 10>> <<goto "INSPECTION_NORTH">> <<elseif $EventEnc00 == 11 and $TDay <= 14>> <<goto "CityDayH01">> <<elseif $EventEnc00 == 11 and $TDay >= 15>> <<goto "CityNightH01">> <<elseif $EventEnc00 == 12 and $TDay <= 14>> <<goto "CityDayF01">> <<elseif $EventEnc00 == 12 and $TDay >= 15>> <<goto "CityNightF01">> <<elseif $EventEnc00 == 13 and $TDay <= 14>> <<goto "Wallet_01">> <<elseif $EventEnc00 == 14 and $TDay <= 14>> <<goto "Treasure_01">> <<elseif $EventEnc00 == 15 and $TDay <= 14>> <<goto "EBag_01">> <<elseif $EventEnc00 == 16 and $TDay <= 14 and $EventEnc01 == 0>> <<goto "CityDayH01">> <<elseif $EventEnc00 == 16 and $TDay >= 15 and $EventEnc01 == 0>> <<goto "CityNightH01">> <<elseif $EventEnc00 == 16 and $TDay <= 14 and $EventEnc01 == 1>> <<goto "CityDayF01">> <<elseif $EventEnc00 == 16 and $TDay >= 15 and $EventEnc01 == 1>> <<goto "CityNightF01">> <<else>> <<goto "INSPECTION_NORTH">> <</if>> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Despite the intense arousal, you still manage to fall into a restless sleep.<br/>And you don't see how the doors of your apartment are moving,<br/>how the black mass of an incognizable creature is crawling,<br/>spreading across the floor and slowly approaching your bed. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "RMonster_02">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A black mass of tentacles climbs onto the bed and begins to slowly entangle your body.<br/>Despite what is happening, you do not wake up, whatever this creature is, it made sure that its victim was completely defenseless.<br/>Slippery black tentacles wander over your body and soon find the holes it needs.<br/>Mouth, pussy and ass become victims of the onslaught of chthonic abomination.<br/>You begin to moan in your sleep from the surprisingly pleasant and powerful sensations that the movements of thick tentacles<br/>bring and soon you cum, but this is only the beginning, and you still have the whole night ahead. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "RMonster_03">> <</link>></div> </div> </div> <<Message "x̸̴͓̯̜̱̲̰̹͙̓̄́̀̕n̸̰̲̪͇̲̠͇̑ͮ̾͠j̸̨̢̛̛͕͇̰̀͜͡ ̗̺͓̻̱̭ͩ̆̐́ͨ̐͡g̡̘̝̞͎̮̭̫͗̽ͭ͛̈́ͬ͛h̴̵̩͎̹̹͙̲̞̎ͧͬ͠j̨̛̜ͬ̉́͢͝͞͝c̐̇͡͝͏̢̗͓̣[̶̢̗̜͎̲̬̪͖̌̔̅ͅĵ̺̦̭͍̜ͭ͋͛̐ͭ̚͜l̲͓͉ͧ̃ͭ͡b̴̶̨̘̗͖̞̦͇ͧ͑ͤͥ͟͟͜͠n̂̏̏̔ͣ̐ͯ͟͞͏̢̛͓̥̭͖̰͘͜ͅͅ">> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<set $MP to Math.clamp($MP - 20, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Изменение статистики */ <<set $SOraP += 1>> <<set $SVagP += 1>> <<set $SAssP += 1>> <<set $STentP += 1>> <<set $Sperm to 1>> <<set $TBreastStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateMadMinimum()>> <<set $Mad += 10>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Bim += 10>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<set $ChestStatus += 60>> <<set $ChestStatus to Math.clamp($ChestStatus, 0, 1000)>> <<run updateBea()>> <<run setup.updateChest()>> <<set $AssStatus += 60>> <<set $AssStatus to Math.clamp($AssStatus, 0, 1000)>> <<run updateBea()>> <<run setup.updateAss()>> <<set $VaginaStatus += 60>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> <<set $AnusStatus += 60>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateAnus()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 100, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Monster01/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You wake up completely covered in a thick layer of white, sticky stuff.<br/>It flows out of your pussy and ass and onto the covers of your soaked bed.<br/>Irritated, you realize that it will take a lot of effort to clean yourself and your room,<br/>while completely ignoring the fact that all this got on you and any questions about it. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<if $HOME == 0>> <<goto "Flophouse_01">> <<elseif $HOME == 1>> <<goto "Residential_02">> <</if>> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Stamina -20<br/> MindCurse +10<br/> Madness +10<br/> Corruption +3<br/> Breast +60<br/> Ass +60<br/> Vagina +60<br/> Anus +60<br/> -Tattoo-</center> </div> </div> <<Message "Cleaning will require energy">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you are sleeping soundly in your bed, you cannot notice how someone pushes a small hose<br/>through the gap between the floor and the front door. With a quiet hiss,<br/>a cloudy white gas begins to flow through the hose into your apartment,<br/>filling most of the space in the rooms. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Apartament_02">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The hose disappears and the chemicals in the air dissipate,<br/>but what you have inhaled without realizing it is enough to keep you in such a deep sleep<br/>that you cannot wake up even when your front door is broken down<br/>and a stranger enters your apartment. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <<if $EventEnc00 == 1>> <<goto "Apartament_03_0">> <<elseif $EventEnc00 == 2 and $Bea >= 20>> <<goto "Apartament_03_0">> <<elseif $EventEnc00 == 2>> <<goto "Apartament_03_1">> <<elseif $EventEnc00 == 3>> <<goto "Apartament_03_0">> <<elseif $EventEnc00 == 4 and $Bea >= 20>> <<goto "Apartament_03_0">> <<elseif $EventEnc00 == 4>> <<goto "Apartament_03_1">> <<elseif $EventEnc00 == 5>> <<goto "Apartament_03_1">> <<elseif $EventEnc00 == 0>> <<goto "Apartament_03_1">> <</if>> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(8)>> /* Случайное число от 0 до 8 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A man who has entered your home carefully examines it for valuables<br/>until his wandering gaze rests on your body.<br/>Coming closer to the bed, he peers into your face,<br/>and then decides to combine business with pleasure<br/>and pulls down his pants. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 1>> <<goto "Apartament_04_1">> <<elseif $EventEnc00 == 2 and $Bea >= 30>> <<goto "Apartament_04_1">> <<elseif $EventEnc00 == 2>> <<goto "Apartament_04_0">> <<elseif $EventEnc00 == 0>> <<goto "Apartament_04_0">> <</if>> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(8)>> /* Случайное число от 0 до 8 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The stranger climbs onto the bed and turns you into a more comfortable position for him.<br/>Then, pressing his dick into your face, he slaps it several times on your nose,<br/>cheeks and lips, checking how deeply you sleep.<br/>Having made sure that his victim is not going to wake up anytime soon,<br/>he begins to push his tense member between your lips.<br/>Being intoxicated by the strange gas that has penetrated your apartment, you are unable to resist or even realize<br/>that some stranger is enjoying your mouth, making rhythmic thrusts of his pelvis. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Apartament_05_0">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/> After cumming in your mouth a couple of times,<br/>the stranger decides to leave obvious evidence of his presence by painting your face with his sperm.<br/>And cumming on your face, he leaves the apartment, only on the street remembers<br/>that the purpose of his visit was your things... well, that means he will come here another time.<br/>You wake up in the morning and find the door open and your face covered in sperm. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<if $HOME == 0>> <<goto "Flophouse_01">> <<elseif $HOME == 1>> <<goto "Residential_02">> <</if>> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Madness +1<br/> Corruption +2<br/> Slums Reputation +5</center> </div> </div> <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Изменение репутации */ <<set $DRep += 5>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Изменение статистики */ <<set $SOraP += 1>> <<set $SHumP += 1>> <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Sperm to 1>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(15)>> /* Случайное число от 0 до 15 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/039.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/040.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/042.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/043.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/044.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/045.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/046.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/047.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/048.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/049.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/050.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> The stranger climbs onto the bed and turns you into a more comfortable position for him.<br/>Then, putting a condom on his penis, he slaps it on your ass, checking how deeply you sleep.<br/>Making sure that his victim is not going to wake up anytime soon, he begins to push his tense penis into your pussy.<br/>Being intoxicated by the strange gas that has penetrated your apartment, you are unable to resist<br/>or even realize that some man is enjoying your pussy, making rhythmic thrusts of his pelvis.<br/>Feeling the thrusts of some thick and long object in your wet hole,<br/>you moan in your sleep, only intensifying the stranger using your honey pot.<br/>After a while he cums and after thinking, takes out the next condom, annoyed at their small supply. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Apartament_05_1">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/051.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/052.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/053.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/054.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/055.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/056.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/057.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/058.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/059.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/060.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Human01/061.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having finished covering your body with his sperm, the man leaves the apartment<br/>and only on the street remembers that the purpose of his visit was your belongings...<br/>well, then he will come here another time... and take more condoms.<br/>You wake up in the morning to find the door open, your body covered in a thick layer of someone's sperm<br/>and a pulling feeling in your used pussy from which the excess cream pumped into it by a stranger is still flowing. </span> </div> </div> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<if $HOME == 0>> <<goto "Flophouse_01">> <<elseif $HOME == 1>> <<goto "Residential_02">> <</if>> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Madness +2<br/> Corruption +3<br/> Slums Reputation +10<br/> Vagina +8</center> </div> </div> <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Изменение репутации */ <<set $DRep += 10>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> /* Изменение статистики */ <<set $SVagP += 1>> <<set $SHumP += 1>> <<run updateMadMinimum()>> <<set $Mad += 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Sperm to 1>> <<set $VaginaStatus += 8>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Robbed/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Robbed/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Robbed/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Robbed/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Apartament/Robbed/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Waking up in the morning, you find the door to your apartment open<br/>and the fact that someone has robbed you of part of your savings.<br/>Maybe you should change your apartment? <br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(money stored in a bank cannot be stolen, but its storage costs 2% of the amount per day)</span> </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<if $HOME == 0>> <<goto "Flophouse_01">> <<elseif $HOME == 1>> <<goto "Residential_02">> <</if>> <</link>></div> </div> </div> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> /* Уменьшение денег */ <<if $Money > 0>> <<set $Money to Math.max(0, Math.floor($Money * 0.5))>> <<run UIBar.setStoryElements()>> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div style="text-align: center;"><h2>PUBLIC TOILET</h2></div> <div style="text-align: center;"><img src="img/Locations/Special/PublicToilet_01.jpg" class="centerImage" style="max-width:100%;"></div> <div style="text-align: center;">A dirty public toilet, done in blue tones with many cubicles. The usual unpleasant smell for such places is absent, and the place itself feels elusively wrong.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|EaQuarter_02]] </div> <div class="links-container01"> <div class="links01"> <<link "🧼 WASH FACE">> <<Message "You washed your face<br/>You cleaned the clothes">> <<set $Sperm to 0>> <<set $Bimbo to 0>> <<run UIBar.setStoryElements()>> <</link>></div> <div class="links01"> <<link "💄 APPLY MAKEUP">> <<Message "You apply a layer of makeup">> <<set $Bimbo to 1>> <<run UIBar.setStoryElements()>> <</link>></div> <div class="links01"> <<link "🔍 MIRROR">> <<goto "MIRROR_00">> <</link>> </div></div> <div class="links-container03"> <<link "SUSPICIOUS CABIN 🔴">> <<goto "BGlory_01">> <</link>> </div></div> <<set $location to "PublicToilet_01">> <<Message "Strange place">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div style="text-align: center;"><h2>PUBLIC TOILET</h2></div> <div style="text-align: center;"><img src="img/Locations/Special/PublicToilet_02.jpg" class="centerImage" style="max-width:100%;"></div> <div style="text-align: center;">A dirty public toilet, done in red tones, with many cubicles. The usual unpleasant smell for such places is absent, and the place itself feels elusively wrong.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|WeQuarter_01]] </div> <div class="links-container01"> <div class="links01"> <<link "🧼 WASH FACE">> <<Message "You washed your face<br/>You cleaned the clothes">> <<set $Sperm to 0>> <<set $Bimbo to 0>> <<run UIBar.setStoryElements()>> <</link>></div> <div class="links01"> <<link "💄 APPLY MAKEUP">> <<Message "You apply a layer of makeup">> <<set $Bimbo to 1>> <<run UIBar.setStoryElements()>> <</link>></div> <div class="links01"> <<link "🔍 MIRROR">> <<goto "MIRROR_00">> <</link>> </div></div> <div class="links-container03"> <<link "SUSPICIOUS CABIN 🔴">> <<goto "RGlory_01">> <</link>> </div></div> <<set $location to "PublicToilet_02">> <<Message "Strange place">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/><br/> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/001.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You walk into an empty toilet stall with a hole in one of the walls.<br/>You can't see anything through the darkness in the hole.<br/>Among the obscene graffiti on the walls, ONE BLOWJOB = 5 UNITS stands out. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "LEAVE">> <<goto "PublicToilet_02">> <</link>></div> <div class="links01"> <<if $BimTotal >= 60>> <<link "KNEEL DOWN">> <<goto "RGlory_02">> <</link>><</if>></div> <div class="links01"> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/><br/> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/002.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You are sure that there can be no one behind the wall, but suddenly a large and thick member sticks out of the hole.<br/>One of the signs on the wall turns into DICKS SERVED: $RCOCS </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "LEAVE">> <<goto "PublicToilet_02">> <</link>></div> <div class="links01"> <<link "TAKE IN MOUTH">> <<if $Corr <= 29>> <<Message "You don't like the idea of sucking<br/>random cocks in a glory hole">> <<elseif $TDay == 20>> <<Message "Too late for sucking cocks">> <<else>> <<goto "RGlory_03">> <</if>> <</link>></div> <div class="links01"> <<link "HIT THE COCK">> <<Message "You are afraid provoking <strong>supernatural</strong>">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(21)>> /* Случайное число от 0 до 21 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<if $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 0 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having received a <span class="madness03">load of cum in your mouth</span> and on your face,<br/>you <span class="madness03">swallow the cream</span> and feel the vibration in your wallet.<br/>The cock that shot into you disappears into the glory hole, leaving you alone. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 1 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having <span class="madness03">swallowed your gift</span> to the last drop<br/>and smeared the cum on your face in an attempt to clean it up, you feel the vibration in your wallet.<br/>The stranger's cock disappears into the glory hole. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 2 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><span class="madness03">Swallowing all the cum</span> that has accumulated in your <span class="madness03">slutty mouth,</span><br/>you feel the vibration in your wallet.<br/>And see how the meat club disappears into the glory hole. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 3 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The stranger's cock covers your face and mouth with its thick and smelly cum<br/>and you swallow, after which you feel the vibration in your wallet.<br/>The cock disappears into the darkness of the glory hole. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 4 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having filled your mouth and face with smelly and sticky sperm,<br/>the cock disappears into the gloryhole and you swallow your <span class="madness03">delicious gift</span><br/>You feel the vibration in your wallet. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200 and $EventEnc01 == 0 and $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having received a stream of <span class="madness03">cream in your mouth</span> and on your face,<br/>you spit the sperm into the toilet and feel the vibration in your wallet.<br/>The stranger's cock disappears into the gloryhole. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200 and $EventEnc01 == 1 and $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having filled your mouth with his viscous sperm, the stranger's cock disappears into the darkness of the gloryhole<br/>and you spit the sperm out of your mouth and feel the vibration in your wallet. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200 and $EventEnc01 == 2 and $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having finished filling your mouth and face with cream,<br/>the cock leaves your lips and mouth, disappearing into the darkness of the gloryhole.<br/>Having finished spitting out the smelly sperm, you feel your wallet vibrate. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200 and $EventEnc01 == 3 and $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The cock you suck leaves you with a mouth full of cum and a face smeared with it.<br/>Spitting out <span class="madness03">your gift</span>, you feel your wallet vibrating. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200 and $EventEnc01 == 4 and $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Feeling the cock pulsating in your mouth, you receive a charge of cum in your throat and on your face.<br/>Having cleared your throat, you feel your wallet vibrate and become heavier. </span> </div> </div> <<elseif $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly, a stream of cum from the cock you suck hits your throat and fills your mouth.<br/>Releasing it from your mouth, you receive a couple of streams of cream on your face,<br/>after which the cock disappears into the space behind the gloryhole.<br/>You feel your wallet vibrate. </span> </div> </div> <<elseif $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having filled your mouth with its cum, the sucked meat club leaves you,<br/>finally shooting a couple of powerful streams of cream into your face.<br/>You feel your wallet become heavier and vibrate. </span> </div> </div> <<elseif $EventEnc01 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The meat club in your mouth starts to pulsate, filling it with its smelly and sticky sperm.<br/>Releasing it from his mouth, he splashes your face and disappears into the glory hole.<br/>Your wallet vibrates. </span> </div> </div> <<elseif $EventEnc01 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Your mouth is gradually filled with sperm, and then with a smacking sound,<br/>the member leaves it, disappearing into the darkness of the glory hole.<br/>Your wallet vibrates to signal the reward received for <span class="madness03">sucking his cock.</span> </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having splattered your face and filled your mouth,<br/>the stranger's member leaves you, leaving behind a huge amount of sperm as a souvenir.<br/>Your wallet vibrates to signal the reward. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<goto "RGlory_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +3<br/> Stamina -5<br/> Arousal +7<br/> Corruption +1<br/> MindCurse +1<br/> Western Reputation +3<br/> Money +5</center> </div> </div> </div></div> <<set $RCOCS += 1>> <<set $TDay += 1>> <<if $BCOCS >= 3 and $RCOCS >= 3>> <<set $TFootStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</if>> /* Изменение репутации */ <<set $WRep += 3>> <<set $WRep to Math.clamp($DRep, 0, 1000)>> <<run updateWTitle()>> /* Изменение статистики */ <<set $SOraP += 1>> <<set $SHumP += 1>> <<set $SGloP += 1>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 7, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Бонус к опыту */ <<set $Exp += 3>> <<run setup.checkLevelUp()>> <<set $Sperm to 1>> <<set $Bim += 1>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<set $Money += 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(13)>> /* Случайное число от 0 до 13 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<if $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 0 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Enthusiastically <span class="madness03">sucking on the stranger's cock</span> and running your tongue along its shaft.<br/>You enjoy its entire palette of taste. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 1 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You actively suck <span class="madness03">enjoying another cock</span> in your mouth<br/>and the realization of what a <span class="madness03">slut</span> you are. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 2 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You actively move your head and tongue along the <span class="madness03">cock in your mouth</span><br/>in order to give as much pleasure as possible to the owner of this huge dick. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 3 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You are turned on by the realization of how you have stooped to <span class="madness03">sucking strangers' cocks</span> in a public toilet,<br/>which makes you <span class="madness03">push the cock in your mouth</span> even harder. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 4 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>With a smacking sound, sucking the <span class="madness03">cock in your mouth,</span><br/>you are happy that you can get money for <span class="madness03">your favorite activity.</span> </span> </div> </div> <<elseif $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having wrapped your lips around the huge red head, you began to gently <span class="madness03">suck the stranger's cock</span>,<br/>gradually <span class="madness03">taking it deeper</span> and deeper into your mouth. </span> </div> </div> <<elseif $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having placed the <span class="madness03">cock in your mouth,</span> you began to gently suck on it,<br/>moving your head and pushing it into your throat. </span> </div> </div> <<elseif $EventEnc01 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having taken the stranger's <span class="madness03">cock into your mouth,</span><br/>you began to make circular movements with your tongue on his cock in your mouth. </span> </div> </div> <<elseif $EventEnc01 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having received <span class="madness03">another cock in your mouth</span>,<br/>you began to gently suck on it,<br/>pushing this meat club deeper and <span class="madness03">deeper into your throat.</span> </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You took the <span class="madness03">cock into your mouth</span> and began to <span class="madness03">diligently suck</span> on someone's meat club,<br/>feeling how it periodically rests against your inner cheek. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "RGlory_04">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/><br/> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/039.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You walk into an empty toilet stall with a hole in one of the walls.<br/>You can't see anything through the darkness in the hole.<br/>Among the obscene graffiti on the walls, ONE BLOWJOB = 5 UNITS stands out. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "LEAVE">> <<goto "PublicToilet_01">> <</link>></div> <div class="links01"> <<if $BimTotal >= 60>> <<link "KNEEL DOWN">> <<goto "BGlory_02">> <</link>><</if>></div> <div class="links01"> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/><br/><br/> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/040.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You are sure that there can be no one behind the wall, but suddenly a large and thick member sticks out of the hole.<br/>One of the signs on the wall turns into DICKS SERVED: $BCOCS </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "LEAVE">> <<goto "PublicToilet_01">> <</link>></div> <div class="links01"> <<link "TAKE IN MOUTH">> <<if $Corr <= 29>> <<Message "You don't like the idea of sucking<br/>random cocks in a glory hole">> <<elseif $TDay == 20>> <<Message "Too late for sucking cocks">> <<else>> <<goto "BGlory_03">> <</if>> <</link>></div> <div class="links01"> <<link "HIT THE COCK">> <<Message "You are afraid provoking <strong>supernatural</strong>">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(13)>> /* Случайное число от 0 до 13 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/042.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/043.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/044.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/045.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/046.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/047.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/048.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/049.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/050.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/051.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/052.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/053.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/054.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<if $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 0 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Enthusiastically <span class="madness03">sucking on the stranger's cock</span> and running your tongue along its shaft.<br/>You enjoy its entire palette of taste. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 1 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You actively suck <span class="madness03">enjoying another cock</span> in your mouth<br/>and the realization of what a <span class="madness03">slut</span> you are. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 2 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You actively move your head and tongue along the <span class="madness03">cock in your mouth</span><br/>in order to give as much pleasure as possible to the owner of this huge dick. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 3 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You are turned on by the realization of how you have stooped to <span class="madness03">sucking strangers' cocks</span> in a public toilet,<br/>which makes you <span class="madness03">push the cock in your mouth even harder.</span> </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 4 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>With a smacking sound, sucking the <span class="madness03">cock in your mouth,</span></span><br/>you are happy that you can get money for <span class="madness03">your favorite activity.</span> </span> </div> </div> <<elseif $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having wrapped your lips around the huge red head, you began to gently <span class="madness03">suck the stranger's cock,</span><br/>gradually taking it deeper and deeper into your mouth. </span> </div> </div> <<elseif $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having placed the <span class="madness03">cock in your mouth,</span> you began to gently suck on it,<br/>moving your head and <span class="madness03">pushing it into your throat.</span> </span> </div> </div> <<elseif $EventEnc01 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having taken the <span class="madness03">stranger's cock into your mouth,</span><br/>you began to make circular movements with your tongue on his <span class="madness03">cock in your mouth.</span> </span> </div> </div> <<elseif $EventEnc01 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having received <span class="madness03">another cock in your mouth,</span> you began to gently suck on it,<br/>pushing this meat club deeper and <span class="madness03">deeper into your throat.</span> </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You took the <span class="madness03">cock into your mouth</span> and began to diligently suck on someone's meat club,<br/>feeling how it periodically rests against your inner cheek. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "BGlory_04">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(21)>> /* Случайное число от 0 до 21 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/055.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/056.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/057.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/058.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/059.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/060.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/061.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/062.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/063.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/064.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/065.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/066.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/067.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/068.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/069.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/070.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/071.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/072.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/073.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/074.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/075.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/GloryHole/076.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<if $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 0 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having received a load of cum in your mouth and on your face,<br/>you <span class="madness03">swallow the cream</span> and feel the vibration in your wallet.<br/>The cock that shot into you disappears into the glory hole, leaving you alone. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 1 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having <span class="madness03">swallowed your gift</span> to the last drop<br/>and smeared the cum on your face in an attempt to clean it up, you feel the vibration in your wallet.<br/>The stranger's cock disappears into the glory hole. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 2 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/><span class="madness03">Swallowing all the cum</span> that has accumulated in <span class="madness03">your slutty mouth,</span><br/>you feel the vibration in your wallet.<br/>And see how the meat club disappears into the glory hole. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 3 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The stranger's cock covers your face and mouth with its thick and smelly cum and you swallow,<br/>after which you feel the vibration in your wallet.<br/>The cock disappears into the darkness of the glory hole. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $EventEnc01 == 4 and $Corr >= 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having filled your mouth and face with smelly and sticky sperm,<br/>the cock disappears into the gloryhole and you <span class="madness03">swallow your delicious gift</span><br/>and feel the vibration in your wallet. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200 and $EventEnc01 == 0 and $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having received a stream of cream in your mouth and on your face,<br/>you spit the sperm into the toilet and feel the vibration in your wallet.<br/>The stranger's cock disappears into the gloryhole. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200 and $EventEnc01 == 1 and $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having filled your mouth with his viscous sperm,<br/>the stranger's cock disappears into the darkness of the gloryhole and you spit the sperm out of your mouth/<br/>You and feel the vibration in your wallet. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200 and $EventEnc01 == 2 and $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having finished filling your mouth and face with cream,<br/>the cock leaves your lips and mouth, disappearing into the darkness of the gloryhole.<br/> Having finished spitting out the smelly sperm,<br/>you feel your wallet vibrate. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200 and $EventEnc01 == 3 and $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The cock you suck leaves you with a mouth full of cum and a face smeared with it.<br/>Spitting out <span class="madness03">your gift, you feel your wallet vibrating. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200 and $EventEnc01 == 4 and $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Feeling the cock pulsating in your mouth, you receive a charge of cum in your throat and on your face.<br/>Having cleared your throat, you feel your wallet vibrate and become heavier. </span> </div> </div> <<elseif $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly, a stream of cum from the cock you suck hits your throat and fills your mouth.<br/>Releasing it from your mouth, you receive a couple of streams of cream on your face,<br/>after which the cock disappears into the space behind the gloryhole.<br/>You feel your wallet vibrate. </span> </div> </div> <<elseif $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having filled your mouth with its cum, the sucked meat club leaves you,<br/>finally shooting a couple of powerful streams of cream into your face.<br/>You feel your wallet become heavier and vibrate. </span> </div> </div> <<elseif $EventEnc01 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The meat club in your mouth starts to pulsate, filling it with its smelly and sticky sperm.<br/>Releasing it from his mouth, he splashes your face and disappears into the glory hole.<br/>Your wallet vibrates. </span> </div> </div> <<elseif $EventEnc01 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Your mouth is gradually filled with sperm, and then with a smacking sound,<br/>the member leaves it, disappearing into the darkness of the glory hole.<br/>Your wallet vibrates to signal the reward received for <span class="madness03">sucking his cock.</span> </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having splattered your face and filled your mouth, the stranger's member leaves you,<br/>leaving behind a huge amount of sperm as a souvenir.<br/>Your wallet vibrates to signal the reward. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<goto "BGlory_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +3<br/> Stamina -5<br/> Arousal +7<br/> Corruption +1<br/> MindCurse +1<br/> Eastern Reputation +3<br/> Money +5</center> </div> </div> </div></div> <<set $BCOCS += 1>> <<set $TDay += 1>> <<if $BCOCS >= 3 and $RCOCS >= 3>> <<set $TFootStatus to 1>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <</if>> /* Изменение репутации */ <<set $ERep += 3>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> /* Изменение статистики */ <<set $SOraP += 1>> <<set $SHumP += 1>> <<set $SGloP += 1>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 7, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Бонус к опыту */ <<set $Exp += 3>> <<run setup.checkLevelUp()>> <<set $Sperm to 1>> <<set $Bim += 1>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<set $Money += 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>LIBRARY</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/LibraryMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/LibraryM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Library_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A nice looking old public library. It is deserted, apparently it is not very popular. The shelves of the many bookcases are filled with literature on all subjects.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|WeQuarter_03]] </div> <div class="links-container01"> <div class="links01"> <<link "READ">> <<goto "LIBRARY_02">> <</link>></div> </div> <div class="links-container03"> <<link "LOOK AROUND 🔎">> <<Message "Nothing interesting">> <</link>> </div></div> <<set $location to "Library_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>GYM RECEPTION</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/GymResMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/GymResM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/GymRes_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">The reception of a paid club for sports and physical development. You can see an exit to a common gym with exercise equipment, a communal shower and a locker room. There is a security guard at the reception desk who accepts the entrance fee, and a sign above him says that the entrance to the hall costs 15 Units.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|EaQuarter_01]] </div> <div class="links-container01"> <div class="links01"> <<link "PAY">> <<if $TDay >= 18>> <<Message "It's too late for gym">> <<elseif $Money <= 14>> <<Message "You don't have enough money">> <<else>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<goto "Gym_02">> <</if>> <</link>></div> </div> <div class="links-container03"> <<link "TALK TO GUARD 📣">> <<Message "The security guard points to a sign<br/>with the entrance price">> <</link>> </div></div> <<set $location to "Gym_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>GYM COMMON ROOM</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/GymMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/GymM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Gym_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">General gym hall. A spacious room filled with all kinds of exercise machines to improve body condition and develop muscle tone.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ IN THE SHOWER|PShower_01_0]] </div> <div class="links-container01"> <div class="links01"> <<link "TRAIN">> <<goto "GYMWORK_01">> <</link>></div> </div> <div class="links-container03"> <<link "LOOK AROUND 🔎">> <<Message "Nothing interesting">> <</link>> </div></div> <<set $location to "Gym_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div style="text-align: center;"><h2>WORKOUT</h2></div> <<if $Mad <= 59>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Mad > 59>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div style="text-align: center;"><br/>You have chosen a training machine and are ready for your workout.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(Fitness Workout)</span><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[LEAVE|Gym_02]] </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "WORKOUT">> <<run disableLink(event.target, 1500)>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(12)>> /* Случайное число от 0 до 12 */ <<if $TDay >= 20>> <<Message "It's too late for workout">> <<elseif $MP <= 9>> <<Message "You are too tired">> <<elseif $EventEnc00 == 0>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 2>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<set $DRep -= 1>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<set $ERep -= 1>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> <<set $WRep -= 1>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<set $NRep -= 1>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "GYMWORK_01">> <</timed>> <<elseif $EventEnc00 == 1>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 2>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<set $DRep -= 1>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<set $ERep -= 1>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> <<set $WRep -= 1>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<set $NRep -= 1>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "GYMWORK_01">> <</timed>> <<elseif $EventEnc00 == 2>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 2>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<set $DRep -= 1>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<set $ERep -= 1>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> <<set $WRep -= 1>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<set $NRep -= 1>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "GYMWORK_01">> <</timed>> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 2>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<set $DRep -= 1>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<set $ERep -= 1>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> <<set $WRep -= 1>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<set $NRep -= 1>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <<timed 1s>> <<goto "GymGaze_00">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>WORKOUT</strong><br/> Time +1<br/> Stamina -10<br/> Arousal +5<br/> Fitness +2<br/> All Reputation -1</center> </div> </div> </div> <div class="links-container03"> </div></div> <<set $location to "GYMWORK_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 26%; left: 50%; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>READING</h2></div> <<if $Mad <= 59>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Mad > 59>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div style="text-align: center;">You can search for specific information that interests you at the moment,<br/>or engage in self-education on general topics.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(Earning Experience)<br/>(Reading in the dark can be unsafe)</span><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[LEAVE|Library_01]] </div> <div class="links01"> <<link "EDUCATION">> <<run disableLink(event.target, 1500)>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(12)>> /* Случайное число от 0 до 12 */ <<if $TDay >= 20>> <<Message "It's too late for reading">> <<elseif $MP <= 0>> <<Message "You are too tired">> <<elseif $EventEnc00 == 1>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Exp += 8>> <<run setup.checkLevelUp()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have gained experience">> <<timed 1s>> <<goto "LIBRARY_02">> <</timed>> <<elseif $EventEnc00 == 2>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Exp += 8>> <<run setup.checkLevelUp()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have gained experience">> <<timed 1s>> <<goto "LIBRARY_02">> <</timed>> <<elseif $EventEnc00 == 3>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have gained experience">> <<timed 1s>> <<goto "LIBRARY_02">> <</timed>> <<elseif $EventEnc00 == 4 and $TDay <= 14>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have gained experience">> <<timed 1s>> <<goto "LIBRARY_02">> <</timed>> <<elseif $EventEnc00 == 5 and $TDay <= 14>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have gained experience">> <<timed 1s>> <<goto "LIBRARY_02">> <</timed>> <<elseif $EventEnc00 == 6 and $TDay >= 15>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have gained experience">> <<timed 1s>> <<goto "LIBRARY_02">> <</timed>> <<elseif $EventEnc00 == 7 and $TDay >= 15>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have gained experience">> <<timed 1s>> <<goto "LIBRARY_02">> <</timed>> <<elseif $EventEnc00 == 8 and $TDay >= 15>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have gained experience">> <<timed 1s>> <<goto "LIBRARY_02">> <</timed>> <<elseif $EventEnc00 == 9 and $TDay >= 15>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have gained experience">> <<timed 1s>> <<goto "LIBRARY_02">> <</timed>> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have gained experience">> <<timed 1s>> <<goto "LIBRARY_02">> <</timed>> <</if>> <</link>></div> <div class="links01"> [[ARTICLES|LIBRARY_00]] </div> </div> <div class="links-container03"> </div></div> <<set $location to "LIBRARY_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } </style> <<script>>Config.history.controls = false;<</script>> /* Убираем скролбары */ /* Сокрытие элементов интерфейса */ <<set $ShowParameters to false>> <<set $ShowPersonality to false>> <<set $ShowStats to false>> <<set $ShowPortrait to false>> <<set $ShowExp01 to false>> <<set $ShowTitle01 to false>> <<set $ShowButtonEarrings_00 to false>> <<set $gameOver to false>> /* Флаг завершения игры */ <<set $Pname to "Sara">>/* Имя персонажа */ <<set $PAge to 18>>/* Возраст персонажа */ <<set $HaC to 0>>/* Цвет волос */ <<set $HaCN to "Black">>/* Название цвета волос */ <<set $Eye to 1>>/* Цвет глаз */ <<set $EyeCN to "Brown">>/* Название цвета глаз */ <<set $RingN to 0>>/* Пирсинг в носу */ <<set $location to 0>>/* Название локации */ <<set $Quest to 0>>/* Текущий квест */ <<set $Hor to 0>>/* Рога на персонаже */ <<set $HorCN to " ">>/* Название рогов */ <<set $Sperm to 0>>/* Сперма на персонаже */ <<set $SpermCN to " ">>/* Чистота тела */ <<set $AroCN to " ">>/* Статус возбуждения */ <<set $ToxCN to " ">>/* Статус опьянения */ <<set $Bimbo to 0>>/* Косметика на роже лица */ <<set $PPot to 0>>/* Активность зелья */ <<set $GDay to 0>>/* Кол-во игровых дней */ <<set $WDay to 0>>/* Параметр дня недели */ <<set $DayOfTheWeek to "Monday">>/* Название дня недели */ <<set $TDay to 0>>/* Параметр времени суток */ <<set $TimeOfTheDay to "Early morning">>/* Название времени суток */ <<set $CorrBase to 0>>/* Базовый Параметр коррупции */ <<set $Corr to $CorrBase>>/* Изначальное значение $Corr *//* Итоговая Коррупция */ <<set $CorrMin to 0>>/* Минимальное значение коррупции */ <<set $Money to 100>>/* Кол-во денег */ <<set $BMoney to 100>>/* Кол-во денег в банке */ /* Основные характеристики */ <<set $HP to 80, $maxHP to 100>>/* Параметр здоровья */ <<set $MP to 100, $maxMP to 100>>/* Параметр выносливости */ <<set $Aro to 0, $maxAro to 100>>/* Параметр возбуждения */ <<set $AroBase to 0>> /* Базовое значение $Aro */ <<set $Tox to 0, $maxTox to 100>>/* Параметр интоксикации */ <<set $Enemy to 0, $maxEnemy to 100>>/* Параметр здоровья врага */ <<set $healthRatio to $HP / $maxHP>> <<set $enduranceRatio to $MP / $maxMP>> <<set $arousalRatio to $Aro / $maxAro>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<set $EnemyRatio to $Enemy / $maxEnemy>> /* Конфиги кастомных баров */ <<newmeter 'health' $healthRatio>> <<colors '#18171a' '#0fb814'>> /* Серый фон, зелёное заполнение */ <<sizing '133px'>> /* Ширина: 200px / 1.5 = 133px */ <<height '10px'>> /* Высота: 20px / 2 = 10px */ <</newmeter>> <<newmeter 'endurance' $enduranceRatio>> <<colors '#18171a' '#FFA500'>> /* Серый фон, тёмно-жёлтое заполнение */ <<sizing '133px'>> /* Ширина: 200px / 1.5 = 133px */ <<height '10px'>> /* Высота: 20px / 2 = 10px */ <</newmeter>> <<newmeter 'arousal' $arousalRatio>> <<colors '#18171a' '#ff1493'>> /* Серый фон, тёмно-розовое заполнение */ <<sizing '133px'>> /* Ширина: 200px / 1.5 = 133px */ <<height '10px'>> /* Высота: 20px / 2 = 10px */ <</newmeter>> <<newmeter 'intoxication' $INTBaseoxicationRatio>> <<colors '#18171a' '#8A2BE2'>> /* Серый фон, фиолетовое заполнение */ <<sizing '133px'>> /* Ширина: 200px / 1.5 = 133px */ <<height '10px'>> /* Высота: 20px / 2 = 10px */ <</newmeter>> <<newmeter 'enemy' $EnemyRatio>> <<colors '#3d0404' '#d90d0d'>> /* Серый фон, красное заполнение */ <<sizing '153px'>> /* Ширина: 200px / 1.5 = 153px */ <<height '20px'>> /* Высота: 20px / 2 = 20px */ <</newmeter>> <<newmeter 'health2' $healthRatio>> <<colors '#3d0404' '#0fb814'>> /* Серый фон, зелёное заполнение */ <<sizing '153px'>> /* Ширина: 200px / 1.5 = 153px */ <<height '20px'>> /* Высота: 20px / 2 = 20px */ <</newmeter>> <<newmeter 'intoxication2' $INTBaseoxicationRatio>> <<colors '#18171a' '#8A2BE2'>> /* Серый фон, фиолетовое заполнение */ <<sizing '153px'>> /* Ширина: 200px / 1.5 = 153px */ <<height '20px'>> /* Высота: 20px / 2 = 20px */ <</newmeter>> <<set $Mad to 0>>/* Параметр безумия */ <<set $MadMin to 0>>/* Минимальное значение безумия */ <<set $Lvl to 0>>/* Уровень персонажа */ <<set $Exp to 0>>/* Опыт персонажа */ <<set $StatP to 5>>/* Свободные очки характеристик */ <<set $STRBase to 2>>/* Базовый Параметр Силы */ <<set $STR to $STRBase>>/* Изначальное значение $STR *//* Итоговая Сила */ <<set $DEXBase to 2>>/* Базовый Параметр Ловкости */ <<set $DEX to $DEXBase>> /* Изначальное значение $DEX *//* Итоговая Ловкость */ <<set $INTBase to 1>>/* Базовый Параметр Интеллекта */ <<set $INT to $INTBase>> /* Изначальное значение $INT *//* Итоговый Интеллект */ <<set $Fit to 0>>/* Параметр Фитнеса */ <<set $Bea to 0>>/* Параметр Красоты */ <<set $BeaBonus to 0>> /* Изначальное значение бонуса $Bea от экипировки */ <<set $Bim to 0>>/* Параметр Mind Curse */ <<set $BimTotal to 0>>/* Общее значение параметра Mind Curse */ <<set $Sub to 0>>/* Параметр сабмесивности */ <<set $Dom to 0>>/* Параметр доминантности */ <<set $CPot00 to 0>>/* Кол-во зелий 00 у персонажа(HP) */ <<set $CPot01 to 0>>/* Кол-во зелий 01 у персонажа(MP) */ <<set $CPot02 to 0>>/* Кол-во зелий 02 у персонажа(Кислота) */ <<set $CPot03 to 0>>/* Кол-во зелий 03 у персонажа(Спокойствие) */ <<set $CPot04 to 0>>/* Кол-во зелий 04 у персонажа(Восстановление) */ <<set $CPot05 to 0>>/* Кол-во зелий 05 у персонажа(Увеличение) */ <<set $CPot06 to 0>>/* Кол-во зелий 06 у персонажа(Стелс) */ <<set $CPot07 to 0>>/* Кол-во зелий 07 у персонажа(Репа) */ <<set $CLoot00 to 0>>/* Кол-во лута 00 у персонажа */ <<set $CLoot01 to 0>>/* Кол-во лута 01 у персонажа */ <<set $CLoot02 to 0>>/* Кол-во лута 02 у персонажа */ <<set $CLoot03 to 0>>/* Кол-во лута 03 у персонажа */ <<set $CLoot04 to 0>>/* Кол-во лута 04 у персонажа */ <<set $CLoot05 to 0>>/* Кол-во лута 05 у персонажа */ <<cacheaudio "END_MAD_01" "img/Sound/END_MAD_01.wav" >> <<cacheaudio "HELLO_01" "img/Sound/HELLO_01.wav" >> <<cacheaudio "I_SEE_YOU_01" "img/Sound/I_SEE_YOU_01.wav" >> <<cacheaudio "I'M_WAITING_01" "img/Sound/I'M_WAITING_01.wav" >> <<cacheaudio "WHO_ARE_YOU_01" "img/Sound/WHO_ARE_YOU_01.wav" >> <<cacheaudio "START_AGAIN_01" "img/Sound/START_AGAIN_01.wav" >> <<set $AdditionalParam1 to 0>> /* Хуй знает что это*/ <<set $AdditionalParam2 to "Default">> /* Откуда оно? */ <<set $AdditionalParam3 to false>> /* На что влияет? */ <<set $AllStats to false>>/* Видимость списка статистики */ <<set $SWinP to 0>>/* Кол-во побед */ <<set $SLosP to 0>>/* Кол-во поражений */ <<set $SAssP to 0>>/* Кол-во в жопу */ <<set $SVagP to 0>>/* Кол-во в вагину */ <<set $SOraP to 0>>/* Кол-во в рот */ <<set $SAssN to 0>>/* Кол-во в жопы */ <<set $SVagN to 0>>/* Кол-во в вагины */ <<set $SOraN to 0>>/* Кол-во в рты */ <<set $SGloP to 0>>/* Кол-во обслуги в глорихоле */ <<set $SGruP to 0>>/* Кол-во группового секса */ <<set $SLesP to 0>>/* Кол-во лесбийского секса */ <<set $SRapP to 0>>/* Кол-во секса по принуждению */ <<set $SHumP to 0>>/* Кол-во людей */ <<set $SMonP to 0>>/* Кол-во монстров */ <<set $STentP to 0>>/* Кол-во тентаклей */ <<set $AllRep to false>>/* Видимость списка репутации */ <<set $DRep to 0>>/* Репутация в районе доков */ <<set $ERep to 0>>/* Репутация в восточном районе */ <<set $WRep to 0>>/* Репутация в Западном районе */ <<set $NRep to 0>>/* Репутация в северном районе */ /* Параметры одежды листа персонажа */ /* Параметры сережек листа персонажа */ <<set $IEarrings_00 to false>> <<set $IEarrings_01 to false>> <<set $IEarrings_02 to false>> <<set $IEarrings_03 to false>> <<set $IEarrings_04 to false>> <<set $IEarrings_05 to false>> <<set $IEarrings_06 to false>> <<set $IEarrings_07 to false>> <<set $IEarrings_08 to false>> <<set $IEarrings_09 to false>> <<set $IEarrings_10 to false>> <<set $IEarrings_11 to false>> /* Параметры колец листа персонажа */ <<set $IRing_00 to false>> <<set $IRing_01 to false>> <<set $IRing_02 to false>> <<set $IRing_03 to false>> <<set $IRing_04 to false>> <<set $IRing_05 to false>> <<set $IRing_06 to false>> <<set $IRing_07 to false>> <<set $IRing_08 to false>> <<set $IRing_09 to false>> <<set $IRing_10 to false>> <<set $IRing_11 to false>> /* Параметры ожерелья листа персонажа */ <<set $INecklace_00 to false>> <<set $INecklace_01 to false>> <<set $INecklace_02 to false>> <<set $INecklace_03 to false>> <<set $INecklace_04 to false>> <<set $INecklace_05 to false>> <<set $INecklace_06 to false>> <<set $INecklace_07 to false>> <<set $INecklace_08 to false>> <<set $INecklace_09 to false>> <<set $INecklace_10 to false>> <<set $INecklace_11 to false>> /* Параметры трусов листа персонажа */ <<set $IPanties_00 to false>> <<set $IPanties_01 to false>> <<set $IPanties_02 to false>> <<set $IPanties_03 to false>> <<set $IPanties_04 to false>> <<set $IPanties_05 to false>> <<set $IPanties_06 to false>> <<set $IPanties_07 to false>> <<set $IPanties_08 to false>> <<set $IPanties_09 to false>> <<set $IPanties_10 to false>> <<set $IPanties_11 to false>> /* Параметры лифчика листа персонажа */ <<set $IBra_00 to false>> <<set $IBra_01 to false>> <<set $IBra_02 to false>> <<set $IBra_03 to false>> <<set $IBra_04 to false>> <<set $IBra_05 to false>> <<set $IBra_06 to false>> <<set $IBra_07 to false>> <<set $IBra_08 to false>> <<set $IBra_09 to false>> <<set $IBra_10 to false>> <<set $IBra_11 to false>> /* Параметры чулок листа персонажа */ <<set $IStockings_00 to false>> <<set $IStockings_01 to false>> <<set $IStockings_02 to false>> <<set $IStockings_03 to false>> <<set $IStockings_04 to false>> <<set $IStockings_05 to false>> <<set $IStockings_06 to false>> <<set $IStockings_07 to false>> <<set $IStockings_08 to false>> <<set $IStockings_09 to false>> <<set $IStockings_10 to false>> <<set $IStockings_11 to false>> /* Параметры обуви листа персонажа */ <<set $IShoes_00 to false>> <<set $IShoes_01 to false>> <<set $IShoes_02 to false>> <<set $IShoes_03 to false>> <<set $IShoes_04 to false>> <<set $IShoes_05 to false>> <<set $IShoes_06 to false>> <<set $IShoes_07 to false>> <<set $IShoes_08 to false>> <<set $IShoes_09 to false>> <<set $IShoes_10 to false>> <<set $IShoes_11 to false>> /* Параметры штанов листа персонажа */ <<set $IPants_00 to false>> <<set $IPants_01 to false>> <<set $IPants_02 to false>> <<set $IPants_03 to false>> <<set $IPants_04 to false>> <<set $IPants_05 to false>> <<set $IPants_06 to false>> <<set $IPants_07 to false>> <<set $IPants_08 to false>> <<set $IPants_09 to false>> <<set $IPants_10 to false>> <<set $IPants_11 to false>> /* Параметры верха листа персонажа */ <<set $IOuterwear_00 to false>> <<set $IOuterwear_01 to false>> <<set $IOuterwear_02 to false>> <<set $IOuterwear_03 to false>> <<set $IOuterwear_04 to false>> <<set $IOuterwear_05 to false>> <<set $IOuterwear_06 to false>> <<set $IOuterwear_07 to false>> <<set $IOuterwear_08 to false>> <<set $IOuterwear_09 to false>> <<set $IOuterwear_10 to false>> <<set $IOuterwear_11 to false>> /* Параметры оружия листа персонажа */ <<set $IWeapon_00 to false>> <<set $IWeapon_01 to false>> <<set $IWeapon_02 to false>> <<set $IWeapon_03 to false>> <<set $IWeapon_04 to false>> <<set $IWeapon_05 to false>> <<set $IWeapon_06 to false>> <<set $IWeapon_07 to false>> <<set $IWeapon_08 to false>> <<set $IWeapon_09 to false>> <<set $IWeapon_10 to false>> <<set $IWeapon_11 to false>> <<set $EquippedEarrings to 0>>/* Какие сережки одеты 0-12 */ <<set $EquippedRing to 0>>/* Какое кольцо одето 0-12 */ <<set $EquippedNecklace to 0>>/* Какое ожерелье одето 0-12 */ <<set $EquippedPanties to 0>>/* Какие трусы одеты 0-12 */ <<set $EquippedBra to 0>>/* Какой лифчик одет 0-12 */ <<set $EquippedStockings to 0>>/* Какие чулки одеты 0-12 */ <<set $EquippedShoes to 0>>/* Какая обувь одета 0-12 */ <<set $EquippedPants to 0>>/* Какие штаны одеты 0-12 */ <<set $EquippedOuterwear to 0>>/* Какой верх одет 0-12 */ <<set $EquippedWeapon to 0>>/* Какое оружие одето 0-12 */ /* параметры листа персонажа */ <<set $ChestStatus to 0>> <<set $ChestName to "flat and unexpressive">>/* Состояние груди */ <<set $AssStatus to 0>> <<set $AssName to "flat and featureles">>/* Состояние задницы */ <<set $VaginaStatus to 0>> <<set $VaginaName to "tight and healthy">>/* Состояние вагины */ <<set $AnusStatus to 0>> <<set $AnusName to "tight and healthy">>/* Состояние ануса */ <<set $DickStatus to 0>> <<set $DickName to "You don't have a dick.">>/* Состояние члена */ <<set $TArmStatus to 0>> <<set $TArmName to "You don't have a tattoo here.">>/* Состояние татуировки на руке */ <<set $TAssStatus to 0>> <<set $TAssName to "You don't have a tattoo here.">>/* Состояние татуировки на жопе */ <<set $TBellyStatus to 0>> <<set $TBellyName to "You don't have a tattoo here.">>/* Состояние татуировки на животе */ <<set $TBreastStatus to 0>> <<set $TBreastName to "You don't have a tattoo here.">>/* Состояние татуировки на груди */ <<set $TFootStatus to 0>> <<set $TFootName to "You don't have a tattoo here.">>/* Состояние татуировки на ступне */ <<set $TLegStatus to 0>> <<set $TLegName to "You don't have a tattoo here.">>/* Состояние татуировки на ноге */ <<set $TLipsStatus to 0>> <<set $TLipsName to "You don't have a tattoo here.">>/* Состояние татуировки на губе */ <<set $TNeckStatus to 0>> <<set $TNeckName to "You don't have a tattoo here.">>/* Состояние татуировки на шее */ <<set $TPubicStatus to 0>> <<set $TPubicName to "You don't have a tattoo here.">>/* Состояние татуировки на лобке */ <<set $TSideStatus to 0>> <<set $TSideName to "You don't have a tattoo here.">>/* Состояние татуировки на боку */ <<set $TTrumpStampStatus to 0>> <<set $TTrumpStampName to "You don't have a tattoo here.">>/* Состояние татуировки на поясе */ <<set $TClitorisStatus to 0>> <<set $TClitorisName to "You don't have any piercings here.">>/* Состояние пирсинга на клиторе */ <<set $TLabiaStatus to 0>> <<set $TLabiaName to "You don't have any piercings here.">>/* Состояние пирсинга на пол.губах */ <<set $TNippleStatus to 0>> <<set $TNippleName to "You don't have any piercings here.">>/* Состояние пирсинга на сосках */ <<set $TNoseStatus to 0>> <<set $TNoseName to "You don't have any piercings here.">>/* Состояние пирсинга на носу */ <<set $TTongueStampStatus to 0>> <<set $TTongueStampName to "You don't have any piercings here.">>/* Состояние пирсинга на языке */ /* Описание предметов */ <<set $EarringsName to "Нет серёжек">> <<set $EarringsDescription to "Нет описания">> <<set $RingName to "Нет серёжек">> <<set $RingDescription to "Нет описания">> <<set $NecklaceName to "Нет серёжек">> <<set $NecklaceDescription to "Нет описания">> <<set $PantiesName to "Нет серёжек">> <<set $PantiesDescription to "Нет описания">> <<set $BraName to "Нет серёжек">> <<set $BraDescription to "Нет описания">> <<set $StockingsName to "Нет серёжек">> <<set $StockingsDescription to "Нет описания">> <<set $ShoesName to "Нет серёжек">> <<set $ShoesDescription to "Нет описания">> <<set $PantsName to "Нет серёжек">> <<set $PantsDescription to "Нет описания">> <<set $OuterwearName to "Нет серёжек">> <<set $OuterwearDescription to "Нет описания">> <<set $WeaponName to "Нет серёжек">> <<set $WeaponDescription to "Нет описания">> /* Титулы репутации */ <<set $DTitle to "Girl">> /* Начальное значение титула (пустое) в районе доков */ <<set $ETitle to "Girl">> /* Начальное значение титула (пустое) в восточном районе */ <<set $WTitle to "Lady">> /* Начальное значение титула (пустое) в западном районе */ <<set $NTitle to "Girl">> /* Начальное значение титула (пустое) в северноме доков */ /* Вычисление Максимального возбуждения */ <<set $SlutStatus to 0>> /* Вычисление бонуса от комбинации предметов */ <<set $SetBon01 to 0>>/* сетовый бонус к красоте от нижнего белья */ <<set $SetBon02 to 0>>/* сетовый бонус к красоте от одежды */ <<set $SetBon03 to 0>>/* сетовый бонус к здоровью от одежды */ <<set $SetBon04 to 0>>/* сетовый бонус к ловкости от одежды */ <<set $SetBon05 to 0>>/* сетовый бонус к силе от артифактов */ <<set $SetBon06 to 0>>/* сетовый бонус к интеллекту от артифактов */ /* Проверка $STR при старте */ <<if $EquippedWeapon != 0 && !State.variables["IWeapon_" + String($EquippedWeapon).padStart(2, '0')]>> <<set $EquippedWeapon to 0>> <<run updateSTR()>> <</if>> <<run updateSTR()>> /* Пересчитываем $STR при старте */ <<run updateINT()>> /* Пересчитываем $INT, $Corr и $BeaBonus */ <<run updateDEX()>> /* Пересчитываем $DEX, $Corr и $BeaBonus */ <<run updateBea()>> /* Пересчитываем $Bea при старте */ <<run updateBimTotal()>> /* Пересчитываем $Bim при старте */ <<run updateAroBonus()>> /* Рассчитываем минимальное $Aro */ <<run updateCorrMinimum()>> /* Рассчитываем минимальное $Aro */ <<run updateMadMinimum()>> /* Рассчитываем минимальное $Mad */ <<run updateDTitle()>> /* Устанавливаем начальный титул доков*/ <<run updateETitle()>> /* Устанавливаем начальный титул запада*/ <<run updateWTitle()>> /* Устанавливаем начальный титул востока*/ <<run updateNTitle()>> /* Устанавливаем начальный титул севера*/ <<run updateSetBonuses()>> /* Пересчитываем сетовые бонусы при старте */ <<set $HOME to 0>> /* Статус текущего жилья */ <<set $RENT to 0>> /* Счетчик до оплаты жилья */ /* Параметры для смены текста и запуска стартовых сцен новых локаций */ <<set $GAME_DESCRIPTION_00 to 0>>/* Номер текста пассажа */ <<set $SKIP to 0>> /* Подтверждение для пропуска главы */ <<set $PROLOGUE to 0>> <<set $CITY_START to 0>> <<set $BANK_START to 0>> <<set $HOME_START to 0>> <<set $PAWNSHOP_START to 0>> <<set $GUARD_START to 0>> <<set $DUNGEON_START to 0>> <<set $TVSTUDIO_START to 0>> <<set $RESIDENTIAL_START to 0>> <<set $RENT_START to 0>> /* Старт сцены оплаты ренты */ <<set $FARM_START to 0>> <<set $SLEEP_01 to 0>> <<set $END_HEALTH to 0>> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> /* параметры для еды */ <<set $VeMa01 to 0>> /* Комбинация роста груди */ <<set $VeMa02 to 0>> /* Комбинация роста груди */ <<set $VeMa03 to 0>> /* Комбинация роста жопы */ <<set $VeMa04 to 0>> /* Комбинация роста жопы */ <<set $SFOOD01 to 0>> <<set $SFOOD02 to 0>> <<set $SFOOD03 to 0>> <<set $Metro to 0>> <<set $STRCheck to 0>> /* Испытание на силу */ <<set $DEXCheck to 0>> /* Испытание на ловкость */ <<set $INTCheck to 0>> /* Испытание на интеллект */ <<set $FITCheck to 0>> /* Испытание на выносливость */ <<set $EventEnc01 to 0>> /* Рандом для проверки №1 */ <<set $EventEnc02 to 0>> /* Рандом для проверки №2 */ /* параметры для ванной */ <<set $Bath to 0>> /* параметры для эвентов таверны */ <<set $Tavern to 0>> /* параметры для глорихола */ <<set $RCOCS to 0>> <<set $BCOCS to 0>> /* параметры для кинотеатра */ <<set $Cinema to 0>> /* параметры для Борделя */ <<set $BRoom00 to 0>>/* возможность входа в комнаты */ <<set $BRoom01 to 0>>/* тип персонажа в первой комнате */ <<set $BRoom02 to 0>>/* тип персонажа в второй комнате */ <<set $BRoom03 to 0>>/* тип персонажа в третьей комнате */ /* параметры для глюков */ <<set $ACrows to 0>> <<set $Horor01 to 0>> <<set $Horor02 to 0>> <<set $Horor03 to 0>> <<set $Horor04 to 0>> <<set $Horor05 to 0>> <<set $ATM to 0>> <<set $GipnoR to 0>> <<set $GipnoH to 0>> /* Работа в лабе */ <<set $LabW2 to 0>> <<set $WLBed01 to 0>> <<set $WLTable01 to 0>> <<set $WLCells01 to 0>> <<set $PinkVap to 0>> <<set $LabIncident to 0>> <<set $LabBrainW01 to 0>> <<set $LFBunny to 0>> /* Арена */ <<set $ArenaShow to 0>> /* Членство */ <<set $GuildM to 0>> /* Завалы в подземелье */ <<set $Zaval01 to 0>> <<set $Zaval02 to 0>> <<set $Zaval03 to 0>> /* Наличие взрывчатки */ <<set $Dynamite to 0>> /* настройки цвета бекграунда */ <<set $BackСolor to 1>> <<set $GhostCursor to 0>> <<set $SplashCursor to 0>> <<set $MonsterBeastEvents to 1>> /* настройки боя */ <<set $seconds to 10>> <<set $ItemUsing to 0>> <<set $EnemySet to 0>> <<set $EnemyWeak to 0>> <<set $EnemyAtt to 0>> <<set $PlayerDamage1 to 0>> <<set $PlayerDamage2 to 0>> <<set $PlayerDefense1 to 0>> <<set $PlayerDefense2 to 0>> <<set $AcidDamage to 0>> <<set $PHealing to 0>> <<set $Surrender to 0>> <<set $BattleLog to 0>> <<set $LastDMG to 0>> <<set $BattleStart to 0>> <<set $EnemyAtt2 to 0>> <<set $RoundCounter to 0>> <<set $GuildMembership to 0>> <<set $Escape to 0>> <<set $Dodge to 0>> <<set $LuseLimit to 0>> /* параметры случайных встреч в полях */ <<set $FieldsEn_01 to 0>> <<set $FieldsEn_02 to 0>> <<set $FieldsEn_03 to 0>> <<set $FieldsEn_04 to 0>> <<set $FieldsEn_05 to 0>> <<set $FieldsEn_06 to 0>> <<set $FieldsEn_07 to 0>> <<set $FieldsEn_08 to 0>> /* параметры случайных встреч в лесах */ <<set $ForestEn_01 to 0>> <<set $ForestEn_02 to 0>> <<set $ForestEn_03 to 0>> <<set $ForestEn_04 to 0>> <<set $ForestEn_05 to 0>> <<set $ForestEn_06 to 0>> <<set $ForestEn_07 to 0>> <<set $ForestEn_08 to 0>> <<set $ForestEn_09 to 0>> <<set $ForestEn_10 to 0>> <<set $ForestEn_11 to 0>> <<set $ForestEn_12 to 0>> /* параметры случайных встреч на берегу */ <<set $CoastEn_01 to 0>> <<set $CoastEn_02 to 0>> <<set $FarShoreEn_01 to 0>> <<set $FarShoreEn_02 to 0>> /* Идем дальше */ <<goto "GAME_DESCRIPTION_00">>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Aro >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/> Waiting until the shower becomes free, you go in to wash the sweat off your tired body.<br/>Standing under the stream of water, you experience the strongest arousal.<br/>Perhaps you could throw it off here and now. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>After waiting for the shower to become free,<br/>you go in to wash the sweat off your tired body. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Gym_01">> <</link>></div> <<if $Aro >= 40>> <div class="links01"> <<link "MASTURBATION">> <<goto "PShower_01_1">> <</link>> </div> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(11)>> /* Случайное число от 0 до 11 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You wash your body thoroughly,<br/>paying special attention to your breasts and pussy. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "PShower_02">> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Corr >= 50>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having washed off the soap suds and having started to make obscene moans,<br/>you caress your pussy with your fingers,<br/>imagining how your cunt is being fucked by a big and strong cock. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having washed off the soap suds and having started to make obscene moans,<br/>you caress your pussy with your fingers. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "PShower_03">> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 300 and $Dom <= 299>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Lost control over fantasies about how your wet hole is being used,<br/>you get a powerful orgasm,<br/>completely losing your surroundings from your attention. </span> </div> </div> <<elseif $Sub <= 299 and $Dom >= 300>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Lost control over fantasies about how you are jumping on a submissively presented member,<br/>you get a powerful orgasm,<br/>completely losing your surroundings from your attention. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Lost control over your fantasies, you experience a powerful orgasm,<br/>completely losing your surroundings from your attention. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(6)>> /* Случайное число от 0 до 6 */ <<if $EventEnc01 == 0>> <<goto "Gym_01">> <<elseif $EventEnc01 == 1 and $Bea >= 20 and $PPot == 0>> <<goto "PShower_04_1">> <<elseif $EventEnc01 == 1>> <<goto "Gym_01">> <<elseif $EventEnc01 == 2 and $TDay >= 10 and $NRep >= 400 and $PPot == 0>> <<goto "PShower_04_0">> <<elseif $EventEnc01 == 2 and $NRep >= 400 and $PPot == 0>> <<goto "PShower_04_1">> <<elseif $EventEnc01 == 2>> <<goto "Gym_01">> <<elseif $EventEnc01 == 3 and $TDay >= 10 and $PPot == 0>> <<goto "PShower_04_0">> <<elseif $EventEnc01 == 3>> <<goto "Gym_01">> <<elseif $EventEnc01 == 4 and $TDay >= 10 and $PPot == 0>> <<goto "PShower_04_0">> <<elseif $EventEnc01 == 4>> <<goto "PShower_04_1">> <<elseif $EventEnc01 == 5>> <<goto "Gym_01">> <<elseif $EventEnc01 == 6 and $TDay >= 10 and $PPot == 0>>> <<goto "PShower_04_0">> <<elseif $EventEnc01 == 6>> <<goto "PShower_04_1">> <</if>> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Arousal -40<br/> Corruption +1<br/> Eastern Reputation +3</center> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Понижение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 40, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $ERep += 3>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/051.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/052.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/053.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/054.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 2 */ <<if $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You find yourself surrounded by grinning men who have blocked<br/>your exit from the shower with their naked bodies.<br/><span class="comp02">- Oh, look at who was moaning so sweetly here.</span> </span> </div> </div> <<elseif $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You find yourself surrounded by grinning men who have blocked<br/>your exit from the shower with their naked bodies.<br/><span class="comp02">- It seems like someone's pussy was looking for adventure? She found it.</span> </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You find yourself surrounded by grinning men who have blocked<br/>your exit from the shower with their naked bodies.<br/><span class="comp02">- It looks like we came in at the right time. Well, bitch, get your holes ready for big adventures.</span> </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "PShower_05_0">> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 300 and $Dom <= 299>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Suddenly, a grinning man enters your shower area and blocks the exit with his naked body.<br/> <span class="comp02">- So that's who was making those sounds.<br/>Don't worry, I'm always happy to lend a helping hand to a cunt in need.</span><br/>The stranger forces you to submit. </span> </div> </div> <<elseif $Sub <= 299 and $Dom >= 300>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Suddenly, a grinning man enters your shower area and blocks the exit with his naked body.<br/> <span class="comp02">- So that's who was making those sounds.<br/>Don't worry, I'm always happy to lend a helping hand to a cunt in need.</span><br/>Realizing that you can't do anything in this situation,<br/>you submit to the stranger. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Suddenly, a grinning man enters your shower area and blocks the exit with his naked body.<br/> <span class="comp02">- So that's who was making those sounds.<br/>Don't worry, I'm always happy to lend a helping hand to a cunt in need.</span> </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "PShower_05_1">> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(12)>> /* Случайное число от 0 до 12 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/055.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/056.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/057.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/058.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/059.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/060.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/061.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/062.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/063.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/064.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/065.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/066.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/067.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 300 and $Dom <= 299>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The men forced you down to the ground and surrounded you,<br/>pulling out their tense members in front of your face.<br/>Having looked at them with interest, you resign yourself to the fact that today you will have to,<br/>like some whore, service five or more meat bolts with your holes.<br/>But this is even somewhat exciting. </span> </div> </div> <<elseif $Sub <= 299 and $Dom >= 300>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The men forced you down to the ground and surrounded you,<br/>pulling out their tense members in front of your face.<br/>You have no choice but to accept the fact that today<br/>your holes will be forced to service five or more meat bolts. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The men forced you down to the ground and surrounded you,<br/>pulling out their tense members in front of your face.<br/>At the sight of which your responsive pussy begins to gradually get wet. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "PShower_06">> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(12)>> /* Случайное число от 0 до 12 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/039.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/040.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/042.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/043.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/044.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/045.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/046.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/047.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/048.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/049.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/050.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(2)>> /* Случайное число от 0 до 2 */ <<if $Sub >= 300 and $Dom <= 299 and $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The man bends you over and thrusts his cock into your pussy.<br/> <span class="comp02">- That's it, bitch, take it, that's what you wanted, right?</span><br/>In response, all you can do is moan with pleasure and wag your ass, agreeing with him in everything.<br/>After a while, you feel how the thrusts become faster and faster, and with the last powerful blow,<br/>the cock inside you begins to fill the space of your uterus with viscous sperm.<br/><span class="comp02">- That's it. Take it all.</span><br/>Having finished pumping your pussy with his cream, the man wishes you a good day and that you come by more often,<br/>after which he leaves, leaving you alone. </span> </div> </div> <<elseif $Sub <= 299 and $Dom >= 300 and $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The man bends you over and thrusts his cock into your pussy.<br/> <span class="comp02">- That's it, bitch, take it, that's what you wanted, right?</span><br/>All you can do is moan from the thrusts of his cock without objecting.<br/>After a while, you feel how the thrusts become faster and faster, and with the last powerful blow,<br/>the cock inside you begins to fill the space of your uterus with viscous sperm.<br/><span class="comp02">- That's it. Take it all.</span><br/>Having finished pumping your pussy with his cream, the man wishes you a good day and that you come by more often,<br/>after which he leaves, leaving you alone. </span> </div> </div> <<elseif $Sub >= 300 and $Dom <= 299 and $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The man bends you over and thrusts his cock into your pussy.<br/> <span class="comp02">- A great hole, and you, bitch, just relax while I fuck it good.</span><br/>In response, all you can do is moan with pleasure and wag your ass, agreeing with him in everything.<br/>After a while, you feel how the thrusts become faster and faster, and with the last powerful blow,<br/>the cock inside you begins to fill the space of your uterus with viscous sperm.<br/><span class="comp02">- That's it. Take it all.</span><br/>Having finished pumping your pussy with his cream, the man wishes you a good day and that you come by more often,<br/>after which he leaves, leaving you alone. </span> </div> </div> <<elseif $Sub <= 299 and $Dom >= 300 and $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The man bends you over and thrusts his cock into your pussy.<br/> <span class="comp02">- A great hole, and you, bitch, just relax while I fuck it good.</span><br/>All you can do is moan from the thrusts of his cock without objecting.<br/>After a while, you feel how the thrusts become faster and faster, and with the last powerful blow,<br/>the cock inside you begins to fill the space of your uterus with viscous sperm.<br/><span class="comp02">- That's it. Take it all.</span><br/>Having finished pumping your pussy with his cream,<br/>the man wishes you a good day and that you come by more often, after which he leaves, leaving you alone. </span> </div> </div> <<elseif $Sub >= 300 and $Dom <= 299 and $EventEnc01 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The man bends you over and thrusts his cock into your pussy.<br/> <span class="comp02">- Wait a little and I'll fill this hole with my cum. Just the way you like it, right?</span><br/>In response, all you can do is moan with pleasure and wag your ass, agreeing with him in everything.<br/>After a while, you feel how the thrusts become faster and faster, and with the last powerful blow,<br/>the cock inside you begins to fill the space of your uterus with viscous sperm.<br/><span class="comp02">- That's it. Take it all.</span><br/>Having finished pumping your pussy with his cream, the man wishes you a good day and that you come by more often,<br/>after which he leaves, leaving you alone. </span> </div> </div> <<elseif $Sub <= 299 and $Dom >= 300 and $EventEnc01 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The man bends you over and thrusts his cock into your pussy.<br/> <span class="comp02">- Wait a little and I'll fill this hole with my cum. Just the way you like it, right?</span><br/>All you can do is moan from the thrusts of his cock without objecting.<br/>After a while, you feel how the thrusts become faster and faster, and with the last powerful blow,<br/>the cock inside you begins to fill the space of your uterus with viscous sperm.<br/><span class="comp02">- That's it. Take it all.</span><br/>Having finished pumping your pussy with his cream, the man wishes you a good day and that you come by more often,<br/>after which he leaves, leaving you alone. </span> </div> </div> <<elseif $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The man bends you over and thrusts his cock into your pussy.<br/> <span class="comp02">- That's it, bitch, take it, that's what you wanted, right?</span><br/>In response, you only moan from his powerful thrusts.<br/>After a while, you feel how the thrusts become faster and faster,<br/>and with the last powerful blow, the cock inside you begins to fill the space of your uterus with viscous sperm.<br/><span class="comp02">- That's it. Take it all.</span><br/>Having finished pumping your pussy with his cream, the man wishes you a good day and that you come by more often,<br/>after which he leaves, leaving you alone. </span> </div> </div> <<elseif $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The man bends you over and thrusts his cock into your pussy.<br/> <span class="comp02">- A great hole, and you, bitch, just relax while I fuck it good.</span><br/>In response, you only moan from his powerful thrusts.<br/>After a while, you feel how the thrusts become faster and faster,<br/>and with the last powerful blow, the cock inside you begins to fill the space of your uterus with viscous sperm.<br/><span class="comp02">- That's it. Take it all.</span><br/>Having finished pumping your pussy with his cream, the man wishes you a good day and that you come by more often,<br/>after which he leaves, leaving you alone. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The man bends you over and thrusts his cock into your pussy.<br/> <span class="comp02">- Wait a little and I'll fill this hole with my cum. Just the way you like it, right?</span><br/>In response, you only moan from his powerful thrusts.<br/>After a while, you feel how the thrusts become faster and faster, and with the last powerful blow,<br/>the cock inside you begins to fill the space of your uterus with viscous sperm.<br/><span class="comp02">- That's it. Take it all.</span><br/>Having finished pumping your pussy with his cream, the man wishes you a good day and that you come by more often,<br/>after which he leaves, leaving you alone. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "PShower_07">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -5<br/> Arousal -40<br/> Madness +2<br/> Corruption +2<br/> Eastern Reputation +7<br/> Vagina +7</center> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 40, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $ERep += 7>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> /* Изменение статистики */ <<set $SVagP += 1>> <<set $SRapP += 1>> <<set $SHumP += 1>> /* Изменение состояния вагины */ <<set $VaginaStatus += 7>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/068.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/069.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/070.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/071.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/072.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/073.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/074.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/075.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/076.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/077.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 300 and $Dom <= 299>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> With your lips wrapped around someone's cock, you methodically suck it until its<br/>owner empties the contents of his balls into your throat,<br/>after which another meat club takes its place in your mouth.<br/>At the same time, the same thing happens to your pussy. After some persistent pounding,<br/>your hole is filled with sperm and a new cock begins to use you.<br/>You diligently wag your ass and work your tongue despite the obscene jokes of the strangers fucking you<br/>and the occasional blows to the ass, until you finally freeze in a fit of another orgasm. </span> </div> </div> <<elseif $Sub <= 299 and $Dom >= 300>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> With your lips wrapped around someone's cock, you methodically suck it until its<br/>owner empties the contents of his balls into your throat,<br/>after which another meat club takes its place in your mouth.<br/>At the same time, the same thing happens to your pussy. After some persistent pounding,<br/>your hole is filled with sperm and a new cock begins to use you.<br/>You are held tightly by the ass and fucked so even cannot move while the man pounding your mouth<br/>holds your head from the front. Periodically, the strangers fucking you<br/>make dirty jokes and laugh, slapping your ass. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> With your lips wrapped around someone's cock, you methodically suck it<br/>until its owner empties the contents of his balls into your throat,<br/>after which another meat club takes its place in your mouth.<br/>At the same time, the same thing happens to your pussy. After some persistent pounding,<br/>your hole is filled with sperm and a new cock begins to use you.<br/>The strangers fucking you make dirty jokes and laugh, and despite this,<br/>you experience another orgasm. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "PShower_07">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +10<br/> Health -10<br/> Arousal -40<br/> Madness +4<br/> Corruption +3<br/> Eastern Reputation +15<br/> Vagina +15</center> </div> </div> /* Бонус к опыту */ <<set $Exp += 10>> <<run setup.checkLevelUp()>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 40, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $ERep += 15>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> /* Изменение статистики */ <<set $SVagP += 3>> <<set $SAssP += 2>> <<set $SOraP += 5>> <<set $SRapP += 1>> <<set $SHumP += 5>> <<set $SGruP += 1>> /* Изменение состояния вагины и ануса */ <<set $VaginaStatus += 15>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> <<set $AnusStatus += 10>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateAnus()>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 4>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(12)>> /* Случайное число от 0 до 12 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/078.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/079.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/080.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/081.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/082.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/083.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/084.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/085.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/086.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/087.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/088.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/089.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Gym/Shower/090.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 300 and $Dom <= 299 and $Corr == 50>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having played with you enough, they leave you.<br/>You are alone on the wet floor experiencing a bright orgasm and enjoying<br/>the feeling of streams of sperm flowing out of your used pussy. </span> </div> </div> <<elseif $Sub >= 300 and $Dom <= 299>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having played with you enough, they leave you.<br/>You are alone on the wet floor experiencing a bright orgasm and enjoying<br/>the range of sensations of your used pussy. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having played with you enough, they leave you.<br/>You are alone on the wet floor with a stream of cum<br/>leaking out of your pussy. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Gym_01">> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(13)>> /* Случайное число от 0 до 13 */ <div class="game-content"> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13 and $TDay >= 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Fire/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> As you look around the area, you are attracted by a strange smell and smoke coming from one of the alleys. Coming closer, you see a police-cordoned area where two people in hazmat suits are burning a large pile of black, slimy tentacles that have emerged from somewhere underground. </span> </div> </div> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> </div> <<Message "Thinking becomes a little easier">> <<set $Bim -= 2>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>SETTINGS</h2></div> <div style="text-align: center;"><img src="img/Navigation/Settings/Settings_00.jpg" class="centerImage" style="max-width:100%;"></div> <div style="text-align: center;">This is the game settings menu.<br/>Subscribers can also move to the cheats tab from here.</div> <div style="text-align: center;">---------------------------</div> <h3>Background color depending on the time of day and a Ghost cursor</h3> <div style="text-align: center;"> <label> <<checkbox "$BackСolor" 0 1 autocheck>> <span style="color: rgba(207, 198, 107, 1.0); font-size: 1.2em;"> TIME COLOR</span> </label> </div> <div class="links-container00"> <div class="links01"> <label> <<checkbox "$GhostCursor" 0 1 autocheck>> <span style="color: rgba(207, 198, 107, 1.0); font-size: 1.2em;"> CURSOR</span> </label></div>     <div class="links01"> <label> <<checkbox "$SplashCursor" 0 1 autocheck>> <span style="color: rgba(207, 198, 107, 1.0); font-size: 1.2em;"> FOG</span> </label> </div></div> <div class="links-container00"> <div class="links01"> <<link "CHEATS">> <<goto "Settings_01">> <</link>> </div> <div class="links01"> <<link "CONTENT">> <<goto "Settings_03">> <</link>> </div> </div> <br/> <br/> <br/> <br/> <span class="btn2"> <<button "<strong>BACK</strong>" $location>><</button>> </span> </div> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>CHEATS MENU</h2></div> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Navigation/Settings/Settings_01.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div style="text-align: center;"><br/><br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">Use this feature at your own risk. Although it should not break the game, it may spoil the impressions from its passage.</span></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> <<link "HEALTH +10">> <<run disableLink(event.target, 700)>> <<set $HP to Math.clamp($HP + 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<Message "You have increased your health">> <</link>></div> <div class="links01"> <<link "HEALTH -10">> <<run disableLink(event.target, 700)>> <<set $HP to Math.clamp($HP - 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<Message "You have lowered your health">> <</link>></div> <div class="links01"> <<link "ENDURANCE +10">> <<run disableLink(event.target, 700)>> <<set $MP to Math.clamp($MP + 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<Message "You have increased your energy">> <</link>></div> <div class="links01"> <<link "ENDURANCE -10">> <<run disableLink(event.target, 700)>> <<run disableLink(event.target, 700)>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<Message "You have lowered your energy">> <</link>></div> <div class="links01"> <<link "AROUSAL +10">> <<run disableLink(event.target, 700)>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<Message "You have increased your arosual">> <</link>></div> <div class="links01"> <<link "AROUSAL -10">> <<run disableLink(event.target, 700)>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<Message "You have lowered your arosual">> <</link>></div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ LEAVE|Settings_00]] </div> <div class="links01"> <<link "CORRUPTION +10">> <<run disableLink(event.target, 700)>> <<run updateCorrMinimum()>> <<set $CorrBase += 10>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <<Message "You have increased your corruption">> <</link>></div> <div class="links01"> <<link "CORRUPTION -10">> <<run disableLink(event.target, 700)>> <<run disableLink(event.target, 700)>> <<run updateCorrMinimum()>> <<set $CorrBase -= 10>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <<Message "You have increased your corruption">> <<Message "You have lowered your corruption">> <</link>></div> <div class="links01"> <<link "MADNESS +10">> <<run disableLink(event.target, 700)>> <<run updateMadMinimum()>> <<set $Mad += 10>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <<Message "You have increased your madness">> <</link>></div> <div class="links01"> <<link "MADNESS -10">> <<run disableLink(event.target, 700)>> <<run disableLink(event.target, 700)>> <<run updateMadMinimum()>> <<set $Mad -= 10>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <<Message "You have lowered your madness">> <</link>></div> <div class="links01"> <<link "REP RESET">> <<run disableLink(event.target, 700)>> <<set $ERep to 0>> <<run updateETitle()>> <<set $NRep to 0>> <<run updateNTitle()>> <<set $DRep to 0>> <<run updateDTitle()>> <<set $WRep to 0>> <<run updateWTitle()>> <<run UIBar.setStoryElements()>> <<Message "You have reset your reputation">> <</link>></div> <div class="links01"> <<link "ALL REP + 100">> <<run disableLink(event.target, 700)>> <<set $ERep += 100>> <<run updateETitle()>> <<set $NRep += 100>> <<run updateNTitle()>> <<set $DRep += 100>> <<run updateDTitle()>> <<set $WRep += 100>> <<run updateWTitle()>> <<run UIBar.setStoryElements()>> <<Message "You have lowered your reputation">> <</link>></div> </div> <div class="links-container03"> <div class="links01"> <<link "MONEY +100">> <<run disableLink(event.target, 700)>> <<set $Money += 100>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have increased your money">> <</link>></div> <div class="links01"> <<link "FITNESS +1">> <<run disableLink(event.target, 700)>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "You have increased your fitness">> <</link>></div> <div class="links01"> <<link "EXPERIENCE +100">> <<run disableLink(event.target, 700)>> <<set $Exp += 500>> <<run setup.checkLevelUp()>> <<Message "You have increased your experience">> <</link>></div> <div class="links01"> <<link "POINTS RESET ">> <<run disableLink(event.target, 700)>> <<set $StatP += (Math.max($STRBase, 2) - 2) + (Math.max($DEXBase, 2) - 2) + (Math.max($INTBase, 1) - 1)>> <<set $STRBase to 2>> <<set $DEXBase to 2>> <<set $INTBase to 1>> <<Message "You have reset your points">> <</link>></div> <div class="links01"> <<link "SUBMISSION +100">> <<run disableLink(event.target, 700)>> <<set $Sub += 100>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 100>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<Message "You have increased your submission">> <</link>></div> <div class="links01"> <<link "DOMINANCE +100">> <<run disableLink(event.target, 700)>> <<set $Sub -= 100>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom += 100>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<Message "You have increased your dominance">> <</link>></div> </div></div> </div> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>MONSTERS</h2></div> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/001.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div style="text-align: center;"><br/>Information about unusual and hostile to humans representatives of local wildlife<br/><br/><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> [[COCKTACLE|Cocktacle_00]] </div> <div class="links01"> [[FUCKBUNNY|Fuckbunny_00]] </div> <div class="links01"> [[PIGFUCKER|Pigfucker_00]] </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|LIBRARY_00]] </div> <div class="links01"> [[PONIKTULHU|Poniktulhu_00]] </div> <div class="links01"> [[MEATSTAR|Meatstar_00]] </div> </div> <div class="links-container03"> <div class="links01"> [[SHADOWSHOGG|Shadowshogg_00]] </div> <div class="links01"> [[OILHOUND|Oilhound_00]] </div> <div class="links01"> [[PHANTASM|Phantasm_00]] </div> </div> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -3em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>LOOT</h2></div> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/003.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div style="text-align: center;">Information about the most common valuables that can be found in the city and its surroundings.<br/><br/><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> [[PEARL|Pearl_00]] </div> <div class="links01"> [[SKINS|Skins_00]] </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|LIBRARY_00]] </div> <div class="links01"> [[JEWELRY|Jewelry_00]] </div> <div class="links01"> [[FANGS|Fangs_00]] </div> </div> <div class="links-container03"> <div class="links01"> [[PLANTS|Valuable_plants_00]] </div> <div class="links01"> [[MUSHROOMS|Alchemical_mushroom_00]] </div> </div> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -3em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>POTIONS</h2></div> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/002.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div style="text-align: center;">Information about the most common potions produced by local alchemists.<br/><br/><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> [[HEALING|Healing_potion_00]] </div> <div class="links01"> [[STAMINA|Potion_of_Stamina_00]] </div> <div class="links01"> [[ACID|Potion_of_acid_00]] </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|LIBRARY_00]] </div> <div class="links01"> [[CALM|Potion_of_Calm_00]] </div> <div class="links01"> [[RENEWAL|Potion_of_Renewal_00]] </div> </div> <div class="links-container03"> <div class="links01"> [[STEALTH|Stealth_Potion_00]] </div> <div class="links01"> [[LUXURI|Potion_of_Luxurious_Forms_00]] </div> <div class="links01"> [[MEMORY|Memory_Potion_00]] </div> </div> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -2em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>PARAMETERS</h2></div> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/004.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div style="text-align: center;">Information about the game character's traits and characteristics.<br/><br/><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> [[CORRUPTION|Corruption_00]] </div> <div class="links01"> [[MADNESS|Insanity_00]] </div> <div class="links01"> [[AROUSAL|Arousal_00]] </div> <div class="links01"> [[INTOXICATION|Intoxication_00]] </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|LIBRARY_00]] </div> <div class="links01"> [[STRENGTH|Strength_00]] </div> <div class="links01"> [[DEXTERITY|Dexterity_00]] </div> <div class="links01"> [[INTELLIGENCE|Intelligence_00]] </div> <div class="links01"> [[MINDCURSE|MindCurse_00]] </div> </div> <div class="links-container03"> <div class="links01"> [[LEVELS|Exp_and_Level_00]] </div> <div class="links01"> [[BEAUTY|Beauty_00]] </div> <div class="links01"> [[FITNESS|Fitness_00]] </div> <div class="links01"> [[CLOTHING|Clothing_00]] </div> <div class="links01"> [[WEAPONS|Weapons_00]] </div> </div> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -3em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>PLACES</h2></div> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/005.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div style="text-align: center;">Information about the features of various places in the city and its surroundings.<br/><br/><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> [[FOG|Fog_00]] </div> <div class="links01"> [[CITY|City_00]] </div> <div class="links01"> [[FARM|FARM_00]] </div> <div class="links01"> [[ARENA|ARENA_00]] </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|LIBRARY_00]] </div> <div class="links01"> [[GUILD|Adventurers_Guild_00]] </div> <div class="links01"> [[FIELDS|Meadows_00]] </div> </div> <div class="links-container03"> <div class="links01"> [[FOREST|Forest_00]] </div> <div class="links01"> [[CAVES|Caves_00]] </div> <div class="links01"> [[BEACH|BEACH_00]] </div> <div class="links01"> [[LABS|LABS_00]] </div> </div> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -3em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>COCKTACLE</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Cocktacle/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Cocktacle/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Cocktacle/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A monster creature of black slime that takes the form of one or more tentacles<br/>at the base of which is a body resembling a male sexual organ.<br/>It can partially change the density and shape of its body and has a weak effect on the mind.<br/>It can be encountered in forests or caves.<br/>A fairly weak opponent, primarily posing a threat to people with weak mental resistance. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|MONSTERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>FUCKBUNNY</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Fuckbunny/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Fuckbunny/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Fuckbunny/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> An animal beast modified by the aggressive environment of fog. Found in meadows outside the city.<br/>Unlike ordinary rabbits, it has a pure white color and is larger in size.<br/>Hunters have encountered individuals up to half a meter in height, but this is an exceptional case.<br/>They are very aggressive and use themselves as a projectile during a jump to attack,<br/>knocking the enemy off his feet, or attack with blows of powerful hind legs.<br/>They have weak mental abilities, but due to their animal origin, they are not capable of complex influence on the mind.<br/>Young individuals gather in groups to compensate for their weakness. This is a herbivore. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|MONSTERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>PIGFUKER</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Pigfucker/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Pigfucker/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Pigfucker/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Animal Beast humanoid capable of moving freely in the fog.<br/>Avoids forests without staying in them during forced transitions.<br/>They have great physical strength and sometimes wear some human objects and other garbage they find.<br/>They can be found in the area of fields and meadows hunting rabbits or looking for piles of garbage.<br/>Some body fluids of these animals can cause poisoning or addiction,<br/>so the use or sale of their meat and body parts except for skins or fangs,<br/>as well as use in alchemy, is prohibited. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|MONSTERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>PONIKTULHU</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Poniktulhu/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Poniktulhu/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Poniktulhu/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A monster creature consisting of dense black slime, taking the form of a black pony with octopus features.<br/>In a calm state, it is in the form of a large black puddle. The main habitat is forests.<br/>If necessary, it can almost instantly take its main form and attack, causing horror and panic with its mental abilities.<br/>Herbivorous, but when it detects a nearby intelligent creature, it attacks in order to absorb part of its psychic energy,<br/>for this it covers the victim's head with tentacles.<br/>Quite strong mental abilities, very dangerous. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|MONSTERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>SHADOWSHOGG</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Shadowshogg/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Shadowshogg/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Shadowshogg/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> A monster creature that looks like a shapeless pile of tentacles made of black mucus.<br/>It is capable of mimicry by changing its color and shape, can take a liquid or semi-liquid state, but most often has a black color.<br/>It has no specific size, occurring both in the form of a dozen tentacles and a mass of several hundred.<br/>Extraordinary psychic powers. It can both divert glances from itself by falling out and lure or inspire unhealthy ideas,<br/>thoughts and hallucinations, as well as affect memory.<br/>Meetings with this creature negatively affect mental stability. Vulnerable to fire and acids.<br/>Very dangerous. Due to its characteristics, it can be encountered anywhere,<br/>but avoids illuminated places, although it itself is capable of emitting it in exceptional cases. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|MONSTERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>OILHOUND</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Oilhound/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Oilhound/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Oilhound/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> The monster creature that looks like a wolf or a dog made of black oily slime.<br/>It can be encountered at night in the dark alleys of the city.<br/>No one knows exactly how they get into the city or where they hide during the day,<br/>fortunately the threat of meeting them is not as great as the strength of this monster.<br/>The behavior is no different from an aggressive dog,<br/>attacking people to absorb psychic energy, so deaths from attacks are extremely rare.<br/>People are advised to avoid night time if possible or use streets and passages with lighting.<br/>The monster has weak psychic abilities. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|MONSTERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>PHANTASM</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Phantasm/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Phantasm/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Monsters/Phantasm/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> No one knows exactly what it is, but it is assumed that this creature has a very strong influence on the psyche, which prevents the determination of its appearance and size, although everyone who happened to meet it and stay alive claim some wolfish distinctive features. This creature lives in the fog and moves in its area. There is not a single case of documented victory over it, everyone who tried to fight this creature disappeared without a trace and are considered dead. If you believe that you have encountered this monster, you must immediately leave the fog area or, if this is impossible, move to an area with the lowest density, or strong lighting, or a complete absence of light and remain silent. There is an assumption that this creature has weak eyesight and smell, which work only at dusk. This creature is able to change the location of the surrounding fog. Wind and gusts of air are not able to dispel the fog in which this creature is hiding and can only slow down its movement. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|MONSTERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>PEARL</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Loot/001.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Pearls of local sea creatures. Although these pearls do not differ in appearance from ordinary ones, they are a completely different substance and are not a blank for jewelry. The city processes these pearls to produce combustible mixtures and fuel. Despite the fact that this is in fact an energy resource, it does not have a high cost as there are many people willing to mine it, although there are no legal obstacles for free extraction or personal use. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|LOOT_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>SKINS</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Loot/006.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Skin of local animals and monsters.<br/>Mainly divided into three categories: fur, thick hide and rubber-like structure.<br/>The first two are used in furniture and clothing production, less often in industry, the last one is valuable for alchemists.<br/>There is no particular price difference between these categories. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|LOOT_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>JEWELRY</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Loot/005.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Various ornaments made of gold and silver, less often enchanted iron ornaments.<br/>In the vast majority of cases they have no practical value, but are in short supply since the city has no source of obtaining these materials. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|LOOT_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>FANGS</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Loot/003.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Fangs and teeth of local animals.<br/>Are valuable for alchemists.<br/>For the common man they have no practical use and have no specific effects. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|LOOT_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>VALUABLE PLANTS</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Loot/002.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Various local herbs used in alchemy.<br/>The main resource for the city's alchemy is grown artificially, while such specimens are required only in small doses or for experiments.<br/>As a rule, anyone who sees an unusual or remarkable plant can pick it for subsequent sale.<br/>Such herbs are always in demand and have value, although small.<br/>Ingestion is not recommended, since most unusual local plants cause various poisonings, ranging from diarrhea to instant death. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|LOOT_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>ALCHEMICAL MUSHROOMS</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Loot/004.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> A mushroom common in local forests.<br/>It is black in color and oily in texture, and may emit a faint glow.<br/>It is safe to ingest raw or cooked, but such consumption is not recommended.<br/>It is of particular value to alchemists, as it is used as a catalyst in the creation of almost any potion. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|LOOT_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>POTION OF STAMINA</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Potions/002.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> A potion that restores energy to the drinker. Does not eliminate the need for food and has a negative effect on the mind. Often abused by adventurers. There is no evidence that it causes addiction, but people who abuse this product are registered with the city guard as possible criminals. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|POTIONS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>POTION OF ACID</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Potions/003.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Acid in a bottle. A suspicious translucent liquid, practically harmless to humans and most objects, but capable of causing severe pain and damage to the stomach and throat when trying to drink it. It has a destructive effect reminiscent of chemical burns when in contact with creatures affected by the fog. Unfortunately, production on an industrial scale is impossible, so the city authorities prefer fire and flammable mixtures. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|POTIONS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>HEALING POTION</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Potions/001.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> A potion that restores the drinker's health. Provides almost instant recovery, but has a negative effect on the mind. Although its use for individuals is unlimited, the city administration has decided to avoid the use of this substance whenever possible during the provision of paid medical services. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|POTIONS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>POTION OF CALM</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Potions/004.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Potion of Calm. The main effect of which is to neutralize the negative impact on the user's psyche. It is not able to cure any congenital mental deviations or those received due to injuries, being essentially an antidote and removal of harmful substances from the body. It is used with frequent use of other alchemical preparations to smooth out their side effects. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|POTIONS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>POTION OF RENEWAL</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Potions/005.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> This potion rejuvenates the user's body, and is theoretically capable of prolonging life and healing some age-related diseases, but is not a protection against death due to old age, rather it is considered a general tonic and cosmetic drug. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|POTIONS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>STEALTH POTION</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Potions/007.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> An unusual potion that increases the user's mental potential and at the same time changes its tone, which leads to the fact that the person who drank this potion begins to fall out of the attention of others. Does not affect those whose attention is focused on you as a result of your own actions, as well as those who think or remember you, being primarily a defense against accidental attention and unwanted meetings. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|POTIONS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>POTION OF LUXURIOUS FORMS</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Potions/006.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> A cosmetic potion that helps increase the size of breasts and buttocks. Very capricious and does not always lead to the desired result.<br/>Possibly a strong negative effect on the mind. It is recommended to use only if there is a potion of calm if side effects occur. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|POTIONS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>MEMORY POTION</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Potions/008.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> A potion that temporarily increases the user's mental potential, causing a mental outburst that makes people around them forget some of the facts about the person who drank it. It is not illegal, but its use is frowned upon and is most often used by dishonest people to try to wash their reputation. It may have a strong negative effect on the mind. It is recommended to use it only if you have a calm potion if side effects occur. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|POTIONS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>CORRUPTION</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Corruption/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Corruption/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Corruption/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>CORRUPTION</strong> - The parameter of sexual licentiousness of the character. Increases with participation in events of a sexual nature.<br/>Decreases over time. Used to check consent to participate in some events and some reactions of the character to events. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>MADNESS</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Insanity/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Insanity/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Insanity/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>MADNESS</strong> - The parameter of the state of integrity of the character's psyche. The world itself in which the main character found<br/>herself undermines the common sense of its inhabitants. The parameter grows with the participation of the character in traumatic<br/>events. Decreases over time. Reduces vulnerability to influence on the mind (it is not so easy to powder the brains of those who <br/>have porridge instead of them). Used in checks for the possibility of committing strange and illogical actions, as well as breaking the<br/>fourth wall. Upon reaching the threshold of 100, the game ends. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>AROUSAL</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Arousal/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Arousal/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Arousal/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>AROUSAL</strong> - The parameter responsible for the character's level of sexual tension.<br/>Increases when participating in certain scenes of a sexual nature and is reset in other similar events. Decreases over time.<br/>Increases vulnerability to influence on the mind. The maximum can be increased. Used for some checks. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>INTOXICATION</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Intoxication/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Intoxication/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Intoxication/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>INTOXICATION</strong> - The parameter responsible for the character's level of alcohol or drug intoxication.<br/>Increases when using certain substances. Decreases over time. Increases vulnerability to influence on the mind.<br/>The maximum can be increased. Used for some checks. A high value can lead to a decrease in health. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>STRANGTH</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Strength/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Strength/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Strength/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>STRENGTH</strong> - The character's strength parameter. It is not a literal definition of her<br/>strength, but rather a set of features that allow her to inflict maximum damage<br/>and effectively use the physical strength of her body. It is used in fights and for<br/>some checks that require the use of physical strength. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>DEXTERITY</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Dexterity/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Dexterity/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Dexterity/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>DEXTERITY</strong> - The character's agility parameter. It is not a literal definition of her agility, but rather a set of features<br/>that allow her to avoid damage and effectively use her body's mobility and coordination.<br/>It is used in fights and for some checks that require precision movements. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>INTELLIGENCE</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Intelligence/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Intelligence/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Intelligence/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>INTELLIGENCE</strong> - The character's intelligence parameter. It is not a literal definition of her intelligence,<br/>but rather a set of features that allow her to quickly find the widest possible range of options<br/>for action in response to any events, remember and calculate future events.<br/>It is used in fights as a bonus to damage and defense, reduces vulnerability to mental effects and is used for some checks. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>MINDCURSE</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/MindCurse/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/MindCurse/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/MindCurse/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>MIND CURSE</strong> - The character's vulnerability to hypnosis and mind-affecting magic. Depends on such parameters as Intelligence,<br/>Corruption, Madness, Arousal, Intoxication and body purity. Used in checks when the character is being subdued, convinced,<br/>confused or bewitched using influence on the mind. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>EXPERIENCE AND LEVEL</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Exp_and_Level/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Exp_and_Level/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Exp_and_Level/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> The player character can gain experience points by overcoming threatening events and increase their level. The character's level reflects the strength of their presence in this world, and upon reaching 20, they gain the ability to leave the city. For increasing the level, the player receives a point to increase one of the three main parameters. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>BEAUTY</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Beauty/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Beauty/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Beauty/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>BEAUTY</strong> - The character's attractiveness parameter. The higher this parameter, the stronger emotions she evokes in the people<br/>around her. depends on many other parameters, such as Fitness, breast and butt size, tattoos, piercings, makeup and clothing<br/>bonuses. Used for checks related to attracting attention and seduction. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>FITNESS</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Fitness/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Fitness/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Fitness/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>FITNESS</strong> - The character's athleticism parameter. The more this parameter is developed, the more energy the character<br/>has and the more beautiful her figure looks. Used for movement speed checks. Decreases over time. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>CLOTHING</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Clothing/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Clothing/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Clothing/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Local clothing is often found to be items that have entered the city through rare spatial anomalies. No one knows why this is so, but after a certain amount of processing, it ends up on the market and in shops as goods along with products produced in the city. Thanks to alchemists and other specialists, almost all clothing has additional positive properties for its owner, and sometimes a special combination of clothing mutually enhances these bonuses. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>WEAPONS</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Weapons/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Weapons/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Weapons/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Local weapons are presented in the form of various devices for close combat, since the main enemy is the local aggressive fauna with wide possibilities of influencing the mind. There are mainly three types of weapons, chopping, cutting or piercing and blunt. Hunters prefer to use a certain type for hunting specific monsters or beasts, since many of them have a vulnerability to one of these types. As in the case of clothing, weapons can have additional properties and synergies. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PARAMETERS_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>FOG</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Fog/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Fog/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Fog/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> FOG, unlike ordinary fog, has areas where it is constantly present and causes a temporal effect of constant twilight. These areas are extremely dangerous to life and are located mainly in forests. In border areas, the intensity and presence of fog change over time depending on the illumination. It has been proven that the long-term effect of fog on living organisms negatively affects the psyche and can cause various physical mutations, but as a rule, people staying in these areas more often become victims of attacks by various monsters for which this is a natural habitat. And although this fog behaves like an ordinary natural phenomenon, it is not, ignoring such parameters as pressure, temperature and air humidity, as well as not leaving any condensation. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PLACES_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>CITY</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/City/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/City/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/City/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> According to the prevailing opinion, this city was in this area long before the first settlers appeared. The settlers are people who accidentally got into this world through spatial anomalies and their descendants. No one knows exactly when it was built or who built it, but the general architecture brings to mind the Middle Ages, although the people who settled it added buildings from later, more high-tech times. The city has a simple sewer network added later and a deeper network of caves and catacombs. No one can say exactly how deep and how far these catacombs go, since their visits by city organizations are limited to preventive cleaning of nearby areas. The city lives mainly on the agricultural crops grown within its borders, hunting and fishing.<br/>All high-tech production is tied to the use and processing of local pearls, which act as a source of energy, although research is underway to create alternative energy sources on the surface of the sea free of fog. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PLACES_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>ADVENTURERS GUILD</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Adventurers_Guild/001.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> The Adventurers' Guild is essentially a kind of task market, where private companies and individuals come in need of certain services and goods. Here, residents registered in the guild can choose a job from the list if it matches their rank and profile. The guild is closely connected with trade with other settlements located beyond the fog and accepts and organizes caravans through the veil. Since this is a dangerous occupation and not every person can pass through dense areas of fog,<br/>such an event as a departing or arriving caravan is very rare. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PLACES_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>MEADOWS</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Meadows/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Meadows/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Meadows/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Meadows around the city. Some of them are artificial consequences of cutting down the growing forest, in order to have a buffer zone between the city and the fog. At night, the fog can spread to these areas. Meadows are a source of various alchemical herbs and animal sources of meat. But they can be dangerous for an inexperienced hunter and loners. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PLACES_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>FOREST</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Forest/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Forest/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Forest/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> In the forests, there is always a certain level of fog, which becomes denser as you move away from the city.<br/>Due to the constant presence of fog, the forest is the original habitat of various fog monsters and mutants.<br/>This does not mean that visiting the forest should be accompanied by a mandatory meeting with the enemy,<br/>but you need to keep in mind that the risk of this is very high, as is the level of strength of the enemy.<br/>Forests are a source of alchemical mushrooms, and some hunters build small houses there,<br/>in which you can temporarily hide from monsters if it is impossible to accept the fight.<br/>Forests are a place of constant twilight, where there is no change of day and night. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PLACES_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div style="text-align: center;"><h2>CAVES</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Caves/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Caves/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Art/Caves/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> The catacombs and caves under the city are a very dangerous and little-studied place. As a rule, they are free from the presence of fog, but if it is encountered, this indicates the presence of monsters nearby. The main threat of these places is the difficulty of orientation and periodic flooding, due to which a person exploring them can simply end up in a trap. Although the extraction of minerals is not carried out by the city, some hunters go there to extract certain materials. </span> </div> </div> <div class="links-row"> <div class="links-container02"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|PLACES_00]] </div> <div class="links01"> </div> <div class="links01"> </div> </div> <div class="links-container03"> <div class="links01"> </div> <div class="links01"> </div> <div class="links01"> </div> </div> <</nobr>> <<nobr>> <style> /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: -1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>ARTICLES</h2></div> <<if $Mad <= 59>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Job/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div style="text-align: center;">Various information about the city, its surroundings and aspects of local life.<br/><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> [[MONSTERS|MONSTERS_00]] </div> <div class="links01"> [[LOOT|LOOT_00]] </div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ LEAVE|LIBRARY_02]] </div> <div class="links01"> [[POTIONS|POTIONS_00]] </div> </div> <div class="links-container03"> <div class="links01"> [[PARAMETERS|PARAMETERS_00]] </div> <div class="links01"> [[PLACES|PLACES_00]] </div> </div> <<set $location to "LIBRARY_00">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>BEAUTY SALON</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/Beauty_salonMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/Beauty_salonM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Beauty_salon_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A large room with mirrors on the walls.<br/>It offers various services to correct your appearance.<br/><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> <<link "HAIR COLORING">> <<if $Money <= 9>> <<Message "You don't have enough money">> <<else>> <<goto "Beauty_salon_02">> <</if>> <</link>></div> <div class="links01"> <<link "TATTOO REMOVAL">> <<if $Money <= 14>> <<Message "You don't have enough money">> <<else>> <<goto "Beauty_salon_03">> <</if>> <</link>></div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ LEAVE|NoQuarter_04]] </div> <div class="links01"> <<link "HORN REMOVAL">> <<if $Hor == 0>> <<Message "You don't have horns">> <<elseif $Money <= 19>> <<Message "You don't have enough money">> <<else>> <<set $Hor to 0>> <<run UIBar.setStoryElements()>> <</if>> <</link>></div> <div class="links01"> <<link "📋 PRICES">> <<run disableLink(event.target, 1500)>> <<script>> Dialog.setup("   MENU"); Dialog.wiki("HAIR COLORING - 10<br/>EYE CORRECTION - 20<br/>HORN REMOVAL - 20<br/>TATTOO REMOVAL - 15<br/>PIERCING REMOVAL - 15"); Dialog.open(); <</script>> <</link>></div> </div> <div class="links-container03"> <div class="links01"> <<link "EYE CORRECTION">> <<if $Money <= 19>> <<Message "You don't have enough money">> <<else>> <<goto "Beauty_salon_04">> <</if>> <</link>></div> <div class="links01"> <<link "PIERCING REMOVAL">> <<if $Money <= 14>> <<Message "You don't have enough money">> <<else>> <<goto "Beauty_salon_05">> <</if>> <</link>></div> </div></div> <<set $location to "Beauty_salon_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>HAIR COLORING</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/Beauty_salonMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/Beauty_salonM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Beauty_salon_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A large room with mirrors on the walls.<br/>It offers various services to correct your appearance.<br/><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> <<link "BLACK">> <<if $HaC == 0>> <<Message "You already have this color">> <<else>> <<set $HaC to 0>> <<set $Money -= 10>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "BRUNETTE">> <<if $HaC == 1>> <<Message "You already have this color">> <<else>> <<set $HaC to 1>> <<set $Money -= 10>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|Beauty_salon_01]] </div> <div class="links01"> <<link "BLONDE">> <<if $HaC == 2>> <<Message "You already have this color">> <<else>> <<set $HaC to 2>> <<set $Money -= 10>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div> <div class="links-container03"> <div class="links01"> <<link "ASH BLONDE">> <<if $HaC == 3>> <<Message "You already have this color">> <<else>> <<set $HaC to 3>> <<set $Money -= 10>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "RED">> <<if $HaC == 4>> <<Message "You already have this color">> <<else>> <<set $HaC to 4>> <<set $Money -= 10>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div></div> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>TATTOO REMOVAL</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/Beauty_salonMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/Beauty_salonM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Beauty_salon_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A large room with mirrors on the walls.<br/>It offers various services to correct your appearance.<br/><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> <<link "ARM">> <<if $TArmStatus == 0>> <<Message "You don't have a tattoo here">> <<else>> <<set $TArmStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "ASS">> <<if $TAssStatus == 0>> <<Message "You don't have a tattoo here">> <<else>> <<set $TAssStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "BELLY">> <<if $TBellyStatus == 0>> <<Message "You don't have a tattoo here">> <<else>> <<set $TBellyStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "BREAST">> <<if $TBreastStatus == 0>> <<Message "You don't have a tattoo here">> <<else>> <<set $TBreastStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|Beauty_salon_01]] </div> <div class="links01"> <<link "FOOT">> <<if $TFootStatus == 0>> <<Message "You don't have a tattoo here">> <<else>> <<set $TFootStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "LEG">> <<if $TLegStatus == 0>> <<Message "You don't have a tattoo here">> <<else>> <<set $TLegStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "LIPS">> <<if $TLipsStatus == 0>> <<Message "You don't have a tattoo here">> <<else>> <<set $TLipsStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div> <div class="links-container03"> <div class="links01"> <<link "NECK">> <<if $TNeckStatus == 0>> <<Message "You don't have a tattoo here">> <<else>> <<set $TNeckStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "PUBIC">> <<if $TPubicStatus == 0>> <<Message "You don't have a tattoo here">> <<else>> <<set $TPubicStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "SIDE">> <<if $TSideStatus == 0>> <<Message "You don't have a tattoo here">> <<else>> <<set $TSideStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "TRUMP STAMP">> <<if $TTrumpStampStatus == 0>> <<Message "You don't have a tattoo here">> <<else>> <<set $TTrumpStampStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div></div> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>EYE CORRECTION</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/Beauty_salonMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/Beauty_salonM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Beauty_salon_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A large room with mirrors on the walls.<br/>It offers various services to correct your appearance.<br/><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> <<link "BLACK EYES">> <<if $Eye == 0>> <<Message "You already have this color">> <<else>> <<set $Eye to 0>> <<set $Money -= 20>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "BROWN EYES">> <<if $Eye == 1>> <<Message "You already have this color">> <<else>> <<set $Eye to 1>> <<set $Money -= 20>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|Beauty_salon_01]] </div> <div class="links01"> <<link "HAZEL EYES">> <<if $Eye == 2>> <<Message "You already have this color">> <<else>> <<set $Eye to 2>> <<set $Money -= 20>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div> <div class="links-container03"> <div class="links01"> <<link "BLUE EYES">> <<if $Eye == 3>> <<Message "You already have this color">> <<else>> <<set $Eye to 3>> <<set $Money -= 20>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "GRAY EYES">> <<if $Eye == 6>> <<Message "You already have this color">> <<else>> <<set $Eye to 6>> <<set $Money -= 20>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div></div> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>PIERCING REMOVAL</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/Beauty_salonMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/Beauty_salonM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Beauty_salon_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A large room with mirrors on the walls.<br/>It offers various services to correct your appearance.<br/><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> <<link "CLITORIS">> <<if $TClitorisStatus == 0>> <<Message "You don't have any piercings here">> <<else>> <<set $TClitorisStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "LABIA">> <<if $TLabiaStatus == 0>> <<Message "You don't have any piercings here">> <<else>> <<set $TLabiaStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div> <div class="links-container01"> <div class="links01"> [[⤴️ BACK|Beauty_salon_01]] </div> <div class="links01"> <<link "NIPPLES">> <<if $TNippleStatus == 0>> <<Message "You don't have any piercings here">> <<else>> <<set $TNippleStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div> <div class="links-container03"> <div class="links01"> <<link "NOSE">> <<if $TNoseStatus == 0>> <<Message "You don't have any piercings here">> <<else>> <<set $RingN to 0>> <<set $TNoseStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> <div class="links01"> <<link "TONGUE">> <<if $TTongueStampStatus == 0>> <<Message "You don't have any piercings here">> <<else>> <<set $TTongueStampStatus to 0>> <<set $Bea to Math.clamp(Math.floor(($Fit / 3) + ($ChestStatus / 100) + ($AssStatus / 100) + $TArmStatus + $TNeckStatus + $TLipsStatus + $TFootStatus + $TLegStatus + $TBreastStatus + $TBellyStatus + $TPubicStatus + $TSideStatus + $TAssStatus + $TTrumpStampStatus + $TClitorisStatus + $TLabiaStatus + $TNippleStatus + $TNoseStatus + $TTongueStampStatus), 0, 100)>> <<run updateAroBonus()>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<goto "Beauty_salon_01">> <</if>> <</link>></div> </div></div> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(2)>> /* Случайное число от 0 до 2 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0 and $EventEnc01 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Underwater/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $EventEnc01 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Underwater/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $EventEnc01 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Underwater/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $EventEnc01 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Underwater/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $EventEnc01 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Underwater/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $EventEnc01 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Underwater/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Underwater/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Underwater/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $EventEnc01 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Underwater/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While searching for pearls, you found yourself entangled in long and strong seaweed.<br/>With difficulty, but you managed to escape. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly, some predatory fish attacked you. Having received a sensitive bite on the leg, and in response a kick with this leg.<br/>It chose to hide, leaving you with a bleeding bite. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While diving, you noticed a small, strange spider-like creature and decided to move to another place.<br/>The encounter with this creature inexplicably scared you. </span> </div> </div> <</if>> <<if $EventEnc00 == 0>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Stamina -20</center> </div> </span></div> <<elseif $EventEnc00 == 1>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Health -20</center> </div> </span></div> <<elseif $EventEnc00 == 2>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Madness +3</center> </div> </span></div> <</if>> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<if $EventEnc00 == 0>> <<set $MP to Math.clamp($MP - 20, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<elseif $EventEnc00 == 1>> <<set $HP to Math.clamp($HP - 20, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<run UIBar.setStoryElements()>> <<elseif $EventEnc00 == 2>> <<run updateMadMinimum()>> <<set $Mad += 3>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack03 { position: relative; top: 260px; left: 880px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While exploring the area, you are stopped by a group of police officers for an inspection. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Police_02_0">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The policemen exchanged glances, after which one of them stood at the entrance to the alley and the other went with you into its depths.<br/>When you squatted in front of him, he unbuttoned his pants and shoved his dick into your face.<span class="comp02"><br/>- Let's start the inspection with your mouth.</span> The cop laughed.<br/>Having grabbed the policeman's dick with your lips, you begin to cover its shaft with kisses<br/>and vigorously swallow it into your throat, as befits an obedient slut. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The policemen exchanged glances, after which one of them stood at the entrance to the alley and the other went with you into its depths.<br/>When you squatted in front of him, he unbuttoned his pants and shoved his dick into your face.<span class="comp02"><br/>- Let's start the inspection with your mouth.</span> The cop laughed.<br/>Having taken the policeman's dick in your mouth, you have to suck it diligently.<br/>The alley is filled with the sounds of your smacking lips. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The policemen exchanged glances, after which one of them stood at the entrance to the alley and the other went with you into its depths.<br/>When you squatted in front of him, he unbuttoned his pants and shoved his dick into your face.<span class="comp02"><br/>- Let's start the inspection with your mouth.</span> The cop laughed.<br/>With your mouth filled with another male member, you sit in a dark alley and suck.<br/>Thinking that this position can become a habit. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Police_03">> <</link>></div> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 0, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 15, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $WRep += 15>> <<set $WRep to Math.clamp($DRep, 0, 1000)>> <<run updateWTitle()>> /* Изменение статистики */ <<set $SOraP += 1>> <<set $SHumP += 1>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>After a while, the cop pulls his dick out of your mouth.<span class="comp02"><br/>- It's time for the reward. Open your mouth wide, bitch.</span><br/> After which a powerful stream of cum hits your face.<br/>After filling your mouth, you swallow and show the cop your tongue. <span class="comp02"><br/>- Good bitch.</span><br/>The cop wipes his dick on your hair and walks away,<br/>leaving you covered in his cum in a dark alley alone. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>After a while, the cop pulls his dick out of your mouth.<span class="comp02"><br/>- It's time for the reward. Open your mouth wide, bitch.</span><br/> After which a powerful stream of cum hits your face.<br/>Finishing painting your face with his cream, the cop wipes his dick on your hair<br/>and walks away, leaving you alone. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "00">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Arousal +15<br/> Corruption +3<br/> Madness +1<br/> Western Reputation +15</center> </div> </div> /* Следы спермы */ <<set $Sperm to 1>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(15)>> /* Случайное число от 0 до 15 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/039.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/040.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199 and $VaginaStatus <= 499>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The cop pulls down his pants and pins you against the alley wall.<span class="comp02"><br/>- Let's begin the inspection.</span><br/>Having positioned his dick against your already wet hole, he enters with a sharp jerk and begins his pounding.<br/><span class="comp02">- For a bitch like you, your hole is pretty tight. Do you prefer sucking or taking cocks in your ass?</span><br/>You are fucked like the last whore in a dark alley and it seems you are starting to like it.<br/>Screaming from the pleasant sensations of your cunt, dripping with juices, being used again by such a strong cock, after a while you experience an orgasm, feeling how the policeman begins to fill your hole with his sperm.<br/><span class="comp02">- I'm sure that the next time I put you on my dick, your cunt will already be well developed.</span><br/>Having pulled his dick out of your public hole, the cop zips up his pants and leaves, leaving you alone. </span> </div> </div> <<elseif $Sub >= 200 and $Dom <= 199 and $VaginaStatus >= 500 >> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The cop pulls down his pants and pins you against the alley wall.<span class="comp02"><br/>- Let's begin the inspection.</span><br/>Having positioned his dick against your already wet hole, he enters with a sharp jerk and begins his pounding.<br/><span class="comp02">- I must admit that your cunt is already pretty developed, do you often take cocks?</span><br/>You are fucked like the last whore in a dark alley and it seems you are starting to like it.<br/>Screaming from the pleasant sensations of your cunt, dripping with juices, being used again by such a strong cock, after a while you experience an orgasm, feeling how the policeman begins to fill your hole with his sperm.<br/><span class="comp02">- It must be hard to walk normally when your legs spread by themselves, huh?</span> The policeman laughed.<br/>Having pulled his dick out of your public hole, the cop zips up his pants and leaves, leaving you alone. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The cop pulls down his pants and pins you against the alley wall.<span class="comp02"><br/>- Let's begin the inspection.</span><br/>Having positioned his dick against your already wet hole, he enters with a sharp jerk and begins his pounding.<br/><span class="comp02">- I love fucking bitches like you.</span><br/>As you impale yourself on the policeman's strong cock, you wait for him to fill your hole with a portion of his sperm.<br/>You are fucked like the last whore in a dark alley and it seems you are starting to like it.<br/><span class="comp02">- Whores with a big Ego. Eh... Take it.</span>You feel how the cock inside you twitched and began to fill you with a huge portion of sperm.<br/><span class="comp02">- That's it. Good bitch, take it all, to the last drop.</span><br/>Having pulled his dick out of your dripping hole, the cop zips up his pants and leaves, leaving you alone. </span> </div> </div> <<elseif $VaginaStatus >= 500 >> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The cop pulls down his pants and pins you against the alley wall.<span class="comp02"><br/>- Let's begin the inspection.</span><br/>Having positioned his dick against your already wet hole, he enters with a sharp jerk and begins his pounding.<br/><span class="comp02">- I must admit that your cunt is already pretty developed, do you often take cocks?</span><br/>You are fucked like the last whore in a dark alley and it seems you are starting to like it.<br/>Moaning from the pleasant sensations of a strong cock fucking your pussy, after a while you scream and experience an orgasm, feeling how the cop begins to fill your hole with his cream.<br/><span class="comp02">- It must be hard to walk normally when your legs spread by themselves, huh?</span> The policeman laughed.<br/>Having pulled his dick out of your dripping hole, the cop zips up his pants and leaves, leaving you alone. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The cop pulls down his pants and pins you against the alley wall.<span class="comp02"><br/>- Let's begin the inspection.</span><br/>Having positioned his dick against your already wet hole, he enters with a sharp jerk and begins his pounding.<br/><span class="comp02">- For a bitch like you, your hole is pretty tight. Do you prefer sucking or taking cocks in your ass?</span><br/>You are fucked like the last whore in a dark alley and it seems you are starting to like it.<br/>Moaning from the pleasant sensations of a strong cock fucking your pussy, after a while you scream and experience an orgasm, feeling how the cop begins to fill your hole with his cream.<br/><span class="comp02">- I'm sure that the next time I put you on my dick, your pussy will already be well developed.</span><br/>Having pulled his dick out of your dripping hole, the cop zips up his pants and leaves, leaving you alone. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "00">> <</link>> </div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Arousal -40<br/> Corruption +4<br/> Madness +1<br/> Western Reputation +20</center> </div> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Следы спермы */ <<set $Sperm to 1>> /* повышение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 40, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 4>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение репутации */ <<set $WRep += 20>> <<set $WRep to Math.clamp($DRep, 0, 1000)>> <<run updateWTitle()>> /* Изменение статистики */ <<set $SVagN += 1>> <<set $SHumP += 1>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(2)>> /* Случайное число от 0 до 2 */ <div class="game-content"> <br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/Police/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $WRep >= 200 and $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <span class="comp02"><br/>- $WTitle $Pname . There are records about you here.<br/>- I think it would be better if you were checked at the police station.</span> </span> </div> </div> <<elseif $NRep >= 300 and $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <span class="comp02"><br/>- $NTitle $Pname . There are records about you here.<br/>- I think it would be better if you were checked at the police station.</span> </span> </div> </div> <<elseif $ERep >= 400 and $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <span class="comp02"><br/>- $ETitle $Pname . There are records about you here.<br/>- I think it would be better if you were checked at the police station.</span> </span> </div> </div> <<elseif $DRep >= 500 and $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <span class="comp02"><br/>- $DTitle $Pname . There are records about you here.<br/>- I think it would be better if you were checked at the police station.</span> </span> </div> </div> <<elseif $DRep >= 500 and $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <span class="comp02"><br/>- $DTitle $Pname . There are records about you here.<br/>- I think it would be better if you were checked at the police station.</span> </span> </div> </div> <<elseif $ERep >= 400 and $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <span class="comp02"><br/>- $ETitle $Pname . There are records about you here.<br/>- I think it would be better if you were checked at the police station.</span> </span> </div> </div> <<elseif $NRep >= 300 and $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <span class="comp02"><br/>- $NTitle $Pname . There are records about you here.<br/>- I think it would be better if you were checked at the police station.</span> </span> </div> </div> <<elseif $WRep >= 200 and $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <span class="comp02"><br/>- $WTitle $Pname . There are records about you here.<br/>- I think it would be better if you were checked at the police station.</span> </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <span class="comp02"><br/>- Everything seems to be in order here. Have a nice day citizen $Pname .</span> </span> </div> </div> <</if>> <<if $WRep >= 200 and $EventEnc01 == 0>> <div class="links-container00"> <div class="links01"> <<link "CHECKING">> <<goto "City_Guard_Prison_01">> <</link>></div> <div class="links01"> <<link "SEDUCE">> <<if $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "Police_02_1">> <</if>> <</link>></div> </div> <<elseif $NRep >= 300 and $EventEnc01 == 0>> <div class="links-container00"> <div class="links01"> <<link "CHECKING">> <<goto "City_Guard_Prison_01">> <</link>></div> <div class="links01"> <<link "SEDUCE">> <<if $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "Police_02_1">> <</if>> <</link>></div> </div> <<elseif $ERep >= 400 and $EventEnc01 == 0>> <div class="links-container00"> <div class="links01"> <<link "CHECKING">> <<goto "City_Guard_Prison_01">> <</link>></div> <div class="links01"> <<link "SEDUCE">> <<if $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "Police_02_2">> <</if>> <</link>></div> </div> <<elseif $DRep >= 500 and $EventEnc01 == 0>> <div class="links-container00"> <div class="links01"> <<link "CHECKING">> <<goto "City_Guard_Prison_01">> <</link>></div> <div class="links01"> <<link "SEDUCE">> <<if $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "Police_02_2">> <</if>> <</link>></div> </div> <<elseif $DRep >= 500 and $EventEnc01 == 1>> <div class="links-container00"> <div class="links01"> <<link "CHECKING">> <<goto "City_Guard_Prison_01">> <</link>></div> <div class="links01"> <<link "SEDUCE">> <<if $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "Police_02_2">> <</if>> <</link>></div> </div> <<elseif $ERep >= 400 and $EventEnc01 == 1>> <div class="links-container00"> <div class="links01"> <<link "CHECKING">> <<goto "City_Guard_Prison_01">> <</link>></div> <div class="links01"> <<link "SEDUCE">> <<if $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "Police_02_2">> <</if>> <</link>></div> </div> <<elseif $NRep >= 300 and $EventEnc01 == 1>> <div class="links-container00"> <div class="links01"> <<link "CHECKING">> <<goto "City_Guard_Prison_01">> <</link>></div> <div class="links01"> <<link "SEDUCE">> <<if $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "Police_02_1">> <</if>> <</link>></div> </div> <<elseif $WRep >= 200 and $EventEnc01 == 1>> <div class="links-container00"> <div class="links01"> <<link "CHECKING">> <<goto "City_Guard_Prison_01">> <</link>></div> <div class="links01"> <<link "SEDUCE">> <<if $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "Police_02_1">> <</if>> <</link>></div> </div> <<else>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> <</if>> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Увеличение времени дня */ <<set $TDay += 1>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(16)>> /* Случайное число от 0 до 16 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked02/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SunNaked01/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having stripped naked, you settled down on the sand under the bright rays of the sun,<br/>enjoying the good weather for the next couple of hours. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having changed into a swimsuit, you settled down on the sand under the bright rays of the sun,<br/>enjoying the good weather for the next couple of hours. </span> </div> </div> <</if>> <<if $Corr >= 40>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Time +3<br/> Experience +5<br/> Stamina +20<br/> Health +10<br/> Arousal +10<br/> Fitness -1<br/> MindCurse -5<br/> Corruption +1<br/> Madness -2<br/> Intoxication -20<br/> Vagina -10<br/> Anus -10</center> </div> </span> <<else>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Time +3<br/> Experience +5<br/> Stamina +20<br/> Health +10<br/> Arousal +0<br/> Fitness -1<br/> MindCurse -5<br/> Corruption +0<br/> Madness -2<br/> Intoxication -20<br/> Vagina -10<br/> Anus -10</center> </div> </span> <</if>> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Увеличение времени дня */ <<set $TDay += 3>> /* Снижение фитнеса */ <<set $Fit -= 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Снижение ментальной уязвимости */ <<set $Bim -= 5>> <<set $Bim to Math.clamp($Bim, 0, 100)>> /* Лечение */ <<set $HP to Math.clamp($HP + 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Повышение энергии */ <<set $MP to Math.clamp($MP + 20, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Уменьшение интоксикации */ <<set $Tox to Math.clamp($Tox - 20, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Уменьшение статуса вагины */ <<set $VaginaStatus -= 10>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> /* Уменьшение статуса ануса */ <<set $AnusStatus -= 10>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateAnus()>> /* Уменьшение безумия */ <<run updateMadMinimum()>> <<set $Mad -= 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> /* Доп бонусы при развращенности */ <<if $Corr >= 40>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <</if>> <<run UIBar.setStoryElements()>> <<Message "⤴️ Your <strong>health</strong> is restored<br/><br/>⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤵️ Your <strong>mind</strong> is rested">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack03 { position: relative; top: 260px; left: 880px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 30%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(17)>> /* Случайное число от 0 до 17 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17 and $Corr >= 40 and $ChestStatus >= 600>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked02/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17 and $Corr >= 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/SwNaked01/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Beach/Base/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having stripped naked, you decided to swim for a few hours near the shore.<br/>Active recreation and good sunny weather will do you good. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having changed into a swimsuit, you decided to swim for a few hours near the shore.<br/>Active recreation and good sunny weather will do you good. </span> </div> </div> <</if>> <<if $Corr >= 40>> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<if $EventEnc01 == 0>> <<goto "SPrivBeach_01">> <<elseif $EventEnc01 == 1 and $Bea >= 25>> <<goto "SPrivBeach_01">> <<elseif $EventEnc01 == 2 and $Bea >= 45>> <<goto "SPrivBeach_01">> <<else>> <<goto "PrivBeach_01">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Time +3<br/> Experience +5<br/> Stamina -20<br/> Health +10<br/> Arousal +10<br/> Fitness +3<br/> MindCurse -5<br/> Corruption +1<br/> Madness -2<br/> Intoxication -20<br/> Vagina -3<br/> Anus -3</center> </div> </div> </div> <<else>> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<if $EventEnc01 == 0>> <<goto "SPrivBeach_01">> <<elseif $EventEnc01 == 1 and $Bea >= 25>> <<goto "SPrivBeach_01">> <<elseif $EventEnc01 == 2 and $Bea >= 45>> <<goto "SPrivBeach_01">> <<else>> <<goto "PrivBeach_01">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Time +3<br/> Experience +5<br/> Stamina -20<br/> Health +10<br/> Arousal +10<br/> Fitness +3<br/> MindCurse -5<br/> Corruption +1<br/> Madness -2<br/> Intoxication -20<br/> Vagina -3<br/> Anus -3</center> </div> </div> </div> <</if>> </div> /* Бонус к опыту */ <<set $Exp += 5>> <<run setup.checkLevelUp()>> /* Увеличение времени дня */ <<set $TDay += 3>> /* Повышение фитнеса */ <<set $Fit += 3>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Снижение ментальной уязвимости */ <<set $Bim -= 5>> <<set $Bim to Math.clamp($Bim, 0, 100)>> /* Лечение */ <<set $HP to Math.clamp($HP + 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* Повышение энергии */ <<set $MP to Math.clamp($MP - 20, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Уменьшение интоксикации */ <<set $Tox to Math.clamp($Tox - 20, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Уменьшение статуса вагины */ <<set $VaginaStatus -= 3>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> /* Уменьшение статуса ануса */ <<set $AnusStatus -= 3>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateAnus()>> /* Уменьшение безумия */ <<run updateMadMinimum()>> <<set $Mad -= 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> /* Доп бонусы при развращенности */ <<if $Corr >= 40>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <</if>> <<run UIBar.setStoryElements()>> <<Message "⤴️ Your <strong>health</strong> is restored<br/><br/>⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤴️ Your <strong>fitness</strong> is enhanced<br/><br/>⤵️ Your <strong>mind</strong> is rested">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack03 { position: relative; top: 260px; left: 880px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 28%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $Cinema to 0>> <div style="text-align: center;"><h2>CINEMA RECEPTION</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/CinemaMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/CinemaM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/Cinema_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A large hall with ticket offices for buying tickets to watch movies.<br/>At different times of the day, different types of movies are shown here.<br/>In the morning, various popular cartoons are shown.<br/>During the day, adventure movies about the lives of hunters and guild members.<br/>In the evening, romantic and erotic movies.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|EaQuarter_03]] </div> <div class="links-container01"> <div class="links01"> <<link "MORNING SESSION">> <<if $TDay <= 2>> <<Message "This show is not working yet">> <<elseif $TDay >= 9>> <<Message "Tickets are no longer on sale">> <<elseif $Money <= 7>> <<Message "Not enough money">> <<else>> <<set $Money -= 8>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $Cinema to 1>> <<goto "Cinema_01_0">> <</if>> <</link>></div> <div class="links01"> <<link "AFTERNOON SESSION">> <<if $TDay <= 5>> <<Message "This show is not working yet">> <<elseif $TDay >= 15>> <<Message "Tickets are no longer on sale">> <<elseif $Money <= 11>> <<Message "Not enough money">> <<else>> <<set $Money -= 12>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $Cinema to 2>> <<goto "Cinema_01_0">> <</if>> <</link>></div> <div class="links01"> <<link "EVENING SESSION">> <<if $TDay <= 11>> <<Message "This show is not working yet">> <<elseif $TDay >= 17>> <<Message "Tickets are no longer on sale">> <<elseif $Money <= 14>> <<Message "Not enough money">> <<else>> <<set $Money -= 15>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $Cinema to 3>> <<goto "Cinema_01_0">> <</if>> <</link>></div> </div> <div class="links-container03"> <<link "INFORMATION #1 📋">> <<if $TDay <= 2>> <<script>> Dialog.setup("   INFO"); Dialog.wiki("MORNING SESSION = 8<br/>AFTERNOON SESSION = 12<br/>EVENING SESSION = 15<br/>NO TICKET SALES AT THE TIME<br/>"); Dialog.open(); <</script>> <<elseif $TDay <= 16>> <<script>> Dialog.setup("   INFO"); Dialog.wiki("MORNING SESSION = 8<br/>AFTERNOON SESSION = 12<br/>EVENING SESSION = 15<br/>"); Dialog.open(); <</script>> <<else>> <<script>> Dialog.setup("   INFO"); Dialog.wiki("MORNING SESSION = 8<br/>AFTERNOON SESSION = 12<br/>EVENING SESSION = 15<br/>NO TICKET SALES AT THE TIME<br/>"); Dialog.open(); <</script>> <</if>> <</link>> <<link "INFORMATION #2 📋">> <<script>> Dialog.setup("   INFO"); Dialog.wiki("MORNING SESSION = Morning|Noon<br/>AFTERNOON SESSION = Noon|Afternoon<br/>EVENING SESSION = Evening|Night<br/>"); Dialog.open(); <</script>> <</link>> </div> <<set $location to "Cinema_00">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 230px; min-height: 27px; max-width: 230px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<if $Cinema == 1>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(4)>> /* Случайное число от 0 до 4 */ <<elseif $Cinema == 3>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(2)>> /* Случайное число от 0 до 2 */ <</if>> <div class="game-content"> <br/><br/> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/001.jpg" class="centerImage" style="max-width:141%;"></div></div> /* Текст после изображения */ <<if $Cinema == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> The film has come to an end.<br/>The credits with the names of the actors and musicians are on the screen and it is time for you to leave. </span> </div> </div> <<elseif $Cinema == 1 and $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> This is a morning session and they will be showing a fresh episode of an animated series about superheroes. </span> </div> </div> <<elseif $Cinema == 1 and $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> This is a morning session and they will be showing one of the educational cartoons about the life of city animals. </span> </div> </div> <<elseif $Cinema == 1 and $EventEnc01 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> This is a morning session and they will be showing a fresh episode of the popular Teletubbies. </span> </div> </div> <<elseif $Cinema == 1 and $EventEnc01 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> This is a morning session and they will show one of the episodes about a city inhabited by cartoon anthropomorphic animals. </span> </div> </div> <<elseif $Cinema == 1 and $EventEnc01 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> This is a morning session and they will show one of the episodes of the cartoon about the wars for the candy throne between the great ninja clans of multi-colored winged unicorns. </span> </div> </div> <<elseif $Cinema == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> This is a daytime show and they will be showing one of the episodes of the series about the life and adventures of hunters and members of the city guild. Based on real events. </span> </div> </div> <<elseif $Cinema == 3 and $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> This is an evening session and they will be showing one of the episodes of an erotic series about the adventures of a militant prostitute with magical powers. </span> </div> </div> <<elseif $Cinema == 3 and $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> This is an evening session and they will be showing one of the local porn films. </span> </div> </div> <<elseif $Cinema == 3 and $EventEnc01 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> This is an evening session and they will be showing a romantic film about princesses, princes and magic. </span> </div> </div> <</if>> <<if $Cinema == 4>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Cinema_00">> <</link>></div> </div> <<elseif $Cinema == 1>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Cinema_01_1">> <</link>></div> </div> <<elseif $Cinema == 2>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Cinema_01_2">> <</link>></div> </div> <<elseif $Cinema == 3>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Cinema_01_3">> <</link>></div> </div> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $Cinema to 4>> <<if $EventEnc01 == 0>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <<elseif $EventEnc01 == 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <<elseif $EventEnc01 == 2>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <<elseif $EventEnc01 == 3>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <<elseif $EventEnc01 == 4>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <</if>> <div class="game-content"> <br/><br/> <<if $EventEnc01 == 0 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 0 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 0 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 0 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 0 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 3 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 3 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 3 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 3 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 3 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 3 and $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 4 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 4 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 4 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 4 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 4 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 4 and $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 4 and $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 4 and $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 4 and $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 4 and $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 4 and $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Morn/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You are watching a cartoon about how the inhabitants of one strange city moved to another world and some of them, while inspecting the surrounding area, came across a flock of radioactive geese and, being bitten by them, acquired various superpowers. This is a story about friendship, love, betrayal and heroism. </span> </div> </div> <<elseif $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You are watching a children's educational cartoon about which animals are safe in the city, how they survive in it and what diseases they can carry. About animals living on a city farm and the wild fauna of the city's outskirts. </span> </div> </div> <<elseif $EventEnc01 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You're watching a puppet show about weird, colorful, plush humanoid creatures living in a foggy forest. The people around you seem to like it, but for some reason watching this movie makes you feel uneasy. </span> </div> </div> <<elseif $EventEnc01 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You are watching a funny comedy cartoon about the life of naive animals in a magical city. Animal predators plot against herbivores, but all their intrigues end in funny accidents. </span> </div> </div> <<elseif $EventEnc01 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You are watching a cartoon about how warring clans of unicorn ninjas are trying to unite the disparate unicorn lands into a single kingdom. The unicorn clans are divided by colors and each of them has its own special magical power. The intrigue is that the entire conflict between the unicorns is fueled by a race of intelligent ocean crocodiles, in the existence of which none of the unicorns believe anymore. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Cinema_01_0">> <</link>></div> </div> </div> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<set $MP to Math.clamp($MP + 20, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run updateMadMinimum()>> <<set $Mad -= 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Bim -= 5>> <<set $Bim to Math.clamp($Bim, 0, 100)>> /* Увеличение времени дня */ <<set $TDay += 3>> /* Снижение фитнеса */ <<set $Fit -= 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Уменьшение интоксикации */ <<set $Tox to Math.clamp($Tox - 20, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 20, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<if $EventEnc01 == 2>> <<Message "⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤴️ Your <strong>mind</strong> is melting">> <<run updateMadMinimum()>> <<set $Mad += 7>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Bim += 15>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<else>> <<Message "⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤵️ Your <strong>mind</strong> is rested">> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $Cinema to 4>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(15)>> /* Случайное число от 0 до 15 */ <div class="game-content"> <br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Day/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 <= 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You are watching a movie about how a city was once threatened with starvation because many warehouses were destroyed in an accidental fire. Then, many active hunters and guild members were forced to go as deep into the fog as possible to replenish the city's food supplies. </span> </div> </div> <<elseif $EventEnc01 >= 10>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You are watching a movie about how once a city was threatened by a huge number of monsters because of the fog and it was practically under siege. Guild members and alchemists prepared many traps and tricks in order to destroy all new waves of monsters and not allow them into the city. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You are watching a movie about how one day a group of guild members found an entrance to old ruins in the woods and decided to explore them without telling anyone. It all ended very badly, but one person survived to tell this instructive story. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Cinema_01_0">> <</link>></div> </div> </div> <<set $Exp += 20>> <<run setup.checkLevelUp()>> <<set $MP to Math.clamp($MP + 20, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run updateMadMinimum()>> <<set $Mad -= 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Bim -= 5>> <<set $Bim to Math.clamp($Bim, 0, 100)>> /* Увеличение времени дня */ <<set $TDay += 3>> /* Снижение фитнеса */ <<set $Fit -= 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Уменьшение интоксикации */ <<set $Tox to Math.clamp($Tox - 20, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 20, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤵️ Your <strong>mind</strong> is rested">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $Cinema to 4>> <<if $EventEnc01 == 0>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <<elseif $EventEnc01 == 1>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(11)>> /* Случайное число от 0 до 11 */ <<elseif $EventEnc01 == 2>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(6)>> /* Случайное число от 0 до 6 */ <</if>> <div class="game-content"> <br/><br/> <<if $EventEnc01 == 0 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 0 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 0 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 0 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 0 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 1 and $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc01 == 2 and $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Movie/Night/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc01 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You are watching a movie about a rich woman from high society who leads a double life as a combat prostitute. After one day, a magical power awakened in her that depends on the strength of her lust, she began to work anonymously in a local brothel and punish criminals and monsters at night using her new superpowers. </span> </div> </div> <<elseif $EventEnc01 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You are watching a porn movie filmed in a local famous porn studio. There is no plot here, but all the scenes are performed very well on high-end equipment. </span> </div> </div> <<elseif $EventEnc01 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> You are watching a romantic movie about a princess and a prince who love each other but are constantly thwarted and intrigued by a council of black sorcerers who want to rule the world using the current king as their puppet. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Cinema_01_0">> <</link>></div> </div> </div> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<set $MP to Math.clamp($MP + 20, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run updateMadMinimum()>> <<set $Mad -= 3>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> /* Увеличение времени дня */ <<set $TDay += 3>> /* Снижение фитнеса */ <<set $Fit -= 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Уменьшение интоксикации */ <<set $Tox to Math.clamp($Tox - 20, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 20, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<if $EventEnc01 == 0>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤴️ Your <strong>arosual</strong> increases<br/><br/>⤴️ Your <strong>corruption</strong> is increases<br/><br/>⤵️ Your <strong>mind</strong> is rested">> <<elseif $EventEnc01 == 1>> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<set $CorrBase += 4>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤴️ Your <strong>arosual</strong> increases<br/><br/>⤴️ Your <strong>corruption</strong> is increases<br/><br/>⤵️ Your <strong>mind</strong> is rested">> <<else>> <<Message "⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤴️ Your <strong>arosual</strong> increases<br/><br/>⤵️ Your <strong>mind</strong> is rested">> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>CITY HALL</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/SityHMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/SityHM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/SityH_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">The large hall of the city administration building. Here you can make an appointment with the mayor or use one of the many terminals to get information on various social programs.<br/><br/></div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|NoQuarter_03]] </div> <div class="links-container01"> <div class="links01"> [[TERMINAL|Terminal_01]] </div> </div> <div class="links-container03"> <<link "MAYOR'S OFFICE 🔴">> <<Message "You have no business there">> <</link>> </div></div> <<set $location to "SityHall_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>TERMINAL</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/SityTMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/SityTM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/SityT_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Terminal of the city administration hall. In it you can invest in one of the social programs to improve living conditions in the city.<br/><br/></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[BACK|SityHall_01]] </div> <div class="links01"> [[MAIN|Terminal_02]] </div> <div class="links01"> [[ADDITIONAL|Terminal_03]] </div> </div> <div class="links-container03"> </div></div> <<set $location to "Terminal_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>TERMINAL</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/SityTMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/SityTM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/SityT_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">This section contains the main social programs that all city residents find useful.</div><br/><div style="text-align: left;">1. Port area renovation project - donate 60 units <span style="color: rgba(255, 255, 255, 0.2); font-size: 0.9em;"> (-50 reputation in the slums)</span><br/>2. Production expansion and job creation project - donate 60 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.9em;"> (-50 reputation in the eastern district)</span><br/>3. Arena and public recreation area modernization project - donate 60 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.9em;"> (-50 reputation in the western district)</span><br/>4. Guild members working improvement project - donate 60 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.9em;"> (-50 reputation in the northern district)</span></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[BACK|Terminal_01]] </div> <div class="links01"> <<link "PORT RENOVATION">> <<if $Money <= 59>> <<Message "Not enough money">> <<else>> <<set $Money -= 60>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $DRep -= 50>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateDTitle()>> <<run UIBar.setStoryElements()>> <<Message "-50 slums reputation">> <</if>> <</link>></div> <div class="links01"> <<link "JOB CREATION">> <<if $Money <= 59>> <<Message "Not enough money">> <<else>> <<set $Money -= 60>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $ERep -= 50>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<run updateETitle()>> <<run UIBar.setStoryElements()>> <<Message "-50 eastern district reputation">> <</if>> <</link>></div> <div class="links01"> <<link "MODERNIZATION">> <<if $Money <= 59>> <<Message "Not enough money">> <<else>> <<set $Money -= 60>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $WRep -= 50>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<run UIBar.setStoryElements()>> <<Message "-50 western district reputation">> <</if>> <</link>></div> <div class="links01"> <<link "GUILD IMPROVEMENT">> <<if $Money <= 59>> <<Message "Not enough money">> <<else>> <<set $Money -= 60>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $NRep -= 50>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> <<Message "-50 northern district reputation">> <</if>> <</link>></div> </div> <div class="links-container03"> </div> <<set $location to "Terminal_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 220px; min-height: 27px; max-width: 220px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>TERMINAL</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/SityTMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/SityTM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/SityT_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Controversial social programs that affect some of the interests of certain groups of citizens.</div><br/><div style="text-align: left;">1. Donations to the City Guard Fund, 60 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.8em;"> (-50 Northern District reputation, +25 Docks District)</span><br/> 2. Help for the Poor, 60 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.8em;"> (-50 Docks District reputation, +25 Western District)</span><br/> 3. Donations to the Cinema Fund, 60 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.8em;"> (-50 Eastern District reputation, +25 Northern District)</span><br/> 4. Donations to the Development of Farms, 60 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.8em;"> (-50 Northern District reputation, +15 Eastern District, +15 Western District)</span><br/> 5. Donations to the Beaches Maintenance, 60 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.8em;"> (-50 Western District reputation, +15 Docks District, +15 Northern District)</span><br/></div> <div class="links-row"> <div class="links-container02"> <div class="links01"> <<link "CITY GUARD">> <<if $Money <= 29>> <<Message "Not enough money">> <<else>> <<set $Money -= 30>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $NRep -= 50>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<set $DRep += 25>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<run updateNTitle()>> <<run updateDTitle()>> <<run UIBar.setStoryElements()>> <<Message "-50 northern district reputation<br/>+25 slums reputation">> <</if>> <</link>></div> <div class="links01"> <<link "HELP">> <<if $Money <= 29>> <<Message "Not enough money">> <<else>> <<set $Money -= 30>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $DRep -= 50>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<set $WRep += 25>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<run updateDTitle()>> <<run UIBar.setStoryElements()>> <<Message "-50 slums reputation<br/>+25 western district reputation">> <</if>> <</link>></div> </div> <div class="links-container01"> <div class="links01"> [[BACK|Terminal_01]] </div> <div class="links01"> <<link "CINEMA FUND">> <<if $Money <= 29>> <<Message "Not enough money">> <<else>> <<set $Money -= 30>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $ERep -= 50>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<set $NRep += 25>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateETitle()>> <<run updateNTitle()>> <<run UIBar.setStoryElements()>> <<Message "-50 eastern district reputation<br/>+25 northern district reputation">> <</if>> <</link>></div> </div> <div class="links-container03"> <div class="links01"> <<link "FARMS">> <<if $Money <= 29>> <<Message "Not enough money">> <<else>> <<set $Money -= 30>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $NRep -= 50>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<set $ERep += 15>> <<set $ERep to Math.clamp($ERep, 0, 1000)>> <<set $WRep += 15>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateNTitle()>> <<run updateETitle()>> <<run updateWTitle()>> <<run UIBar.setStoryElements()>> <<Message "-50 northern district reputation<br/>+15 eastern district reputation<br/>+15 western district reputation">> <</if>> <</link>></div> <div class="links01"> <<link "BEACHES">> <<if $Money <= 29>> <<Message "Not enough money">> <<else>> <<set $Money -= 30>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $WRep -= 50>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<set $DRep += 15>> <<set $DRep to Math.clamp($DRep, 0, 1000)>> <<set $NRep += 15>> <<set $NRep to Math.clamp($NRep, 0, 1000)>> <<run updateWTitle()>> <<run updateNTitle()>> <<run updateDTitle()>> <<run UIBar.setStoryElements()>> <<Message "-50 western district reputation<br/>+15 slums reputation<br/>+15 northern district reputation">> <</if>> <</link>></div> </div> <<set $location to "Terminal_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 220px; min-height: 27px; max-width: 220px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>TERMINAL</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/HospitalTMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/HospitalTM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/HospitalT_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">Medical terminal for registration of paid services of the city hospital. The list of services provided includes plastic surgery and psychological assistance.<br/><br/></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[BACK|Hospital_Reception_01]] </div> <div class="links01"> [[SURGERY|Hospital_Term_02]] </div> <div class="links01"> [[PSYCHIATRY|Hospital_Term_03]] </div> </div> <div class="links-container03"> </div></div> <<set $location to "Hospital_Term_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>TERMINAL</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/HospitalTMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/HospitalTM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/HospitalT_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">List of paid services of a plastic surgeon: </div><div style="text-align: left;"><br/>1. Breast enlargement, 350 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.9em;"> (+100 to size)</span> <br/>2. Breast reduction, 350 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.9em;"> (- 100 to size)</span> <br/>3. Butt enlargement, 350 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.9em;"> (+100 to size)</span> <br/>4. Butt reduction, 350 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.9em;"> (- 100 to size)</span><br/></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[BACK|Hospital_Term_01]] </div> <div class="links01"> <<link "+ BREAST">> <<if $Money <= 349>> <<Message "Not enough money">> <<elseif $ChestStatus >= 1000>> <<Message "Further increase will harm your health">> <<else>> <<set $Money -= 350>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $ChestStatus += 100>> <<set $ChestStatus to Math.clamp($ChestStatus, 0, 1000)>> <<run updateBea()>> <<run setup.updateChest()>> <<run UIBar.setStoryElements()>> <<set $Surg to 0>> <<goto "Hospital_Surg_01">> <</if>> <</link>> </div> <div class="links01"> <<link "- BREAST">> <<if $Money <= 349>> <<Message "Not enough money">> <<elseif $ChestStatus <= 99>> <<Message "You have nothing to reduce there">> <<else>> <<set $Money -= 350>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $ChestStatus -= 100>> <<set $ChestStatus to Math.clamp($ChestStatus, 0, 1000)>> <<run updateBea()>> <<run setup.updateChest()>> <<run UIBar.setStoryElements()>> <<set $Surg to 0>> <<goto "Hospital_Surg_01">> <</if>> <</link>> </div> <div class="links01"> <<link "+ ASS">> <<if $Money <= 349>> <<Message "Not enough money">> <<elseif $AssStatus >= 1000>> <<Message "Further increase will harm your health">> <<else>> <<set $Money -= 350>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $AssStatus += 100>> <<set $AssStatus to Math.clamp($AssStatus, 0, 1000)>> <<run updateBea()>> <<run setup.updateAss()>> <<run UIBar.setStoryElements()>> <<set $Surg to 0>> <<goto "Hospital_Surg_01">> <</if>> <</link>> </div> <div class="links01"> <<link "- ASS">> <<if $Money <= 349>> <<Message "Not enough money">> <<elseif $AssStatus <= 99>> <<Message "You have nothing to reduce there">> <<else>> <<set $Money -= 350>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $AssStatus -= 100>> <<set $AssStatus to Math.clamp($AssStatus, 0, 1000)>> <<run updateBea()>> <<run setup.updateAss()>> <<run UIBar.setStoryElements()>> <<set $Surg to 0>> <<goto "Hospital_Surg_01">> <</if>> <</link>> </div> </div> <div class="links-container03"> </div></div> <<set $location to "Hospital_Term_02">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>TERMINAL</h2></div> <<if $Mad > 79>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Special/HospitalTMM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/HospitalTM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/HospitalT_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">List of paid services of a psychologist: </div><div style="text-align: left;"><br/>1. Psychotherapy, 150 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.9em;"> (- 50 to madness, +50 to submissiveness, + 10 to MindCurse)</span> <br/>2. Psychoprophylaxis, 150 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.9em;"> (-20 to corruption, +50 to dominance, +10 to MindCurse)</span> <br/>3. Psychocorrection, 150 units<span style="color: rgba(255, 255, 255, 0.2); font-size: 0.9em;"> (-30 to MindCurse)</span><br/></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[BACK|Hospital_Term_01]] </div> <div class="links01"> <<link "PSYCHOTERAPY">> <<if $Money <= 149>> <<Message "Not enough money">> <<else>> <<set $Money -= 150>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $Mad -= 50>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Bim += 10>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<set $Sub += 50>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<set $Dom -= 50>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<run UIBar.setStoryElements()>> <<run UIBar.setStoryElements()>> <<set $Surg to 4>> <<goto "Hospital_Psi_01">> <</if>> <</link>> </div> <div class="links01"> <<link "PSYCHOPROPHYLAXIS">> <<if $Money <= 149>> <<Message "Not enough money">> <<else>> <<set $Money -= 150>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $CorrBase -= 50>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Bim += 10>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<set $Dom += 50>> <<set $Dom to Math.clamp($Dom, 0, 1000)>> <<set $Sub -= 50>> <<set $Sub to Math.clamp($Sub, 0, 1000)>> <<run UIBar.setStoryElements()>> <<set $Surg to 4>> <<goto "Hospital_Psi_01">> <</if>> <</link>> </div> <div class="links01"> <<link "PSYCHOCORRECTION">> <<if $Money <= 149>> <<Message "Not enough money">> <<else>> <<set $Money -= 150>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<set $Bim -= 30>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<run UIBar.setStoryElements()>> <<set $Surg to 4>> <<goto "Hospital_Psi_01">> <</if>> <</link>> </div> </div> <div class="links-container03"> </div></div> <<set $location to "Hospital_Term_03">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 220px; min-height: 27px; max-width: 220px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <<if $Surg == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Locations/Special/HospitalS_01.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Locations/Special/HospitalS_02.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Locations/Special/HospitalS_03.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Surg == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A tired doctor in a work suit stained with something red approaches you.<br/> <span class="comp02">- Payment has been successful. I am your doctor, follow me to the operating room. <br/>- The procedure will be routine and you will not feel any discomfort.</span> </span> </div> </div> <<elseif $Surg == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You follow the doctor through a special corridor. Along the way, he throws on a special apron.<br/>The surrounding walls and furniture are also covered with stains of red liquid<br/>On one of the walls hangs a sign: Attention, the sterility of the room is ensured by a solution of H05z, red in color. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A minute later, you find yourself in a surgical room, also covered in streaks of red liquid.<br/><span class="comp02">- Undress and lie down on the table, after a couple of minutes you will feel weak and fall asleep. <br/>- The operation will take about an hour and at the end you will wake up in a hospital ward. <br/>- Do not be afraid of contact with the red liquid, it is safe.</span> </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<if $Surg == 2>> <<set $TDay to 20>> <<goto "Hospital_Ward_01">> <<else>> <<set $Surg += 1>> <<goto "Hospital_Surg_01">> <</if>> <</link>></div></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(6)>> /* Случайное число от 0 до 6 */ <div class="game-content"> <<if $Surg == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Locations/Special/HospitalS_01.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Locations/Special/HospitalS_02.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Locations/Special/HospitalS_03.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Locations/Special/HospitalS_04.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 8 and $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Psi/Confusion/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 8 and $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Psi/Confusion/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 8 and $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Psi/Confusion/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 8 and $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Psi/Confusion/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 8 and $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Psi/Confusion/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 8 and $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Psi/Confusion/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $Surg == 8 and $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Psi/Confusion/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Surg == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A tired doctor in a work suit stained with something red approaches you.<br/> <span class="comp02">- Payment has been successful. I am your doctor, follow me to the operating room. <br/>- The procedure will be routine and you will not feel any discomfort.</span> </span> </div> </div> <<elseif $Surg == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You follow the doctor through a special corridor. Along the way, he throws on a special apron.<br/>The surrounding walls and furniture are also covered with stains of red liquid<br/>On one of the walls hangs a sign: Attention, the sterility of the room is ensured by a solution of H05z, red in color. </span> </div> </div> <<elseif $Surg == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A minute later, you find yourself in a surgical room, also covered in streaks of red liquid.<br/><span class="comp02">- Please sit down and I will get out a special tool.</span> </span> </div> </div> <<elseif $Surg == 7>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>As you sit down on the chair, the doctor takes out a strange-looking crystal on a string and shows it to you.<br/><span class="comp02">- Relax.<br/>- Follow the crystal with your eyes.</span><br/><span class="madness02">- LISTEN TO MY VOICE.</span> </span> </div> </div> <<elseif $Surg == 8>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You begin to feel an extraordinary calm and peace, and then you fall into darkness. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<if $Surg == 8>> <<set $TDay to 20>> <<goto "Hospital_Ward_01">> <<else>> <<set $Surg += 1>> <<goto "Hospital_Psi_01">> <</if>> <</link>></div></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <div id="Portraits"><img id="Base0" src="img/Сharacter/Mirror/Base/Base_00.png"></div> <<switch $HaC>> <<case 0>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Mirror/Hair/HaC_00.png"> </div> <<case 1>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Mirror/Hair/HaC_01.png"> </div> <<case 2>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Mirror/Hair/HaC_02.png"> </div> <<case 3>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Mirror/Hair/HaC_03.png"> </div> <<case 4>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Mirror/Hair/HaC_04.png"> </div> <<case 5>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Mirror/Hair/HaC_05.png"> </div> <<case 6>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Mirror/Hair/HaC_06.png"> </div> <<case 7>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Mirror/Hair/HaC_07.png"> </div> <<default>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Mirror/Hair/HaC_00.png"> </div> <</switch>> <<switch $RingN>> <<case 1>> <div id="Portraits"> <img id="Ring" src="img/Сharacter/Mirror/Ring/RingN_01.png"> </div> <<default>> <div id="Portraits"> <img id="Ring" src="img/Сharacter/Mirror/Ring/RingN_00.png"> </div> <</switch>> <<switch $Hor>> <<case 0>> <div id="Portraits"> <img id="Hair" src="img/Сharacter/Mirror/Horns/Horns_00.png"> </div> <<case 1>> <div id="Portraits"> <img id="Horns" src="img/Сharacter/Mirror/Horns/Horns_01.png"> </div> <<case 2>> <div id="Portraits"> <img id="Horns" src="img/Сharacter/Mirror/Horns/Horns_02.png"> </div> <<case 3>> <div id="Portraits"> <img id="Horns" src="img/Сharacter/Mirror/Horns/Horns_03.png"> </div> <<case 4>> <div id="Portraits"> <img id="Horns" src="img/Сharacter/Mirror/Horns/Horns_04.png"> </div> <<default>> <div id="Portraits"> <img id="Horns" src="img/Сharacter/Mirror/Horns/Horns_00.png"> </div> <</switch>> <<switch $Eye>> <<case 0>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Mirror/Eye/Eye_00.png"> </div> <<case 1>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Mirror/Eye/Eye_01.png"> </div> <<case 2>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Mirror/Eye/Eye_02.png"> </div> <<case 3>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Mirror/Eye/Eye_03.png"> </div> <<case 4>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Mirror/Eye/Eye_04.png"> </div> <<case 5>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Mirror/Eye/Eye_05.png"> </div> <<case 6>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Mirror/Eye/Eye_06.png"> </div> <<case 7>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Mirror/Eye/Eye_07.png"> </div> <<case 8>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Mirror/Eye/Eye_08.png"> </div> <<case 9>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Mirror/Eye/Eye_09.png"> </div> <<default>> <div id="Portraits"> <img id="Base" src="img/Сharacter/Mirror/Eye/Eye_00.png"> </div> <</switch>> <<switch $Bimbo>> <<case 0>> <div id="Portraits"> <img id="Bimbo" src="img/Сharacter/Mirror/Bimbo/Bimbo_00.png"> </div> <<case 1>> <div id="Portraits"> <img id="Bimbo" src="img/Сharacter/Mirror/Bimbo/Bimbo_01.png"> </div> <<default>> <div id="Portraits"> <img id="Bimbo" src="img/Сharacter/Mirror/Bimbo/Bimbo_00.png"> </div> <</switch>> <div class="links-container00"> <div class="links"><<back "GO BACK">></div></div> </div> <</nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Портрет персонажа */ #Portraits { position: absolute; float: left; width: 0px; height: 1620px; margin-right: 470px; } #Base0 { position: absolute; top: 0px; left: -25px; height: 170px; z-index: 10; min-width: 516px; min-height: 876px; } #Hair { position: absolute; top: 0px; left: -25px; height: 170px; z-index: 17; min-width: 516px; min-height: 876px; } #Ring { position: absolute; top: 0px; left: -25px; height: 170px; z-index: 20; min-width: 516px; min-height: 876px; } #Horns { position: absolute; top: 0px; left: -25px; height: 170px; z-index: 23; min-width: 516px; min-height: 876px; } #Base { position: absolute; top: 0px; left: -25px; height: 170px; z-index: 13; min-width: 516px; min-height: 876px; } #Sperm { position: absolute; top: 0px; left: -25px; height: 170px; z-index: 25; min-width: 516px; min-height: 876px; } #Bimbo { position: absolute; top: 0px; left: -25px; height: 170px; z-index: 15; min-width: 516px; min-height: 876px; } #Potion { position: absolute; top: 0px; left: -25px; height: 170px; z-index: 27; min-width: 516px; min-height: 876px; } #DayTime { position: absolute; top: 0px; left: -25px; height: 170px; z-index: 30; min-width: 516px; min-height: 876px; } /* Исчезновение картинок при наведении курсора */ /* Если нужно то заменяем doll... на актуальные */ /* Родительский контейнер для выравнивания */ .game-content { display: flex; flex-direction: column; align-items: center; /* Центрируем по горизонтали */ justify-content: center; /* Центрируем по вертикали (опционально) */ width: 100%; min-height: 100vh; /* Полная высота окна */ position: relative; top: 350px; /* Отступ сверху */ } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ z-index: 50; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для карты */ .map { position: relative; top: 0px; left: -177px; float: center; } </style>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"><br/><br/> <<Message "⤴️ Your <strong>health</strong> is restored<br/><br/>⤵️ Your <strong>intoxication</strong> is reduced">> <<if $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sleep/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sleep/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sleep/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sleep/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sleep/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sleep/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sleep/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sleep/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sleep/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sleep/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Trying to rest and relax a little,<br/>you fall into a deep sleep due to the large amount of alcohol in your blood. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(6)>> /* Случайное число от 0 до 6 */ <<if $EventEnc01 == 0>> <<goto "SKIP_START">> <<elseif $EventEnc01 == 1 and $Bea >= 20 and $PPot == 0>> <<goto "SDrunk_02">> <<elseif $EventEnc01 == 1>> <<goto "SKIP_START">> <<elseif $EventEnc01 == 2>> <<goto "SKIP_START">> <<elseif $EventEnc01 == 3 and $TDay >= 8 and $PPot == 0>> <<goto "SDrunk_02">> <<elseif $EventEnc01 == 3>> <<goto "SKIP_START">> <<elseif $EventEnc01 == 4 and $TDay >= 8 and $PPot == 0>> <<goto "SDrunk_02">> <<elseif $EventEnc01 == 4>> <<goto "SKIP_START">> <<elseif $EventEnc01 == 5>> <<goto "SKIP_START">> <<elseif $EventEnc01 == 6 and $PPot == 0>> <<goto "SDrunk_02">> <</if>> <</link>></div> </div> /* Увеличение времени дня */ <<if $TDay <= 17>> <<set $TDay += 2>> <</if>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 20, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP + 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус к здоровью */ <<set $HP to Math.clamp($HP + 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(12)>> /* Случайное число от 0 до 12 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you are fast asleep, a stranger who entered this alley notices you. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<if $EventEnc01 == 0>> <<goto "SDrunk_03_00">> <<elseif $EventEnc01 == 1 and $Bea >= 20>> <<goto "SDrunk_03_01">> <<elseif $EventEnc01 == 1>> <<goto "SDrunk_03_00">> <<elseif $EventEnc01 == 2>> <<goto "SDrunk_03_01">> <<elseif $EventEnc01 == 3 and $Bea >= 20>> <<goto "SDrunk_03_01">> <<elseif $EventEnc01 == 3>> <<goto "SDrunk_03_00">> <</if>> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(6)>> /* Случайное число от 0 до 6 */ <div class="game-content"><br/><br/> <<Message "You have been robbed!">> <<if $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Theft/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Taking advantage of your helplessness,<br/>the stranger picks your pockets for valuables. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "SKIP_START">> <</link>></div> </div> /* Уменьшение денег */ <<if $Money > 0>> <<set $Money to Math.max(0, Math.floor($Money * 0.8))>> <<run UIBar.setStoryElements()>> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Taking advantage of your helplessness,<br/>the stranger begins to brazenly touch your body in different places. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "SDrunk_04">> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(14)>> /* Случайное число от 0 до 14 */ <div class="game-content"><br/><br/> <<Message "⤴️ Your <strong>arosual</strong> increases">> <<if $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Haras/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Realizing that you are not going to wake up anytime soon,<br/>the man begins to greedily touch your breasts, and your body involuntarily<br/>begins to respond to his persistent touches. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(2)>> /* Случайное число от 0 до 2 */ <<if $EventEnc01 == 0>> <<goto "SKIP_START">> <<elseif $EventEnc01 == 1 and $Bea >= 20>> <<goto "SDrunk_05">> <<elseif $EventEnc01 == 1>> <<goto "SKIP_START">> <<elseif $EventEnc01 == 2>> <<goto "SDrunk_05">> <</if>> <</link>></div> </div> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 20, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having made some decision for himself,<br/>the stranger picks up your limp, drunken body<br/>and carries you deeper into the alley to one of the abandoned buildings. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "SDrunk_06">> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The building is an empty abandoned warehouse<br/>with an old and dirty mattress in the center. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "SDrunk_07">> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/01/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>After all your clothes are removed and thrown onto the floor,<br/>your naked body is thrown onto the mattress,<br/>after which the man begins to undress in the same way. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "SDrunk_08">> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(13)>> /* Случайное число от 0 до 13 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> While you are experiencing an erotic dream, you feel how a large tense cock begins to penetrate your pussy. Your wet hole meets it without resistance, allowing the stranger to enjoy all its depth. You begin to moan in your sleep in time with the rhythmic thrusts of the man, arching your body when he releases the first stream of viscous sperm into you, filling your womb with it. When the cock stops filling your hot honey pot, your body is turned over and everything starts again. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "SDrunk_09">> <</link>></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/SDrunk/Sek/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Corr >= 70>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having played with your body and filled it to the brim with his cream, the stranger gets dressed and leaves the building, leaving you lying on the mattress. After some time, you wake up relaxed and naked, with a nagging pain between your legs and sperm flowing out of your holes, telling you what happened to you. While getting dressed, you enjoy the pleasant feeling between your legs, regretting that you could not wake up in time to fully experience what happened. </span> </div> </div> <<elseif $Corr >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having played with your body and filled it to the brim with his cream, the stranger gets dressed and leaves the building, leaving you lying on the mattress. After some time, you wake up relaxed and naked, with a nagging pain between your legs and sperm flowing out of your holes, telling you what happened to you. Having dressed, you think that in the end, everything could have been worse, and most importantly, you were not robbed. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Having played with your body and filled it to the brim with his cream, the stranger gets dressed and leaves the building, leaving you lying on the mattress. After some time, you wake up relaxed and naked, with a nagging pain between your legs and sperm flowing out of your holes, telling you what happened to you. Having dressed, you try to distance yourself from what happened, hoping not to get into a similar situation again. </span> </div> </div> <</if>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +10<br/> Health -5<br/> Arousal -40<br/> Corruption +2<br/> Madness +1<br/> Vagina +20</center> </div> </span></div> </div> /* Бонус к опыту */ <<set $Exp += 10>> <<run setup.checkLevelUp()>> /* Потеря здоровья */ <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> /* понижение возбуждения */ <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 40, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> /* Повышение Коррупции */ <<run updateCorrMinimum()>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> /* Изменение статистики */ <<set $SAssN += 1>> <<set $SVagN += 2>> <<set $SRapP += 1>> <<set $SHumP += 1>> /* Повышение Безумия */ <<run updateMadMinimum()>> <<set $Mad += 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> /* Обновление статуса вагины и ануса */ <<set $VaginaStatus += 20>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> <<set $AnusStatus += 10>> <<set $AnusStatus to Math.clamp($AnusStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateAnus()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 22%; left: 50%; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>NIGHT CLUB</h2></div> <<if $Mad > 59>> <div style="text-align: center;"><img src="img/Locations/Special/NightClubM_01.jpg" class="centerImage" style="max-width:100%;"></div> <<else>> <div style="text-align: center;"><img src="img/Locations/Special/NightClub_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">The hallway of a local nightclub.<br/>There is a security post and a locker room<br/>where you can leave extra clothes and things for safekeeping.<br/></div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|WeQuarter_04]] </div> <div class="links-container01"> <div class="links01"></div> </div> <div class="links-container03"> <<link "TO THE BAR 🔴">> <<goto "NightBar_01">> <</link>> <<link "TO THE DANCE FLOOR 🔴">> <<goto "NightDance_01">> <</link>> <<link "TO THE VIP LODGE 🔴">> <<Message "You don't have permission">> <</link>> </div></div> <<set $location to "NightClub_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(6)>> /* Случайное число от 0 до 6 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(1)>> /* Случайное число от 0 до 1 */ <div style="text-align: center;"><h2>BAR</h2></div> <<if $EventEnc00 == 0>> <div style="text-align: center;"><img src="img/Events/NightClub/01/001.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 1>> <div style="text-align: center;"><img src="img/Events/NightClub/01/002.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 2>> <div style="text-align: center;"><img src="img/Events/NightClub/01/003.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 3>> <div style="text-align: center;"><img src="img/Events/NightClub/01/004.jpg" class="centerImage" style="max-width:141%;"></div> <</if>> <div style="text-align: center;">Nightclub bar. The bartender is an unusual man with horns and the appearance of a bull. The choice of drinks is not very large, but the prices are not inflated.<br/></div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|NightClub_01]] </div> <div class="links-container01"> <div class="links01"> <<link "RELAX">> <<if $TDay == 20>> <<Message "The night club is closing">> <<elseif $EventEnc01 == 0>> <<set $Dance += 1>> <<goto "NightRelax_01">> <<elseif $EventEnc01 == 1 and $Bea >= 20 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubTalkN_01">> <<elseif $EventEnc01 == 1 and $Bea >= 20 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubTalkN_01">> <<elseif $EventEnc01 == 1>> <<set $Dance += 1>> <<goto "NightRelax_01">> <<elseif $EventEnc01 == 2 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubTalkN_01">> <<elseif $EventEnc01 == 2 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubTalkN_01">> <<elseif $EventEnc01 == 3 and $WRep >= 300 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubTalkS_01">> <<elseif $EventEnc01 == 3 and $WRep >= 300 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubTalkS_02">> <<elseif $EventEnc01 == 3 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubTalkN_01">> <<elseif $EventEnc01 == 3 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubTalkN_01">> <<elseif $EventEnc01 == 4 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubTalkS_01">> <<elseif $EventEnc01 == 4 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubTalkS_02">> <<elseif $EventEnc01 == 5 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubTalkS_01">> <<elseif $EventEnc01 == 5 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubTalkS_02">> <<else>> <<set $Dance += 1>> <<goto "NightRelax_01">> <</if>> <</link>></div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "🍺 BEER">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 4>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP - 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Tox to Math.clamp($Tox + 15, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 5>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You drank alcohol">> <<timed 1s>> <<goto "NightBar_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>🍺 BEER</strong><br/> Time +1<br/> Stamina +15<br/> Health -5<br/> Arousal +5<br/> Madness -1<br/> Intoxication +15</center> </div></div> <div class="links01"> <div id="ATTACK03" style="cursor: help;"> <<link "🥃 WHISKEY">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 9>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP - 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Tox to Math.clamp($Tox + 40, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 10>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You drank alcohol">> <<timed 1s>> <<goto "NightBar_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip3" class="tooltip-hidden"> <center><strong>🥃 WHISKEY</strong><br/> Time +1<br/> Stamina +25<br/> Health -10<br/> Arousal +5<br/> Madness -1<br/> Intoxication +40</center> </div></div> <div class="links01"> <div id="ATTACK04" style="cursor: help;"> <<link "🥛 VODKA">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 17>> <<Message "It's too late">> <<elseif $Money <= 7>> <<Message "You don't have enough money">> <<else>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP + 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $HP to Math.clamp($HP - 10, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateMadMinimum()>> <<set $Mad -= 2>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Tox to Math.clamp($Tox + 40, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $Money -= 8>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You drank alcohol">> <<timed 1s>> <<goto "NightBar_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip4" class="tooltip-hidden"> <center><strong>🥛 VODKA</strong><br/> Time +1<br/> Stamina +25<br/> Health -10<br/> Arousal +10<br/> Madness -2<br/> Intoxication +40</center> </div></div> </div> <div class="links-container03"> <<link "MENU 📋">> <<run disableLink(event.target, 1500)>> <<script>> Dialog.setup("   MENU"); Dialog.wiki("🍺 BEER - 5<br/>🥃 WHISKEY - 10<br/>🥛 VODKA - 8"); Dialog.open(); <</script>> <</link>> <<link "TO THE DANCE FLOOR 🔴">> <<goto "NightDance_01">> <</link>> <<link "TO THE VIP LODGE 🔴">> <<Message "You don't have permission">> <</link>> </div></div> <<set $location to "NightBar_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 29%; left: 50%; } /* Стиль всплывающей подсказки */ #attack-tooltip3 { position: fixed; top: 29%; left: 50%; } /* Стиль всплывающей подсказки */ #attack-tooltip4 { position: fixed; top: 29%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(6)>> /* Случайное число от 0 до 6 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(1)>> /* Случайное число от 0 до 1 */ <div style="text-align: center;"><h2>DANCE FLOOR</h2></div> <<if $EventEnc00 == 0>> <div style="text-align: center;"><img src="img/Events/NightClub/03/001.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 1>> <div style="text-align: center;"><img src="img/Events/NightClub/03/002.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 2>> <div style="text-align: center;"><img src="img/Events/NightClub/03/003.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 3>> <div style="text-align: center;"><img src="img/Events/NightClub/03/004.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 4>> <div style="text-align: center;"><img src="img/Events/NightClub/03/005.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 5>> <div style="text-align: center;"><img src="img/Events/NightClub/03/006.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 6>> <div style="text-align: center;"><img src="img/Events/NightClub/03/007.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 7>> <div style="text-align: center;"><img src="img/Events/NightClub/03/008.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 8>> <div style="text-align: center;"><img src="img/Events/NightClub/03/009.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 9>> <div style="text-align: center;"><img src="img/Events/NightClub/03/010.jpg" class="centerImage" style="max-width:141%;"></div> <<elseif $EventEnc00 == 10>> <div style="text-align: center;"><img src="img/Events/NightClub/03/011.jpg" class="centerImage" style="max-width:141%;"></div> <</if>> <div style="text-align: center;">Dance floor of a night club. Most of the light sources emit a reddish glow.<br/>There are many people dancing to loud music around.<br/></div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|NightClub_01]] </div> <div class="links-container01"> <div class="links01"> <<link "DANCE">> <<if $TDay == 20>> <<Message "The night club is closing">> <<elseif $EventEnc01 == 0>> <<set $Dance += 1>> <<goto "NightDanceN_01">> <<elseif $EventEnc01 == 1 and $Bea >= 20 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceN_01">> <<elseif $EventEnc01 == 1 and $Bea >= 20 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubDanceN_01">> <<elseif $EventEnc01 == 1>> <<set $Dance += 1>> <<goto "NightDanceN_01">> <<elseif $EventEnc01 == 2 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceN_01">> <<elseif $EventEnc01 == 2 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubDanceN_01">> <<elseif $EventEnc01 == 3 and $WRep >= 300 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceS_01">> <<elseif $EventEnc01 == 3 and $WRep >= 300 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubDanceS_02">> <<elseif $EventEnc01 == 3 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceN_01">> <<elseif $EventEnc01 == 3 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubDanceN_01">> <<elseif $EventEnc01 == 4 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceS_01">> <<elseif $EventEnc01 == 4 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubDanceS_02">> <<elseif $EventEnc01 == 5 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceS_01">> <<elseif $EventEnc01 == 5 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceS_02">> <<else>> <<set $Dance += 1>> <<goto "NightDanceN_01">> <</if>> <</link>></div> <<if $Corr >= 40>> <div class="links01"> <<link "PROVOCATIVE DANCE">> <<if $TDay == 20>> <<Message "The night club is closing">> <<elseif $EventEnc01 == 0>> <<set $Dance += 1>> <<goto "NightDanceP_01">> <<elseif $EventEnc01 == 1 and $Bea >= 20 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceN_02">> <<elseif $EventEnc01 == 1 and $Bea >= 20 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubDanceN_02">> <<elseif $EventEnc01 == 1>> <<set $Dance += 1>> <<goto "NightDanceP_01">> <<elseif $EventEnc01 == 2 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceS_01">> <<elseif $EventEnc01 == 2 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubDanceS_02">> <<elseif $EventEnc01 == 3 and $WRep >= 300 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceS_01">> <<elseif $EventEnc01 == 3 and $WRep >= 300 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubDanceS_02">> <<elseif $EventEnc01 == 3 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceN_02">> <<elseif $EventEnc01 == 3 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubDanceN_02">> <<elseif $EventEnc01 == 4 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceS_01">> <<elseif $EventEnc01 == 4 and $EventEnc02 == 1>> <<set $Dance += 1>> <<goto "ClubDanceS_02">> <<elseif $EventEnc01 == 5 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceS_01">> <<elseif $EventEnc01 == 5 and $EventEnc02 == 0>> <<set $Dance += 1>> <<goto "ClubDanceS_02">> <<else>> <<set $Dance += 1>> <<goto "NightDanceP_01">> <</if>> <</link>></div> <</if>> </div> <div class="links-container03"> <<link "TO THE BAR 🔴">> <<goto "NightBar_01">> <</link>> <<link "TO THE VIP LODGE 🔴">> <<Message "You don't have permission">> <</link>> </div></div> <<set $location to "NightDance_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 220px; min-height: 27px; max-width: 220px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(6)>> /* Случайное число от 0 до 6 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/02/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/02/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/02/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/02/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/02/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/02/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/02/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You relax for a while,<br/>sitting at the bar and listening to the music coming from the dance floor. </span> </div> </div> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<goto "NightBar_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +2<br/> Stamina +10<br/> Arousal +5</center> </div> </div> </div> </div> <<Message "⤴️ Your <strong>energy</strong> is replenished">> <<if $Dance >= 3>> <<set $TDay += 1>> <<set $Dance to 0>> <</if>> <<set $Exp += 2>> <<run setup.checkLevelUp()>> <<set $MP to Math.clamp($MP + 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(8)>> /* Случайное число от 0 до 8 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/04/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/04/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/04/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/04/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/04/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/04/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/04/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/04/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/04/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You dance to loud music in a crowd of many other people.<br/>Improving your coordination and releasing tension. </span> </div> </div> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<goto "NightDance_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +3<br/> Stamina -15<br/> Arousal +5<br/> Fitness +1<br/> Corruption +1<br/> Madness -1</center> </div> </div> </div> </div> <<if $Dance >= 3>> <<set $TDay += 1>> <<set $Dance to 0>> <</if>> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/05/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/05/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/05/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/05/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/05/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/05/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/05/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/05/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having thrown off some of your outerwear, you completely surrender to the dance,<br/>attracting the attention of those around you. </span> </div> </div> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<goto "NightDance_01">> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Stamina -15<br/> Arousal +15<br/> Fitness +1<br/> Corruption +2<br/> Western Reputation +2</center> </div> </div> </div> </div> <<if $Dance >= 3>> <<set $TDay += 1>> <<set $Dance to 0>> <</if>> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 15, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<set $WRep += 2>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ You have improved your fitness">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc01 == 0 and $EventEnc02 == 0 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A tipsy man sat down next to you. Since you were also drunk, you successfully maintained an intellectual conversation<br/>about local politics, or not, you are not sure.<br/>Either way, you were both satisfied and had a good time chatting. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 0 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A tipsy woman sat down next to you. Being drunk as well, you easily found common ground,<br/>discussing the types and advantages of cold weapons and various flammable mixtures for flamethrowers, or not, you are not sure.<br/>Be that as it may, you were both satisfied and had a good time talking. </span> </div> </div> <<elseif $EventEnc01 == 0 and $EventEnc02 == 1 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A strange man sat down next to you. Who decided to take advantage of your drunken state and assert himself intellectually over you.<br/>Be that as it may, you had a good time chatting, and he had to retreat defeated. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 1 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>An unfamiliar woman sat down next to you. An outrageously sober woman.<br/>Who tried to tell you something and explain it to you, and you had to nod along, pretending that you understood what she was talking about.<br/>In any case, you were both satisfied and had a good time talking. </span> </div> </div> <<elseif $EventEnc01 == 0 and $EventEnc02 == 0 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>An unknown man sat down next to you with the desire to start a casual conversation.<br/>Not seeing any problem in this, you kept up the conversation and had a good time. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 0 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>An unknown woman sat down next to you with the desire to start a casual conversation.<br/>Not seeing any problem in this, you kept up the conversation and had a good time. </span> </div> </div> <<elseif $EventEnc01 == 0 and $EventEnc02 == 1 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A tipsy man sat down next to you.<br/>He tried to start a conversation with you several times, but not very successfully.<br/>Unable to convey his thoughts to you, he made some joke and left. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 1 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A tipsy woman sat down next to you. It seems she wanted to get to know you, but you are not sure.<br/>Anyway, it is a funny situation and after a short conversation both were satisfied. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "NightBar_01">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +3<br/> MindCurse -5<br/> Madness -1</center> </div> </div> <<if $Tox >= 40>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <</if>> <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Bim -= 5>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<run UIBar.setStoryElements()>> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> /* Пол партнера 0=М 1=Ж */ <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc02 to 0>> /* Вариант текста */ <<set $EventEnc02 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc01 == 0 and $EventEnc02 == 0 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly you find yourself in some kind of dance with a man.<br/>Apparently this man is also drunk, because he periodically hugs you... in order not to fall on the floor.<br/>But you even find it somewhat cute. Be that as it may, after a while you separate. </span> </div> </div> <<elseif $EventEnc01 == 0 and $EventEnc02 == 1 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You wake up mid-dance to find a man next to you.<br/>The man is clearly impressed that you can sleep while moving and is trying to ask you<br/>where he can learn that kung fu or something, you're not sure and you're very drunk. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 0 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>During the dance, a tipsy woman joins you and since you are also drunk, you manage to keep the general rhythm and plasticity of the dance with her,<br/>at least it seems that way to both of you. After a while, you suddenly find yourself alone. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 1 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>During the dance you find yourself in a frank dance with some woman.<br/>Trying to pretend that it was planned this way you continue this dance, and even enjoy it.<br/>But after a while she says goodbye to you and goes towards the bar. </span> </div> </div> <<elseif $EventEnc01 == 0 and $EventEnc02 == 0 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>During the dance, a handsome unfamiliar man joined you.<br/>You didn't mind, and he kept you company for a while, after which he went off towards the bar. </span> </div> </div> <<elseif $EventEnc01 == 0 and $EventEnc02 == 1 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>During the dance, a handsome man joined you. While you were dancing, he told a couple of funny jokes but then was pulled away from you by his ear<br/>by his angry girlfriend... or mom, you're not sure. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 0 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>During the dance, a beautiful woman joins you.<br/>While dancing together, she asks you about life in the city and shares her experiences,<br/>after which she wishes you luck and goes towards the bar. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 1 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>During the dance, a tipsy woman joins you.<br/>Despite her obvious intoxication, she dances well, and you try to tell her about her boyfriend,<br/>with whom she came here together, and who got lost somewhere.<br/>After a while, a man similar to the guy described earlier appears nearby and persuades this woman to return to the bar. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "NightDance_01">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +3<br/> MindCurse -5<br/> Madness -1</center> </div> </div> <<if $Tox >= 40>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <</if>> <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Bim -= 5>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<run UIBar.setStoryElements()>> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> /* Пол партнера 0=М 1=Ж */ <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc02 to 0>> <<set $EventEnc02 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $EventEnc01 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 0 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7 and $EventEnc01 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc01 == 0 and $EventEnc02 == 0 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Trying to attract attention with your dance, you suddenly find a cute guy next to you.<br/>But it seems the guy did not appreciate the pressure of a very beautiful,<br/>and very drunk, lonely woman, running away towards the bar. </span> </div> </div> <<elseif $EventEnc01 == 0 and $EventEnc02 == 1 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Your drunken attempts to emphasize your sexuality in dance attract a handsome stranger to you.<br/>But it seems that instead of looking at you with lust and adoration,<br/>he simply has a lot of fun watching your attempts at dancing. After a while, this bastard leaves you alone. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 0 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>It seems that your attempts to reproduce the dance of the ancestors of your distant homeland attract some woman to you.<br/>For some reason, she hugged you and complained that in this city it is very hard for the disabled.<br/>Not quite understanding what was happening, you agreed with her words and parted on a good note. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 1 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Drunkenly dancing your frank dance you attract the attention of an unknown woman.<br/>After some time of dancing you suddenly feel her hands on your crotch, but<br/>apparently not finding there what she expected she gets upset and says goodbye to you. </span> </div> </div> <<elseif $EventEnc01 == 0 and $EventEnc02 == 0 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Your dance attracts a young man to you.<br/>Who after some time became embarrassed by your attempts to flirt and left you.<br/>Well, it's worse for him, but you'll find someone else. </span> </div> </div> <<elseif $EventEnc01 == 0 and $EventEnc02 == 1 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>An adult man joins your dance. During the dance, he gropes you in all available places, and you don’t mind it.<br/>But unfortunately, after a while, his friends come for him and he has to leave. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 0 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>An adult woman joins your dance. For a while, you embrace each other in the dance,<br/>not forgetting to grope your hands over all the interesting places of your partner's body.<br/>But after some time, her boyfriend comes for the woman and takes her towards the bar. </span> </div> </div> <<elseif $EventEnc01 == 1 and $EventEnc02 == 1 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A young woman joins your dance. She seems a little drunk and doesn't control her body very well,<br/>so you sometimes have to hold her to prevent her from falling.<br/>After a while, you decide to take her to the bar, and then return to the dance floor. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "NightDance_01">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +3<br/> Arousal +10<br/> MindCurse -5<br/> Madness -1</center> </div> </div> <<if $Tox >= 40>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <</if>> <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $Bim -= 5>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run UIBar.setStoryElements()>> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManTalk/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc01 == 0 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you've clearly had too much to drink, a man sits down next to you and starts making indecent proposals to you.<br/>You don't quite understand what he wants from you, but you're not against the attention. </span> </div> </div> <<elseif $EventEnc01 == 1 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>One of the men sitting nearby sits down next to you and tries to get you to talk.<br/>Noticing that you are drunk, he begins to persistently invite you to freshen up in the restroom. </span> </div> </div> <<elseif $EventEnc01 == 0 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A nice-looking man sits down next to you and starts a conversation.<br/>At the same time, he starts flirting with you and making indecent hints,<br/>inviting you to show "something interesting" in the club's restroom. </span> </div> </div> <<elseif $EventEnc01 == 1 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>An interesting man starts a conversation with you.<br/>After some time of dialogue, you begin to feel his hands on your legs and he invites you<br/>to "relax" together in a secluded corner of the club. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "REFUSE">> <<goto "NightBar_01">> <</link>></div> <div class="links01"> <<link "AGREE">> <<if $Tox >= 40>> <<goto "ClubToilet_01">> <<elseif $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "ClubToilet_01">> <</if>> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanTalk/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc01 == 0 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Seeing that you are drunk, an unfamiliar woman sits down next to you and starts giving you compliments,<br/>after which she persuades you to visit the restroom with her. </span> </div> </div> <<elseif $EventEnc01 == 1 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>One of the women sitting nearby sits down next to you and tries to get you to talk.<br/>Noticing that you are drunk, she begins to persistently invite you to freshen up in the restroom. </span> </div> </div> <<elseif $EventEnc01 == 0 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you are relaxing at the bar, a pretty woman sits down next to you and starts a conversation.<br/>In the process, she starts openly flirting, showing that she is interested in a more pleasant continuation of the acquaintance. </span> </div> </div> <<elseif $EventEnc01 == 1 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You attract the attention of a beautiful girl who sits down next to you and begins to openly try to seduce you.<br/>Although you find this behavior somewhat provocative, at the same time you are pleased by her attention to your person.<br/>The girl suggests going away with you to a secluded place. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "REFUSE">> <<goto "NightBar_01">> <</link>></div> <div class="links01"> <<link "AGREE">> <<if $Tox >= 40>> <<goto "ClubToilet_02">> <<elseif $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "ClubToilet_02">> <</if>> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManDance/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc01 == 0 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you are drunk and trying to dance, some guy starts hugging you<br/>and persistently asks you to move away from him so he can show you something. </span> </div> </div> <<elseif $EventEnc01 == 1 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Enjoying your drunken dance, you suddenly notice a man next to you<br/>who is trying to persuade you to visit the toilet room with him,<br/>not forgetting to knead your soft ass with his hands. </span> </div> </div> <<elseif $EventEnc01 == 0 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>During the dance, a man joins you and starts to openly grope you.<br/>And then he suggests that you make this evening unforgettable<br/>by secluding yourself with him in the toilet. </span> </div> </div> <<elseif $EventEnc01 == 1 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> A handsome man starts dancing with you, and after a while, he hugs you and starts whispering<br/>about how he can make this evening even more interesting if you allow it, pointing towards the toilet doors. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "REFUSE">> <<goto "NightBar_01">> <</link>></div> <div class="links01"> <<link "AGREE">> <<if $Tox >= 40>> <<goto "ClubToilet_01">> <<elseif $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "ClubToilet_01">> <</if>> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanDance/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc01 == 0 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While enjoying a drunken dance, you suddenly notice a beautiful woman next to you<br/>who is trying to persuade you to go to the toilet with her, promising that it will be a lot of fun. </span> </div> </div> <<elseif $EventEnc01 == 1 and $Tox >= 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While dancing, you unexpectedly find yourself in the arms of some woman,<br/>who actively gropes you, leading you towards the toilet. </span> </div> </div> <<elseif $EventEnc01 == 0 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A beautiful woman joins you and after some time of dancing together,<br/>she starts flirting, offering to go with you to a secluded place.<br/>Apparently, this place should be the toilet room. </span> </div> </div> <<elseif $EventEnc01 == 1 and $Tox <= 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you are dancing, an unfamiliar woman appears next to you and,<br/>after giving you a couple of compliments,<br/>offers to get to know her better in the local toilet. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "REFUSE">> <<goto "NightBar_01">> <</link>></div> <div class="links01"> <<link "AGREE">> <<if $Tox >= 40>> <<goto "ClubToilet_02">> <<elseif $Corr <= 39>> <<Message "You are not that corrupted">> <<else>> <<goto "ClubToilet_02">> <</if>> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(19)>> /* Случайное число от 0 до 19 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You eagerly undress in front of your lover,<br/>exposing your breasts and obediently awaiting his next move. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You eagerly undressed in front of your lover,<br/>exposing your breasts, demandingly awaiting his next move. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You eagerly undressed in front of your lover,<br/>exposing your breasts and waiting for his next move. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<if $EventEnc01 == 0>> <<goto "ManSex_01">> <<elseif $EventEnc01 == 1>> <<goto "ManBlow_01">> <<else>> <<goto "ManSex_01">> <</if>> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(19)>> /* Случайное число от 0 до 19 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/Toilet/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You eagerly undress in front of your lover,<br/>exposing your breasts and obediently awaiting her next move. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You eagerly undressed in front of your lover,<br/>exposing your breasts, demandingly awaiting her next move. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You eagerly undressed in front of your lover,<br/>exposing your breasts and waiting for her next move. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<if $EventEnc01 == 0>> <<goto "FutaRev_01">> <<elseif $EventEnc01 == 1>> <<goto "WomanSex_01">> <<else>> <<goto "FutaRev_01">> <</if>> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(14)>> /* Случайное число от 0 до 14 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManSex/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Without wasting any time, the man placed his cock opposite your wet pussy and thrust into it.<br/>The toilet room was filled with the sounds of moans and wet slaps of flesh against each other,<br/>alerting potential visitors to what was going on here. You take in a powerful shaft that is repeatedly<br/>driven into your insides by the man to the very balls, splashing your juices onto the floor,<br/>blissfully welcoming the moment when an electric impulse passes through you<br/>and your uterus will be filled with a fresh portion of semen. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Without wasting any time, the man placed his cock opposite your wet pussy and thrust into it.<br/>The toilet room was filled with the sounds of moans and wet slaps of flesh against each other,<br/>alerting potential visitors to what was going on here. You let this meat club plunge into you<br/>over and over again to the very balls, splashing your juices on the floor,<br/>waiting for the moment of discharge<br/>when you feel a new portion of fresh cream inside you. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Without wasting time, the man placed his penis opposite your wet pussy and entered it with a push.<br/>The toilet room was filled with the sounds of moans and wet slaps of flesh against each other,<br/>notifying possible visitors about what they were doing here.<br/>The powerful trunk is driven into the insides over and over again<br/>to the very balls, splashing your juices on the floor.<br/>Not much more and you surrender to the will of orgasm,<br/>waiting for the feeling of being filled with a fresh portion of sperm to come. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "PussyEnd_01">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +10<br/> Stamina -10<br/> Arousal -40<br/> Corruption +3<br/> Western Reputation +20<br/> Vagina +15</center> </div> </div> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $SVagP += 1>> <<set $SHumP += 1>> <<set $WRep -= 20>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<set $VaginaStatus += 15>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 40, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(8)>> /* Случайное число от 0 до 8 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManBlow/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManBlow/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManBlow/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManBlow/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManBlow/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManBlow/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManBlow/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManBlow/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/ManBlow/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Without wasting time, the man placed his penis in front of your mouth.<br/>You, in turn, played with the head of his cock and began to gradually swallow it deeper into your throat.<br/>Soon, the toilet space was filled with wet slurping sounds of the stranger's meat club traveling through your throat.<br/>With pleasure, surrendering to your favorite business, you feel how the man's balls hit your chin<br/>over and over again, smearing saliva over your face. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Without wasting time, the man placed his penis in front of your mouth.<br/>Grabbing the cock with your hand, you began to gently suck on its head in order to then completely swallow it into your throat,<br/>watching the man and enjoying your current power over him. Soon, the toilet space was filled with wet slurping sounds<br/>of the stranger's meat club traveling through your throat.<br/>Not much more and this trunk will be ready to fill your mouth with a portion of cream. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Without wasting any time, the man placed his cock in front of your mouth and you began to suck it with zeal,<br/>polishing the stranger's shaft with your tongue. Soon the toilet space was filled with the wet slurping sounds of the stranger's meat club<br/>traveling down your throat. You felt the man's balls hit your chin over and over again, smearing saliva across your face. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "FaceEnd_01">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +10<br/> Stamina -10<br/> Arousal -30<br/> Corruption +3<br/> Western Reputation +20</center> </div> </div> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $SOraP += 1>> <<set $SHumP += 1>> <<set $WRep -= 20>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 30, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(1)>> /* Случайное число от 0 до 1 */ <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(14)>> /* Случайное число от 0 до 14 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaRev/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The woman in front of you also began to undress,<br/>surprising you with what was hidden under her clothes.<br/>It seems that everything will not be as simple as it seemed before.<br/> </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<if $EventEnc01 == 0>> <<goto "FutaSex_01">> <<elseif $EventEnc01 == 1>> <<goto "FutaBlow_01">> <<else>> <<goto "FutaSex_01">> <</if>> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanSex/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanSex/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanSex/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanSex/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanSex/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanSex/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanSex/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanSex/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The woman in front of you also undressed, exposing her assets, in order to then unexpectedly and passionately pounce on you.<br/>You feel how her experienced hands wander over all the sensitive places of your body,<br/>especially lingering on your wet and hot pussy, at the same time feeling how her lips and tongue are on your face, neck and chest. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The woman in front of you also undressed, exposing her assets, in order to then find herself in your arms,<br/>becoming a victim of the passion that has overwhelmed you. Having reliably immobilized your victim,<br/>you began to enthusiastically wander with your hands over her most intimate places,<br/>not forgetting to cover her body with your kisses, at the same time pinching her for her hardened nipples. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>The woman in front of you also undressed, exposing her assets, in order to then unexpectedly and passionately pounce on you.<br/>You supported her enthusiasm by taking her nipple into your mouth and carefully biting it while your partner carefully felt your pussy.<br/>After a while, your hand began to travel to your partner's honey pot while her tongue wandered over your chest,<br/>while the room slowly but surely began to fill with the moans of two heated women. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "WomanCun_01">> <</link>></div> </div> </div> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $SOraP += 1>> <<set $SHumP += 1>> <<set $SLesP += 1>> <<set $WRep -= 20>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 30, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(23)>> /* Случайное число от 0 до 23 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 22>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 23>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaSex/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Wasting no time, the woman placed her cock against your wet pussy in order to then thrust into it with a sharp push.<br/>The restroom filled with moans and wet slaps, warning potential visitors of what was happening here.<br/>You take in the powerful shaft, which she repeatedly thrusts into you up to the balls,<br/>splashing your juices on the floor, blissfully welcoming the moment when the electric impulse passes through you,<br/>and your womb will be filled with a fresh portion of sperm. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Wasting no time, the woman placed her cock against your wet pussy in order to gradually plunge into it.<br/>The restroom filled with moans and wet slaps, warning potential visitors of what was happening here.<br/>You let this meat club enter you again and again up to the balls, splashing your juices on the floor,<br/>waiting for the moment of discharge, when you will feel a new portion of fresh sperm inside you. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> Without wasting time, the woman put her cock to your wet pussy and with one sharp push entered it in order to fill the toilet room<br/>with moans and wet slaps of flesh, notifying possible visitors about what they are doing here.<br/>The powerful trunk rhythmically plunges inside again and again, up to the balls, splashing juices on the floor.<br/>A little more, and you surrender to the will of orgasm, waiting for when you will be filled with a fresh portion of sperm. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "PussyEnd_01">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +10<br/> Stamina -10<br/> Arousal -40<br/> Corruption +3<br/> Western Reputation +20<br/> Vagina +15</center> </div> </div> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $SVagP += 1>> <<set $SHumP += 1>> <<set $WRep -= 20>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<set $VaginaStatus += 15>> <<set $VaginaStatus to Math.clamp($VaginaStatus, 0, 1000)>> <<set $SlutStatus to Math.clamp(Math.floor(($VaginaStatus + $AnusStatus) / 40), 0, 50)>> <<set $maxAro to Math.clamp(Math.floor(100 + $SlutStatus), 0, 150)>> <<set $Aro to Math.clamp($Aro, 0, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run setup.updateVagina()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 40, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(13)>> /* Случайное число от 0 до 13 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FutaBlow/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Without wasting any time, the woman brought her cock to your mouth, and you, in turn,<br/>played with the tip of the head and began to gradually swallow it deeper into your throat. Having filled the space of the toilet with wet<br/>slurping sounds of a stranger's meat club traveling down your throat, you indulge in your favorite activity with pleasure, feeling how this woman's balls hit your chin over and over again, smearing drool all over your face. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Without wasting any time, the woman brought her cock to your mouth.<br/>Having fixed her cock in your hand, you began to gently suck on its head, in order to then swallow it completely,<br/>watching the woman and enjoying the expression on her face and your power over her.<br/>Gradually, the space of the toilet was filled with wet slurping sounds of a meat club traveling down your throat<br/>and the moans of one strange woman. A little more, and this trunk will be ready to fill your mouth with a portion of cream. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Wasting no time, the woman brought her cock to your mouth<br/>and you began to suck it greedily, lapping your tongue at the stranger's shaft.<br/>The toilet filled with wet slurping sounds and moans from the strange woman<br/>as her meat club rhythmically traveled down your throat.<br/>You felt her balls slapping your chin over and over again, smearing drool all over your face. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "FaceEnd_01">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +10<br/> Stamina -10<br/> Arousal -30<br/> Corruption +3<br/> Western Reputation +20</center> </div> </div> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $SOraP += 1>> <<set $SHumP += 1>> <<set $WRep -= 20>> <<set $WRep to Math.clamp($WRep, 0, 1000)>> <<run updateWTitle()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro - 30, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<set $MP to Math.clamp($MP - 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 3>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(10)>> /* Случайное число от 0 до 10 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanCun/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanCun/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanCun/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanCun/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanCun/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanCun/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanCun/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanCun/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanCun/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanCun/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/WomanCun/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having settled down more comfortably, the woman directs your head to her wet, hot cunt.<br/>Having fixed your head with her legs, she relaxes while you obediently lick your mistress's slit that needs care.<br/>You feel her hands periodically pressing hard on the back of your head, pressing face into her crotch and forcing tongue to plunge<br/>as deep as possible into her honey pot, when suddenly spasms pass through the woman's body with a deep groan,<br/>and a stream of juices bursts out of her pussy, completely covering your face with them. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having settled down more comfortably, you direct the woman's head to your wet, hot cunt.<br/>Having fixed her with your legs, you relax while she obediently licks your slit that so needs someone else's care and polishing.<br/>You periodically press hard with hands on the back of her head, pressing her face into your crotch and forcing her tongue to plunge<br/>as deep as possible into your honey pot, when suddenly spasms pass through body and with a deep groan you cover her face<br/>with a stream of juices that burst out of your cumming pussy. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Having settled down more comfortably, the woman directs your head to her wet, hot cunt.<br/>You lick your girlfriend's slit, plunging tongue as deep as possible, feeling the periodic pressure of her hands<br/>on the back of your head that press your face into her crotch. After some time of playing with tongue on her instrument,<br/>the woman lets out a deep groan and spasms of orgasm pass through her body,<br/>forcing a stream of juices to burst out of her pussy that completely cover your face. </span> </div> </div> <</if>> <div class="links-container00"> <div id="ATTACK02" style="cursor: help;"> <div class="links01"> <<link "NEXT">> <<goto "FaceWet_01">> <</link>></div> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +10<br/> Stamina -10<br/> Arousal -30<br/> Corruption +3<br/> Western Reputation +20</center> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(18)>> /* Случайное число от 0 до 18 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceEnd/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly, the cock in your mouth starts to pulsate and then fill you with streams of hot sperm.<br/>You wait for your mouth to be filled with nourishing cream, but your partner has other plans and, pulling his cock out of mouth,<br/>he shoots a couple of times at your face. Then, slapping cock on your cheek, he gets dressed,<br/>thanks you for the great blowjob and leaves, leaving you alone. Luckily, you can tidy yourself up here. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly, the cock in your mouth starts to pulsate and then fill you with streams of hot sperm.<br/>You release the cock from the captivity of your mouth and it starts to shoot back at your face. Your partner gets dressed,<br/>thanks you for the great blowjob and leaves, leaving you alone. Luckily, you can tidy yourself up here. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Suddenly, the cock in your mouth starts to pulsate and then fill you with streams of hot sperm.<br/>You wait for your mouth to be filled with cream, but your partner has other plans and pulling his cock out of mouth,<br/>he shoots back at your face a couple of times. Run your tongue over the head of his cock removing the rest of the cum and he,<br/>having dressed, thanks you for the great blowjob and then leaves, leaving you alone. Fortunately, you can tidy yourself up here. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "NightClub_01">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceWet/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceWet/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceWet/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceWet/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceWet/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceWet/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceWet/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceWet/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceWet/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/FaceWet/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Your girlfriend quickly tidies herself up at the sink, thanks you for the fun time and leaves the toilet.<br/>You, however, spend some time recovering from what happened and try to get your feelings in order.<br/>When you succeed and pull yourself together, you wash yourself, removing all traces of your recent adventures,<br/>and then, getting dressed, leave this place. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "NightClub_01">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(15)>> /* Случайное число от 0 до 15 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events/NightClub/PussyEnd/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $Sub >= 200 and $Dom <= 199>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>With a sharp push you feel a powerful stream filling your pussy.<br/>Waiting on buckling legs until you are filled with their sperm like a submissive bitch,<br/>you are in seventh heaven from the pulsation of a large and powerful member inside you.<br/>Suddenly it all ends and you understand that you are left alone in the room.<br/>Relaxed, satisfied and with a full pussy of sperm that flows down your legs. </span> </div> </div> <<elseif $Sub <= 199 and $Dom >= 200>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>With a sharp push you feel a powerful stream filling your pussy.<br/>Waiting on buckling legs until you are filled with the portion of sperm you need so much,<br/>you are in seventh heaven from the pulsation of a large and powerful member servicing you inside.<br/>Suddenly it all ends and you understand that you are left alone in the room.<br/>Relaxed, satisfied and with a full pussy of sperm that flows down your legs. </span> </div> </div> <<else>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>With a sharp push you feel a powerful stream filling your pussy.<br/>Waiting on buckling legs until you are filled with his sperm, you are in seventh heaven from the pulsation<br/>of a large and powerful member inside you.Suddenly it all ends and you realize that you are left alone in the room.<br/>Relaxed, satisfied and with a full pussy of sperm that flows down your legs. </span> </div> </div> <</if>> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "NightClub_01">> <</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>LIVING ROOMS</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Farm/LivingRoomsM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<else>> <div style="text-align: center;"><img src="img/Locations/Farm/LivingRooms_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">One of the living rooms connected to the main barn. The room is well protected from the rain and has many unglazed window openings. Sturdy but cheap furniture and dirty floors.<br/>It feels like some very unusual people live here.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ BACK|FarmBarn_01]] </div> <div class="links-container03"> <<if $TDay >= 11 and $TDay <= 20>> <<link "TALK TO LYUTA 📣">> <<Message "You have nothing to talk about yet">> <</link>> <</if>> <<if $TDay >= 1 and $TDay <= 5>> <<link "TALK TO SENKA 📣">> <<Message "You have nothing to talk about yet">> <</link>> <</if>> <<if $TDay >= 12 and $TDay <= 20>> <<link "TALK TO SENKA 📣">> <<Message "You have nothing to talk about yet">> <</link>> <</if>> <<if $TDay >= 1 and $TDay <= 5>> <<link "TALK TO MARTA 📣">> <<Message "You have nothing to talk about yet">> <</link>> <</if>> <<if $TDay >= 12 and $TDay <= 20>> <<link "TALK TO MARTA 📣">> <<Message "You have nothing to talk about yet">> <</link>> <</if>> </div></div> <<set $location to "FarmLivingR_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(2)>> /* Случайное число от 0 до 2 */ <div style="text-align: center;"><h2>POTATO FIELD</h2></div> <<if $Mad > 59 and $EventEnc00 == 0>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Farm/PotatoFieldM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $EventEnc00 == 1>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Farm/PotatoFieldM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $EventEnc00 == 2>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Farm/PotatoFieldM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $EventEnc00 == 0>> <div style="text-align: center;"><img src="img/Locations/Farm/PotatoField_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $EventEnc00 == 1>> <div style="text-align: center;"><img src="img/Locations/Farm/PotatoField_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $EventEnc00 == 2>> <div style="text-align: center;"><img src="img/Locations/Farm/PotatoField_03.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A large potato field. At least you think it's a potato, although there are some differences from the plant you remember. Because of its size and the presence of pests, it constantly requires care and attention, so you can see several people not far from you who are busy caring for the plants.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ BACK|Farm_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💸 FIELD WORK">> <<if $TDay >= 16>> <<Message "It's too late to work">> <<else>> <<goto "FIELD_WORK_01">> <</if>> <</link>></div> </div> <div class="links-container03"> <<link "TALK TO GEDDA 📣">> <<Message "You have nothing to talk about yet">> <</link>> </div></div> <<set $location to "FarmPotatoF_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div style="text-align: center;"><h2>CORNFIELD</h2></div> <<if $Mad > 59 and $EventEnc00 == 0>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Farm/CornfieldM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $EventEnc00 == 1>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Farm/CornfieldM_02.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $EventEnc00 == 2>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Farm/CornfieldM_03.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $EventEnc00 == 3>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Farm/CornfieldM_04.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $EventEnc00 == 4>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Farm/CornfieldM_05.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $EventEnc00 == 0>> <div style="text-align: center;"><img src="img/Locations/Farm/Cornfield_01.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $EventEnc00 == 1>> <div style="text-align: center;"><img src="img/Locations/Farm/Cornfield_02.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $EventEnc00 == 2>> <div style="text-align: center;"><img src="img/Locations/Farm/Cornfield_03.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $EventEnc00 == 3>> <div style="text-align: center;"><img src="img/Locations/Farm/Cornfield_04.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $EventEnc00 == 4>> <div style="text-align: center;"><img src="img/Locations/Farm/Cornfield_05.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">A large corn field. At least this plant looks like corn, although it obviously ripens and grows much faster than what you remember. The thickets are so dense that you can get lost here, although there are quite a lot of people working in this field.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ BACK|Farm_01]] </div> <div class="links-container03"> <<link "TALK TO GEDDA 📣">> <<Message "You have nothing to talk about yet">> <</link>> </div></div> <<set $location to "FarmCornfield_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>BARN</h2></div> <<if $Mad > 59>> <span class="madness00"><div style="text-align: center;"><img src="img/Locations/Farm/BarnM_01.jpg" class="centerImage" style="max-width:100%;"></div></span> <<else>> <div style="text-align: center;"><img src="img/Locations/Farm/Barn_01.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> <div style="text-align: center;">One of the many barns on the farm. This one is probably the largest and is connected to the nearby residential buildings. You can see boxes, crates, tools and other normal things stored here. Nothing out of the ordinary. Workers show up here periodically to store something or move it to another location.</div> <div class="links-row"> <div class="links-container02"> [[⤴️ GO OUTSIDE|Farm_01]] </div> <div class="links-container01"> <div class="links01"> <<link "💸 BARN WORK">> <<if $TDay >= 16>> <<Message "It's too late to work">> <<else>> <<goto "BARN_WORK_01">> <</if>> <</link>></div> </div> <div class="links-container03"> <<link "LIVING ROOMS 🔴">> <<if $TDay >= 15>> <<Message "Тo reason to disturb the locals now.">> <<else>> <<goto "FarmLivingR_01">> <</if>> <</link>> <<if $TDay >= 1 and $TDay <= 8>> <<link "TALK TO LYUTA 📣">> <<Message "You have nothing to talk about yet">> <</link>> <</if>> <<if $TDay >= 6 and $TDay <= 11>> <<link "TALK TO SENKA 📣">> <<Message "You have nothing to talk about yet">> <</link>> <</if>> <<if $TDay >= 9 and $TDay <= 11>> <<link "TALK TO MARTA 📣">> <<Message "You have nothing to talk about yet">> <</link>> <</if>> </div></div> <<set $location to "FarmBarn_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>FIELD WORK</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(18)>> /* Случайное число от 0 до 18 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(3)>> /* Случайное число от 0 до 3 */ <<if $Mad > 59 and $EventEnc01 == 0>> <span class="madness00"><div style="text-align: center;"><img src="img/Events/Job/026.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $EventEnc01 == 1>> <span class="madness00"><div style="text-align: center;"><img src="img/Events/Job/028.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $EventEnc01 == 2>> <span class="madness00"><div style="text-align: center;"><img src="img/Events/Job/030.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $EventEnc01 == 3>> <span class="madness00"><div style="text-align: center;"><img src="img/Events/Job/032.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $EventEnc01 == 0>> <div style="text-align: center;"><img src="img/Events/Job/025.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $EventEnc01 == 1>> <div style="text-align: center;"><img src="img/Events/Job/027.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $EventEnc01 == 2>> <div style="text-align: center;"><img src="img/Events/Job/029.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $EventEnc01 == 3>> <div style="text-align: center;"><img src="img/Events/Job/031.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> /* Текст после изображения */ <div style="text-align: center;">You have changed into your work uniform and are ready for hard physical labor in the fields.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(This work will take some time and effort)<br/>(Efficiency is affected by Strength, Dexterity and Fitness)</span><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[LEAVE|FarmPotatoF_01]] </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "FIELD WORK">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 16>> <<Message "It's too late to work">> <<elseif $MP <= 24>> <<Message "You are too tired">> <<elseif $EventEnc00 == 0>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_02">> <</timed>> <<elseif $EventEnc00 == 1>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_02">> <</timed>> <<elseif $EventEnc00 == 2>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 6))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_02">> <</timed>> <<elseif $EventEnc00 == 3>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_02">> <</timed>> <<elseif $EventEnc00 == 4>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_03">> <</timed>> <<elseif $EventEnc00 == 5>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_03">> <</timed>> <<elseif $EventEnc00 == 6>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_03">> <</timed>> <<elseif $EventEnc00 == 7>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_01">> <</timed>> <<elseif $EventEnc00 == 8>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_01">> <</timed>> <<elseif $EventEnc00 == 9>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_01">> <</timed>> <<elseif $EventEnc00 == 10>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_01">> <</timed>> <<elseif $EventEnc00 == 11>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_01">> <</timed>> <<elseif $EventEnc00 == 12>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FieldWork_01">> <</timed>> <<else>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You have plowed several beds">> <<timed 1s>> <<goto "FIELD_WORK_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>FIELD WORK</strong><br/> Time +1<br/> Stamina -25<br/> Intoxication -10</center> </div> </div> </div> <div class="links-container03"> </div></div> <<set $location to "FIELD_WORK_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 24%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div style="text-align: center;"><h2>BARN WORK</h2></div> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(18)>> /* Случайное число от 0 до 18 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(2)>> /* Случайное число от 0 до 2 */ <<if $Mad > 59 and $EventEnc01 == 0>> <span class="madness00"><div style="text-align: center;"><img src="img/Events/Job/034.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $EventEnc01 == 1>> <span class="madness00"><div style="text-align: center;"><img src="img/Events/Job/036.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $Mad > 59 and $EventEnc01 == 2>> <span class="madness00"><div style="text-align: center;"><img src="img/Events/Job/038.jpg" class="centerImage" style="max-width:100%;"></div></span> <<elseif $EventEnc01 == 0>> <div style="text-align: center;"><img src="img/Events/Job/033.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $EventEnc01 == 1>> <div style="text-align: center;"><img src="img/Events/Job/035.jpg" class="centerImage" style="max-width:100%;"></div> <<elseif $EventEnc01 == 2>> <div style="text-align: center;"><img src="img/Events/Job/037.jpg" class="centerImage" style="max-width:100%;"></div> <</if>> /* Текст после изображения */ <div style="text-align: center;">You have changed into your work uniform and are ready for hard physical labor in the barn.<br/><span style="color: rgba(255, 255, 255, 0.2); font-size: 1.2em;">(This work will take some time and effort)<br/>(Efficiency is affected by Strength, Dexterity and Fitness)</span><br/><br/><br/></div> <div class="links-row"> <div class="links-container02"> </div> <div class="links-container01"> <div class="links01"> [[LEAVE|FarmBarn_01]] </div> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "BARN WORK">> <<run disableLink(event.target, 1500)>> <<if $TDay >= 16>> <<Message "It's too late to work">> <<elseif $MP <= 24>> <<Message "You are too tired">> <<elseif $EventEnc00 == 0>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_02">> <</timed>> <<elseif $EventEnc00 == 1>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_02">> <</timed>> <<elseif $EventEnc00 == 2>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 6))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_02">> <</timed>> <<elseif $EventEnc00 == 3>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_02">> <</timed>> <<elseif $EventEnc00 == 4>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_03">> <</timed>> <<elseif $EventEnc00 == 5>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_03">> <</timed>> <<elseif $EventEnc00 == 6>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_03">> <</timed>> <<elseif $EventEnc00 == 7>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_01">> <</timed>> <<elseif $EventEnc00 == 8>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_01">> <</timed>> <<elseif $EventEnc00 == 9>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_01">> <</timed>> <<elseif $EventEnc00 == 10>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_01">> <</timed>> <<elseif $EventEnc00 == 11>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_01">> <</timed>> <<elseif $EventEnc00 == 12>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BarnWork_01">> <</timed>> <<else>> <<set $TDay += 1>> <<set $Tox to Math.clamp($Tox - 10, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> <<set $MP to Math.clamp($MP - 25, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $EventEnc to 0>> <<set $EventEnc to random(20)>> <<set $Money to Math.floor($Money + 15 + $EventEnc + (($STR + $DEX + $Fit) / 10))>> <<set $Money to Math.clamp($Money, 0, 9000)>> <<run UIBar.setStoryElements()>> <<Message "You moved a couple of boxes">> <<timed 1s>> <<goto "BARN_WORK_01">> <</timed>> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>BARN WORK</strong><br/> Time +1<br/> Stamina -25<br/> Intoxication -10</center> </div> </div> </div> <div class="links-container03"> </div></div> <<set $location to "BARN_WORK_01">> <style> .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре в ряд */ .links-container00 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 1.5em; /* Верхний отступ для всего контейнера */ } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 24%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(3)>> /* Случайное число от 0 до 3 */ <div class="game-content"> <br/><br/><br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Farm/BarnWork/BarnWork_01.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Farm/BarnWork/BarnWork_02.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Farm/BarnWork/BarnWork_03.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Farm/BarnWork/BarnWork_04.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> It's a particularly hot day today.<br/>And there's no wind in the barn to cool you down while you're moving boxes.<br/>But what doesn't kill you makes you stronger.<br/>In the meantime, you decide to take a short break and cool off a bit. </span> </div> </div> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Time +1<br/> Experience +10<br/> Stamina -5<br/> Fitness +1</center> </div> </span></div> </div> <<Message "⤴️ You have improved your fitness">> /* Бонус к опыту */ <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack03 { position: relative; top: 260px; left: 880px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 25%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Farm/FieldWork/FieldWork_01.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Farm/FieldWork/FieldWork_02.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Farm/FieldWork/FieldWork_03.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Farm/FieldWork/FieldWork_04.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Farm/FieldWork/FieldWork_05.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Farm/FieldWork/FieldWork_06.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> Today is a particularly hot day.<br/>The sky was crystal clear and working under the scorching sun was too tiring.<br/>But what doesn't kill you makes you stronger.<br/>In the meantime, you decided to take a short break. </span> </div> </div> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Time +1<br/> Experience +10<br/> Stamina -5<br/> Fitness +1</center> </div> </span></div> </div> <<Message "⤴️ You have improved your fitness">> /* Бонус к опыту */ <<set $Exp += 10>> <<run setup.checkLevelUp()>> <<set $TDay += 1>> <<set $MP to Math.clamp($MP - 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<set $Fit += 1>> <<set $Fit to Math.clamp($Fit, 0, 100)>> <<run updateBea()>> <<set $maxMP to Math.clamp(Math.floor(100 + ($Fit / 2)), 0, 150)>> <<set $MP to Math.clamp($MP, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack03 { position: relative; top: 260px; left: 880px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 25%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $FARM_START to 0>> <div class="game-content"> <br/><br/> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Plot/03/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <div class="TEXT-container00"><div style="text-align: center;"><span id="DescText">As you enter the largest barn on the farm, you notice a female figure sitting in the shadows near one of the walls.<br/>Realizing that a stranger has arrived, the figure rises to greet you, revealing itself to be<br/>an unusual-looking woman with some cow-like features. </span></div></div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<run disableLink(event.target, 700)>> <<set $FARM_START += 1>> <<switch $FARM_START>> <<case 1>> <<run replaceTextWithDelay("DescText", "<strong>Woman:</strong> - Hello stranger,<br/>we are always happy to see new faces.<br/>Why are you here?")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/013.jpg")>> <<case 2>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Hello, my name is <$>$Pname</$>.<br/>I'm just looking around the city,<br/>and this farm takes up quite a large part of it.")>> <<case 3>> <<run replaceTextWithDelay("DescText", "<strong>Luta:</strong> - My name is Luta, let's get acquainted. These farms really do take up a huge area,<br/>as they have to produce enough food to supply the city, but also keep some of it for storage in case of any problems.<br/>As you know, farming outside the protection of the walls would be too dangerous.")>> <<case 4>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - Is it safe here?<br/>I just heard that attacks can happen even within the city limits.")>> <<case 5>> <<run replaceTextWithDelay("DescText", "<strong>Lyuta:</strong> - We have our own methods of protection. Anyway, my break is over,<br/>and Marta and Senka can answer the rest of your questions. They are in the living quarters now.<br/>Have a nice day, <$>$Pname</$>.<br/>*Having said goodbye to you, the lyuta leaves the barn.<br/>And you enter the residential part of the building next to the barn.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/017.jpg")>> <<case 6>> <<run replaceTextWithDelay("DescText", "In the center of the unusual room is a large sofa on which two women are currently sitting.<br/>One of them looks like a cat and the other has the features of a goat.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/018.jpg")>> <<case 7>> <<run replaceTextWithDelay("DescText", "It seems that your appearance was not unexpected and you were waited.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/019.jpg")>> <<case 8>> <<run replaceTextWithDelay("DescText", "<strong>Senka:</strong> - Hello <$>$Pname</$>. I'm Senka, and on the right is Marta.<br/>We have good hearing and we heard you talking to Lyuta.<br/>We are glad to welcome you to the farm.<br/><strong><$>$Pname</$>:</strong> - Nice to meet you.<br/>What do you do on this farm?")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/010.jpg")>> <<case 9>> <<run replaceTextWithDelay("DescText", "<strong>Marta:</strong> The three of us, me, Senka and Lyuta, share the functions of managing this farm. Hmm...<br/>I can't remember the right term that would accurately define it.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/020.jpg")>> <<case 10>> <<run replaceTextWithDelay("DescText", "<strong>Senka:</strong> - Ha. Something like a council of tribal elders or corporate directors.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/010.jpg")>> <<case 11>> <<run replaceTextWithDelay("DescText", "<strong><$>$Pname</$>:</strong> - I couldn't help but notice that you look a little unusual.")>> <<case 12>> <<run replaceTextWithDelay("DescText", "<strong>Senka:</strong> - That's because we are half-humans or non-humans or beastmen,<br/>call it what you want, we don't take offense at it.")>> <<case 13>> <<run replaceTextWithDelay("DescText", "<strong>Marta:</strong> - Most of those who ended up in this city are creatures from neighboring worlds.<br/>Whereas our native worlds are further away, and therefore there are more differences between us.<br/>But in fact, we are the same people and if you don’t take into account<br/>traditions and appearance, we are not particularly different.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/020.jpg")>> <<case 14>> <<run replaceTextWithDelay("DescText", "<strong>Marta:</strong> - Well, except that many of us have fur and hooves,<br/>so it's not very convenient for us to live in houses that you are used to.<br/>Same with clothes.<br/><strong><$>$Pname</$>:</strong> - Thanks for the explanation.")>> <<case 15>> <<run replaceTextWithDelay("DescText", "<strong>Senka:</strong> - You're welcome. By the way, there are quite a few of us here,<br/>and the rest of the people don't really like working on the farm.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/010.jpg")>> <<case 16>> <<run replaceTextWithDelay("DescText", "<strong>Marta:</strong> - Because we are much more resilient.<br/>Although we are always short of workers.<br/>If you need work, we always have it.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/020.jpg")>> <<case 17>> <<run replaceTextWithDelay("DescText", "<strong>Senka:</strong> - Hard physical labor. Carrying round things, rolling square things, and the like.<br/>I doubt it would suit a woman like you, but why not.<br/><strong><$>$Pname</$>:</strong> - I'll keep that in mind. Then I'll probably go and look at the rest,<br/>if you don't mind.")>> <<run replaceImageWithEffect("plotImage", "img/Plot/03/010.jpg")>> <<case 18>> <<run replaceTextWithDelay("DescText", "<strong>Senka:</strong> - Take a look. And don't be shy to come in and ask if something is unclear. Leaving the women, you return to the barn.")>> <<case 19>> <<set $FARM_START to 2>> <<run setTimeout(() => Engine.play("FarmBarn_01"), 500)>> <<default>> <<replace "#DescText">><<print "text">><</replace>> <</switch>><</link>></div> <div class="links01"> <<link "SKIP">> <<set $SKIP += 1>> <<switch $SKIP>> <<case 1>> <<script>> Dialog.setup("   SKIP"); Dialog.wiki("To confirm skipping a chapter, press the button again."); Dialog.open(); <</script>> <<case 2>> <<set $SKIP to 0>> <<set $FARM_START to 2>> <<run setTimeout(() => Engine.play("FarmBarn_01"), 500)>> <<default>> <<set $SKIP to 0>> <</switch>><</link>></div> </div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(73)>> /* Случайное число от 0 до 73 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 22>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 23>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 24>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 25>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 26>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 27>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 28>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 29>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 30>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 31>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 32>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 33>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 34>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 35>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 36>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 37>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 38>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/039.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 39>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/040.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 41>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/042.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 42>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/043.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 43>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/044.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 44>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/045.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 45>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/046.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 46>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/047.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 47>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/048.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 48>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/049.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 49>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/050.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 50>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/051.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 51>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/052.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 52>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/053.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 53>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/054.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 54>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/055.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 55>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/056.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 56>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/057.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 57>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/058.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 58>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/059.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 59>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/060.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 60>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/061.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 61>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/062.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 62>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/063.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 63>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/064.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 64>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/065.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 65>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/066.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 66>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/067.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 67>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/068.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 68>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/069.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 69>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/070.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 70>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/071.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 71>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/072.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 72>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/073.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 73>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork1/074.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman looking like a wolf.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman who looks like a wolf.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman who looks like a wolf.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman who looks like a wolf.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman who looks like a wolf.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman who looks like a wolf.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman who looks like a wolf.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 7>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman who looks like a wolf.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 8>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman who looks like a wolf.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 9>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman who looks like a wolf.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 10>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman with hyena-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 11>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with hyena-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 12>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman with hyena-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 13>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman with hyena-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with hyena-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman with hyena-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 16>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with hyena-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 17>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman with hyena-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 18>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman with hyena-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 19>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with hyena-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 20>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman with hyena-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 21>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman with hyena-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 22>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with hyena-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 23>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman with hyena-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 24>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with hyena-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 25>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman with hyena-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 26>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman with hyena-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 27>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with hyena-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 28>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman with hyena-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 29>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman with hyena-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 30>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with the features of a hare.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 31>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman with the features of a hare.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 32>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman with the features of a hare.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 33>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with the features of a hare.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 34>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman with the features of a hare.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 35>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman with the features of a hare.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 36>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with cow-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 37>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman with cow-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 38>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman with cow-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with cow-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman with cow-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 41>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman with cow-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 42>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with cow-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 43>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman with cow-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 44>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman with cat-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 45>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with cat-like features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 46>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman with cat-like features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 47>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman with tiger features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 48>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman with tiger features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 49>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman with tiger features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 50>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with tiger features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 51>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman with feline features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 52>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman with feline features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 53>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman with feline features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 54>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman with feline features.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 55>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman with feline features.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 56>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman who looks like a fox.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 57>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman who looks like a fox.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 58>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman who looks like a fox.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 59>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman who looks like a fox.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman who looks like a fox.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 61>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman who looks like a fox.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 62>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman who looks like a fox.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 63>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman who looks like a fox.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 64>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman who looks like a fox.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 65>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman who looks like a fox.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 66>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman who looks like a fox.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 67>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman who looks like a mouse.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 68>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While moving boxes, you come across a naked woman who looks like a mouse.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 69>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman who looks like a mouse.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 70>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you notice a naked woman who looks like a mouse.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 71>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your work, you see a naked woman who looks like a mouse.<br/>You continue on your way. </span> </div> </div> <<elseif $EventEnc00 == 72>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads from one barn to another, you come across a naked woman who looks like a mouse.<br/>You go on doing your work. </span> </div> </div> <<elseif $EventEnc00 == 73>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a naked woman who looks like a mouse.<br/>You continue on your way. </span> </div> </div> <</if>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Arousal +10</center> </div> </span></div> </div> </div> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(22)>> /* Случайное число от 0 до 22 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 22>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\BarnWork2/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying boxes, you accidentally stumble upon a couple making love in a secluded corner.<br/>A seemingly ordinary man is fucking a woman with wolfish features. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a couple making love in a secluded corner.<br/>A man who looks like a hyena is fucking a woman with wolf features. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a couple making love in a secluded corner.<br/>A man who looks like a tiger is fucking a woman with fox features. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a couple making love in a secluded corner.<br/>A man who looks like a tiger is fucking a woman with fox features. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a couple making love in a secluded corner.<br/>A man who looks like a hyena is fucking a woman with wolf features. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a couple making love in a secluded corner.<br/>A man who looks like a tiger is fucking a woman with fox features. </span> </div> </div> <<elseif $EventEnc00 == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your job, you accidentally stumble upon a couple having sex in a secluded corner of the barn.<br/>It seems to be a man and a woman who look like hyenas. </span> </div> </div> <<elseif $EventEnc00 == 7>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a couple making love in a secluded corner.<br/>A man who looks like a tiger is fucking a woman with fox features. </span> </div> </div> <<elseif $EventEnc00 == 8>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a couple making love in a secluded corner.<br/>A man who looks like a hyena is fucking a woman with wolf features.<br/>The she-wolf is much larger than her man, which makes it look a little comical. </span> </div> </div> <<elseif $EventEnc00 == 9>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying loads, you notice a couple having sex behind one of the barns.<br/>A large hyena-like man is fucking an ordinary-looking woman.<br/>You ignore them and continue your business. </span> </div> </div> <<elseif $EventEnc00 == 10>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a couple making love in a secluded corner.<br/>A man who partially looking like a hyena is fucking a woman with wolf features.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 11>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>In one of the barns, you accidentally stumble upon a couple<br/>of a fox-like woman and a wildcat-like man having sex.<br/>You decide not to disturb them and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 12>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying boxes, you accidentally stumble upon a couple making love in a secluded corner.<br/>A seemingly ordinary man is fucking a woman with wolfish features.<br/>You move on, deciding to ignore them. </span> </div> </div> <<elseif $EventEnc00 == 13>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While doing your job, you accidentally stumble upon a couple having sex in a secluded corner of the barn.<br/>It seems to be a man and a woman who look like hyenas.<br/>But you decide not to be distracted by this spectacle. </span> </div> </div> <<elseif $EventEnc00 == 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>In one of the barns you see a regular woman with big breasts being fucked by a man who looks like a bull.<br/>You decide to leave the couple to themselves and leave. </span> </div> </div> <<elseif $EventEnc00 == 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/> While working in one of the barns, you see a woman with cow features being fucked by a man who looks like a bull.<br/>You walk away, leaving them to their own devices. </span> </div> </div> <<elseif $EventEnc00 == 16>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While carrying boxes you accidentally stumble upon two beastmen having sex.<br/>A girl who looks like a cow is being fucked from behind by a man who looks like a wolf.<br/>Having put your cargo where it should be you leave. </span> </div> </div> <<elseif $EventEnc00 == 17>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a wolf man who is fucking a horned woman with big breasts.<br/>You leave the couple, deciding not to disturb them. </span> </div> </div> <<elseif $EventEnc00 == 18>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a wolf man who is fucking a horned woman with big breasts.<br/>You leave the couple, deciding not to disturb them. </span> </div> </div> <<elseif $EventEnc00 == 19>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>In one of the barns, you accidentally stumble upon a couple having sex.<br/>A man who looks like a wolf is fucking a very large woman with cow-like features from behind.<br/>It all looks a bit comical, but you decide to leave the couple as quickly as possible.<br/>This woman looks quite ferocious. </span> </div> </div> <<elseif $EventEnc00 == 20>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>In one of the barns, you accidentally stumble upon a couple having sex.<br/>An ordinary-looking man is fucking a cow-like woman from behind.<br/>You leave the couple alone with each other. </span> </div> </div> <<elseif $EventEnc00 == 21>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a wolf man fucking a cow-like woman in one of the barns.<br/>You leave the cargo you brought at the right place and leave,<br/>leaving the lovers with each other. </span> </div> </div> <<elseif $EventEnc00 == 22>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a wolf man fucking a cow-like woman in one of the barns.<br/>You leave the cargo you brought at the right place and leave,<br/>leaving the lovers with each other. </span> </div> </div> <</if>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +8<br/> Arousal +15<br/> Corruption +1</center> </div> </span></div> </div> </div> <<set $Exp += 8>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 15, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(98)>> /* Случайное число от 0 до 98 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 22>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 23>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 24>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 25>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 26>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 27>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 28>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 29>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 30>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 31>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 32>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 33>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 34>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 35>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 36>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 37>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 38>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/039.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 39>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/040.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 40>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/041.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 41>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/042.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 42>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/043.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 43>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/044.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 44>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/045.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 45>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/046.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 46>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/047.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 47>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/048.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 48>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/049.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 49>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/050.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 50>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/051.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 51>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/052.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 52>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/053.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 53>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/054.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 54>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/055.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 55>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/056.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 56>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/057.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 57>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/058.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 58>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/059.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 59>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/060.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 60>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/061.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 61>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/062.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 62>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/063.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 63>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/064.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 64>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/065.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 65>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/066.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 66>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/067.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 67>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/068.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 68>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/069.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 69>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/070.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 70>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/071.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 71>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/072.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 72>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/073.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 73>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/074.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 74>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/075.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 75>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/076.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 76>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/077.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 77>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/078.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 78>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/079.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 79>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/080.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 80>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/081.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 81>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/082.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 82>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/083.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 83>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/084.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 84>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/085.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 85>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/086.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 86>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/087.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 87>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/088.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 88>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/089.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 89>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/090.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 90>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/091.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 91>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/092.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 92>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/093.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 93>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/094.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 94>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/095.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 95>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/096.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 96>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/097.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 97>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/098.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 98>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork1/099.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with the features of a she-wolf.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman with the features of a she-wolf.<br/>She also noticed you and looks back.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with the features of a she-wolf.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman with the features of a she-wolf.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, three naked women with the appearance of she-wolves appeared next to you.<br/>After watering some plants from the buckets they brought, they went towards the well. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A naked man and woman with wolf-like features walk past you, seemingly carrying buckets of water to water a distant part of the field.<br/>You stop staring at them and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman with the features of a she-wolf.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 7>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with the features of a she-wolf.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 8>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman with the features of a she-wolf.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 9>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman with the features of a she-wolf.<br/>She also noticed you and looks back.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 10>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with the features of a she-wolf.<br/>She also noticed you and looks back.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 11>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman with the features of a she-wolf.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 12>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with the features of a she-wolf.<br/>She also noticed you and looks back.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 13>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman with the features of a she-wolf.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman with the features of a she-wolf.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with the features of a she-wolf.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 16>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman similar in appearance to a hyena.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 17>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with similar in appearance to a hyena.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 18>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman similar in appearance to a hyena.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 19>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you are working, a woman with the appearance of a hyena passes by, carrying a bucket of water.<br/>She asks if you need water, and after you refuse, she moves on. </span> </div> </div> <<elseif $EventEnc00 == 20>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with similar in appearance to a hyena.<br/>She also noticed you and looks back.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 21>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A woman with the appearance of a hyena passes by you.<br/>She carries two large buckets of water and it doesn't look like it's something heavy for her.<br/>After seeing the woman off with a thoughtful look, you return to work. </span> </div> </div> <<elseif $EventEnc00 == 22>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with similar in appearance to a hyena.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 23>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman similar in appearance to a hyena.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 24>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A naked woman, resembling a hyena, stops next to you.<br/>She has unusual bright red hair and a bucket of water in her hands.<br/>After offering you some water, she moves on. </span> </div> </div> <<elseif $EventEnc00 == 25>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with similar in appearance to a hyena.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 26>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman similar in appearance to a hyena.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 27>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you notice a naked woman who looks like a hyena, who has sat down for a short rest.<br/>She watches you carefully as you work, which makes you feel a little embarrassed.<br/>After a short period of time, the hyena girl returns to work. </span> </div> </div> <<elseif $EventEnc00 == 28>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you notice a naked woman who looks like a hyena, who has sat down for a short rest.<br/>She watches you carefully as you work, which makes you feel a little embarrassed.<br/>After a short period of time, the hyena girl returns to work. </span> </div> </div> <<elseif $EventEnc00 == 29>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman similar in appearance to a hyena.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 30>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You notice a naked woman not far from you who looks like a hyena.<br/>She, seeing your attention, smiles back at you.<br/>You turn away in embarrassment. </span> </div> </div> <<elseif $EventEnc00 == 31>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman similar in appearance to a hyena.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 32>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you are working, a naked woman who looks like a hyena approaches you and asks if you are too hot to work in clothes.<br/>You explain to her that the sun can harm exposed skin and that in general you are not too hot.<br/>Shaking her head, the hyena girl goes back to work. </span> </div> </div> <<elseif $EventEnc00 == 33>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman similar in appearance to a hyena.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 34>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman similar in appearance to a hyena.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 35>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with similar in appearance to a hyena.<br/>She also noticed you and looks back.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 36>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Not far from you, you see a naked woman with the appearance of a hyena lie down on the ground, for a short break.<br/>Realizing that you have been looking at her for too long, you turn away to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 37>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with similar in appearance to a hyena.<br/>She also noticed you and looks back.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 38>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman similar in appearance to a hyena.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 39>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has the appearance of a hare.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 40>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has the appearance of a hare.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 41>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has the appearance of a hare.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 42>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has the appearance of a hare.<br/>She also noticed you and looks back.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 43>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has the appearance of a hare.<br/>She also noticed you and looks back.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 44>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has the appearance of a hare.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 45>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman which has the appearance of a hare.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 46>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has the appearance of a cow.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 47>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has the appearance of a cow.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 48>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has the appearance of a cow.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 49>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has the appearance of a cow.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 50>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A naked woman with cow-like features stops next to you.<br/>She holds a large bucket of water and asks if you are hot and thirsty.<br/>Realizing that you are staring at her large breasts, you answer that everything is fine and return to work. </span> </div> </div> <<elseif $EventEnc00 == 51>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has the appearance of a cow.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 52>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has the appearance of a cow.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 53>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has the appearance of a cow.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 54>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A naked woman with cow-like features stops next to you.<br/>She holds a large bucket of water and asks if you are hot and thirsty.<br/>Realizing that you are staring at her large breasts, you answer that everything is fine and return to work. </span> </div> </div> <<elseif $EventEnc00 == 55>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman which has the appearance of a cow.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 56>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A naked woman with cow-like features stops next to you.<br/>She holds a large bucket of water and asks if you are hot and thirsty.<br/>Realizing that you are staring at her large breasts, you answer that everything is fine and return to work. </span> </div> </div> <<elseif $EventEnc00 == 57>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has the appearance of a cow.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 58>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>A naked woman with cow-like features passes by you.<br/>She carries a bucket of water to the distant beds. You can't help but stare at her massive horns.<br/>Thinking that this must be very uncomfortable and wondering why there are four of them. </span> </div> </div> <<elseif $EventEnc00 == 59>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has the appearance of a cow.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 60>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You see a naked cow girl working next to you, pouring water on herself from a bucket.<br/>Involuntarily admiring this scene, you return back to work. </span> </div> </div> <<elseif $EventEnc00 == 61>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has the appearance of a cow.<br/>She also noticed you and looks back.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 62>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman which has the appearance of a cow.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 63>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has the appearance of a cow.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 64>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has cat-like features.<br/>She also noticed you and looks back.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 65>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman which has cat-like features.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 66>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has cat-like features.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 67>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has tiger-like features.<br/>She also noticed you and looks back.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 68>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You see a naked tired tigress girl lying down on the ground for a short rest not far from you.<br/>Looking at this you are surprised at how clean her fur is and wonder why it doesn't get dirty. </span> </div> </div> <<elseif $EventEnc00 == 69>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with which has tiger-like features.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 70>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has tiger-like features.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 71>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has tiger-like features.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 72>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Not far from you you notice a naked cat girl.<br/>Her fur is so dark that if you don't look closely while the sun is hidden behind the clouds, she merges into one black spot.<br/>It seems the girl noticed your attention and looks back questioningly.<br/>You turn away in confusion. </span> </div> </div> <<elseif $EventEnc00 == 73>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has cat-like features.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 74>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has cat-like features.<br/>She also noticed you and looks back.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 75>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which has cat-like features.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 76>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which has cat-like features.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 77>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman which looks like a fox.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 78>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which looks like a fox.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 79>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which looks like a fox.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 80>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which looks like a fox.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 81>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which looks like a fox.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 82>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman which looks like a fox.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 83>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which looks like a fox.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 84>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which looks like a fox.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 85>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which looks like a fox.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 86>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which looks like a fox.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 87>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman which looks like a fox.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 88>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman which looks like a fox.<br/>She also noticed you and looks back.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 89>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby which looks like a fox.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 90>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you notice two naked women with mousy appearance.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 91>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with the appearance of a mouse.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 92>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman with the appearance of a mouse.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 93>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a naked woman with the appearance of a mouse.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 94>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with the appearance of a mouse.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 95>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman with the appearance of a mouse.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <<elseif $EventEnc00 == 96>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working, you noticed a naked woman nearby with the appearance of a mouse.<br/>You decide to continue your work. </span> </div> </div> <<elseif $EventEnc00 == 97>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you suddenly notice a naked woman with the appearance of a mouse.<br/>You turn away and continue your work. </span> </div> </div> <<elseif $EventEnc00 == 98>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were working you noticed not far from you a large naked woman with the appearance of a mouse.<br/>She also noticed you and looks back.<br/>You stop staring at the woman and go back to your work. </span> </div> </div> <</if>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Arousal +10</center> </div> </span></div> </div> </div> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(9)>> /* Случайное число от 0 до 9 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork2/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork2/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork2/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork2/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork2/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork2/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork2/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork2/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork2/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\FieldWork2/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you come across two women apparently making love.<br/>A woman who looks like a wolf is giving cunnilingus to another woman who looks like a normal person.<br/>You walk away leaving them to each other. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you come across two women apparently making love.<br/>This is a woman who looks like a wolf and an ordinary girl.<br/>You decide not to disturb them and leave. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you come across two women kissing.<br/>One of them looks like a large she-wolf while the other has cat-like features.<br/>You leave, deciding not to disturb them. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field you come across two women kissing.<br/>One of them looks like a large she-wolf while the other has cat-like features.<br/>You leave, deciding not to disturb them. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field, you accidentally find two women kissing.<br/>They are an ordinary girl and a woman who looks like a wolf.<br/>You leave them alone. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally find a wolf woman and a girl with cat ears.<br/>It seems they were going to do something indecent, but you prevented it.<br/>You leave, leaving them to each other. </span> </div> </div> <<elseif $EventEnc00 == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field, you accidentally find two women kissing.<br/>They are an ordinary girl and a woman who looks like a wolf.<br/>You leave them alone. </span> </div> </div> <<elseif $EventEnc00 == 7>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working in the field, you accidentally find two women kissing.<br/>They are an ordinary girl and a woman who looks like a wolf.<br/>You leave them alone. </span> </div> </div> <<elseif $EventEnc00 == 8>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a couple of women who look like a wolf and a cat.<br/>It looks like they decided to make love and the she-wolf licks her friend's pussy.<br/>You leave to continue your work, leaving the couple to themselves. </span> </div> </div> <<elseif $EventEnc00 == 9>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While working, you accidentally stumble upon a couple of women who look like a wolf and a cat.<br/>It looks like they decided to make love and the she-wolf licks her friend's pussy.<br/>You leave to continue your work, leaving the couple to themselves. </span> </div> </div> <</if>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +8<br/> Arousal +15<br/> Corruption +1<br/></center> </div> </span></div> </div> </div> <<set $Exp += 8>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 15, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(18)>> /* Случайное число от 0 до 18 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Search/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Wandering through the farms you come to a small open area<br/>where local workers are having fun playing volleyball. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Wandering through the farms you come to a small open area<br/>where local workers are having fun playing volleyball. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Wandering through the farms you come to a small open area<br/>where local workers are having fun playing volleyball. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking through the open door of one of the wooden buildings,<br/>you see a small gym where a couple of local girls are warming up. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While walking around the farm, you come across a nook with an outdoor pool.<br/>In the pool is a naked woman with a fox-like appearance.<br/>She doesn't seem to be bothered by your presence. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Walking around the farm you come across a nook with an outdoor pool.<br/>In the pool is a naked woman with a fox-like appearance.<br/>It seems she enjoys your attention to her body. </span> </div> </div> <<elseif $EventEnc00 == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While walking around the farm, you come across a nook with an outdoor pool.<br/>In the pool are two naked women with a fox-like appearance.<br/>It seems one of them would not mind if you joined in. </span> </div> </div> <<elseif $EventEnc00 == 7>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While walking around the farm, you come across a nook with an outdoor pool.<br/>In the pool is a naked woman with a fox-like appearance.<br/>She doesn't seem to be bothered by your presence. </span> </div> </div> <<elseif $EventEnc00 == 8>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While walking around the farm, you come across a nook with an outdoor pool.<br/>In the pool are two naked women with a fox-like appearance.<br/>It seems one of them would not mind if you joined in. </span> </div> </div> <<elseif $EventEnc00 == 9>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Passing by one of the wooden houses with large open windows,<br/>you accidentally see through the window a naked woman hugging a man with tiger-like features. </span> </div> </div> <<elseif $EventEnc00 == 10>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Wandering around the farm, you accidentally find a corner with an open pool where several local workers are relaxing.<br/>One of the girls in the pool has no special features except for animal ears.<br/>This even seems strange against the background of the rest of the locals. </span> </div> </div> <<elseif $EventEnc00 == 11>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While wandering around the village you come across a small open area<br/>where a tiger woman and a hyena-like man are fighting each other in hand-to-hand combat.<br/>It looks like some kind of training. </span> </div> </div> <<elseif $EventEnc00 == 12>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While wandering through the village you come across a tiger man and a hyena-like woman hugging.<br/>You move on, not wanting to disturb them. </span> </div> </div> <<elseif $EventEnc00 == 13>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While wandering around the village you accidentally see through the open door of one of the houses<br/>how two locals are training inside using bladed weapons. </span> </div> </div> <<elseif $EventEnc00 == 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While exploring the area, you accidentally stumble upon two locals who look like adventurers. </span> </div> </div> <<elseif $EventEnc00 == 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While exploring the area, you accidentally stumble upon two locals<br/>who look like adventurers. </span> </div> </div> <<elseif $EventEnc00 == 16>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While exploring the area, you accidentally stumble upon two locals<br/>who look like adventurers. </span> </div> </div> <<elseif $EventEnc00 == 17>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While exploring the area, you accidentally stumble upon two locals<br/>who look like adventurers. </span> </div> </div> <<elseif $EventEnc00 == 18>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While exploring the area, you accidentally stumble upon two locals<br/>who look like adventurers. </span> </div> </div> <</if>> <<if $EventEnc00 == 3>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +6<br/> Arousal +5</center> </div> </span></div> <<elseif $EventEnc00 == 4>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +6<br/> Arousal +5</center> </div> </span></div> <<elseif $EventEnc00 == 5>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +6<br/> Arousal +5</center> </div> </span></div> <<elseif $EventEnc00 == 6>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +6<br/> Arousal +5</center> </div> </span></div> <<elseif $EventEnc00 == 7>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +6<br/> Arousal +5</center> </div> </span></div> <<elseif $EventEnc00 == 8>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +6<br/> Arousal +5</center> </div> </span></div> <<elseif $EventEnc00 == 9>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +8<br/> Arousal +10</center> </div> </span></div> <<elseif $EventEnc00 == 10>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +8<br/> Arousal +10</center> </div> </span></div> <<else>> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +3</center> </div> </span></div> <</if>> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <<if $EventEnc00 == 3>> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<elseif $EventEnc00 == 4>> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<elseif $EventEnc00 == 5>> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<elseif $EventEnc00 == 6>> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<elseif $EventEnc00 == 7>> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<elseif $EventEnc00 == 8>> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<elseif $EventEnc00 == 9>> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<elseif $EventEnc00 == 10>> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <</if>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(7)>> /* Случайное число от 0 до 7 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking around the farm area, you find an unusual flower growing by the road.<br/>Even standing far away you feel a pleasant smell, but at the same time when you look at it,<br/>a feeling of some kind of pressure arises in your head. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "LEAVE">> <<goto "Farm_01">> <</link>></div> <div class="links01"> <<link "SMELL">> <<goto "Farm_Flower_02">> <</link>></div> </div> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(4)>> /* Случайное число от 0 до 4 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>When you pick the flower, the feeling of pressure suddenly disappears.<br/>You bring it to your face and sniff. </span> </div> </div> <div class="links-container00"> <div class="links01"> <<link "NEXT">> <<goto "Farm_Flower_03">> <</link>></div> </div> </div> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 20, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 5>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<set $Bim += 3>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<run UIBar.setStoryElements()>> <<Message "⤴️ Your <strong>arosual</strong> increases<br/><br/>⤴️ Your <strong>corruption</strong> is increases<br/><br/>">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(6)>> /* Случайное число от 0 до 6 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Psi\Confusion/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Psi\Confusion/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Psi\Confusion/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Psi\Confusion/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Psi\Confusion/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Psi\Confusion/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Psi\Confusion/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> You suddenly remember... <span class="madness00">something important</span>, and forget it.<br/>Or does it just seem that way to you?<br/>A multitude of unformed thoughts rush through head <span class="madness00">without stopping</span>,<br/>before you <span class="madness00">realize</span> that you have been standing in a daze by the road for quite some time. </span> </div> </div> <div class="links-container00"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<if $Bim >= 50>> <<goto "Farm_Flower_04">> <<else>> <<goto "Farm_01">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +10<br/> Arousal +20<br/> MindCurse +3<br/> Corruption +5</center> </div> </div> </div> </div> <<set $Exp += 10>> <<run setup.checkLevelUp()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 18%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Farm\Flower/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Waking up, you realize that you are thoughtfully chewing a green stalk of some plant.<br/><span class="madness00">There is a strange but pleasant sweetish taste in your mouth.</span><br/><br/>Throwing the plant aside, you continue on your way. </span> </div> </div> <div id="links-container00"><span class="btn2"> <div id="ATTACK02" style="cursor: help;"> <<button "<strong>NEXT</strong>" $location>><</button>> </div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Stamina +10<br/> Health +5<br/> Arousal +10<br/> MindCurse +2<br/> Corruption +2<br/> Madness -5</center> </div> </span></div> </div> </div> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<set $Bim += 2>> <<set $Bim to Math.clamp($Bim, 0, 100)>> <<run updateMadMinimum()>> <<set $Mad -= 5>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<set $HP to Math.clamp($HP + 5, 0, $maxHP)>> <<set $healthRatio to $HP / $maxHP>> <<updatemeter 'health' $healthRatio>> <<set $MP to Math.clamp($MP + 10, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> <<run UIBar.setStoryElements()>> <<Message "⤴️ Your <strong>health</strong> is restored<br/><br/>⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤵️ Your <strong>mind</strong> is rested">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 24%; left: 50%; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<set $EventEnc00 to 0>> <<set $EventEnc00 to random(14)>> /* Случайное число от 0 до 14 */ /* Увеличение счетчика поиска */ <<set $INSPECTION_FARM += 1>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP - 15, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> <<if $EventEnc00 == 0>> <<goto "Farm_Search_01">> <<elseif $EventEnc00 == 1>> <<goto "Farm_Search_01">> <<elseif $EventEnc00 == 2>> <<goto "Farm_Search_01">> <<elseif $EventEnc00 == 3>> <<goto "Farm_Search_01">> <<elseif $EventEnc00 == 4>> <<goto "Farm_Flower_01">> <<elseif $EventEnc00 == 5>> <<goto "Farm_Flower_01">> <<elseif $EventEnc00 == 6>> <<goto "Farm_Flower_01">> <<elseif $EventEnc00 == 7>> <<goto "Potion01_03">> <<elseif $EventEnc00 == 8>> <<goto "Potion01_03">> <<elseif $EventEnc00 == 9>> <<goto "Potion01_03">> <<elseif $EventEnc00 == 10>> <<goto "INSPECTION_FARM">> <<else>> <<goto "INSPECTION_FARM">> <</if>> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } </style> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Search/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You are walking around in search of something interesting.</strong> </span> </div> </div> <<Message "⤵️ You spent some <strong>energy</strong>">> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <div class="game-content"> <br/> <br/><br/> <<if $Mad <= 49>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<else>> <div class="map2"> <div style="text-align: center;"><img id="plotImage" src="img/Events/Sleep/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <div class="TEXT-container00"> <div style="text-align: center;"> <span> <strong>You rest for some time.</strong> </span> </div> </div> <<Message "⤴️ Your <strong>energy</strong> is replenished<br/><br/>⤵️ Your <strong>mind</strong> is rested">> /* параметры для осмотра областей */ <<set $INSPECTION_DOCKS to 0>> <<set $INSPECTION_WEAST to 0>> <<set $INSPECTION_NORTH to 0>> <<set $INSPECTION_EAST to 0>> <<set $INSPECTION_FIELDS to 0>> <<set $INSPECTION_FOREST to 0>> <<set $INSPECTION_DUNGEON to 0>> <<set $INSPECTION_FARM to 0>> /* Сброс эффектов еды*/ <<set $SFOOD01 to 0>> <<set $SFOOD02 to 0>> <<set $SFOOD03 to 0>> /* Бонус к энергии за отдых */ <<set $MP to Math.clamp($MP + 5, 0, $maxMP)>> <<set $enduranceRatio to $MP / $maxMP>> <<updatemeter 'endurance' $enduranceRatio>> /* Бонус снижение интоксикации за отдых */ <<set $Tox to Math.clamp($Tox - 5, 0, $maxTox)>> <<set $INTBaseoxicationRatio to $Tox / $maxTox>> <<updatemeter 'intoxication' $INTBaseoxicationRatio>> /* Увеличение времени дня */ <<set $TDay += 1>> /* Понижение Безумия */ <<run updateMadMinimum()>> <<set $Mad -= 1>> <<set $Mad to Math.clamp($Mad, $MadMin, 100)>> <<run UIBar.setStoryElements()>> <div id="links-container00"><span class="btn2"> <<button "<strong>NEXT</strong>" $location>><</button>> </span></div> </div> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } </style> <<if $TDay >= 12 and $TDay <= 14 and $BackСolor == 1>> <style> body { background-color: #0f0a01; } </style> <<elseif $TDay >= 12 and $TDay <= 14 and $BackСolor == 2>> <style> body { background-color: #251402; } </style> <<elseif $TDay >= 15 and $BackСolor == 1>> <style> body { background-color: #08011d; } </style> <<elseif $TDay >= 15 and $BackСolor == 2>> <style> body { background-color: #080633; } </style> <<else>> <style> body { background-color: 0; } </style> <</if>> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(33)>> /* Случайное число от 0 до 33 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 22>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 23>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 24>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 25>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 26>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 27>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 28>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 29>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 30>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 31>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 32>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 33>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSwi/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a woman with snake-like features lying on the sand not far from you.<br/>Despite all the scales, she looks surprisingly attractive.<br/>After admiring her form, you turn your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a woman not far from you who looks like a deer.<br/>The stranger is lying on the very edge of the shore, partially falling under some of the waves.<br/>Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you,<br/>you stumble upon a woman with the features of a deer who is located next to the rocks.<br/>You note for yourself that the girl has a very slender body and large breasts,<br/>after which you decide to stop staring at her so openly and continue your vacation. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a woman with deer-like features lay down on the sand of the beach not far from you.<br/>Having appreciated all the charms of this woman, you look away. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a woman with deer-like features.<br/Unlike the others, her fur is much darker in color, and the clothes she is wearing are clearly not designed to protect her from water.<br/Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While looking at the picture of the shore in front of you, your gaze falls on a woman who looks like a deer.<br/>The woman has large antlers and is wearing a swimsuit that doesn't leave much to the imagination.<br/>Stopping openly looking at this woman, you turn your attention elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a woman with snake-like features not far from you.<br/>Her scales are yellowish and she has a hood on her head like a cobra.<br/>The stranger is lying on the very edge of the shore, partially falling under some of the waves.<br/>You decide to stop staring so openly at her chest and continue your vacation. </span> </div> </div> <<elseif $EventEnc00 == 7>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a woman with deer-like features lay down on the sand of the beach not far from you.<br/>You notice that the girl has rather large animal ears and menacing horns, as well as very large breasts.<br/>Having assessed all the charms of this woman, you look away. </span> </div> </div> <<elseif $EventEnc00 == 8>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, you stumble upon a woman who looks like a deer.<br/>Unlike other similar ones, her body has quite thick fur, and the woman herself looks stronger than the others.<br/>Having admired her forms, you turn your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 9>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a deer girl who has settled down near the shore.<br/>Having come across the neckline of her swimsuit, you notice that her chest is devoid of fur.<br/>Was it removed on purpose or is this her peculiarity?<br/>Having stopped openly looking at this woman, you turn your attention elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 10>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were resting, you suddenly notice that a deer girl lying nearby is carefully examining your body.<br/>Thinking about what sex with such a woman would look like, you after a while, confused, break your eye contact. </span> </div> </div> <<elseif $EventEnc00 == 11>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach you see a deer girl not far from you.<br/>She looks back at you and smiles. Having appreciated all the charms of this woman you look away. </span> </div> </div> <<elseif $EventEnc00 == 12>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you are resting, you notice a woman with deer-like features lying on the sand nearby.<br/>After admiring her curves, you turn your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 13>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a woman with crocodile-like features relaxing nearby.<br/>She is wearing a bright yellow, eye-catching swimsuit.<br/>Stopping your frank examination of this woman, you turn your attention elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, your gaze stumbles upon a woman with crocodile-like features relaxing nearby.<br/>She is wearing a bright orange, eye-catching swimsuit.<br/>You decide to stop staring so openly at her chest and continue your vacation. </span> </div> </div> <<elseif $EventEnc00 == 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a woman with crocodile-like features lay down on the sand of the beach not far from you.<br/>Having settled down comfortably, she began to lazily look at the other people relaxing nearby.<br/>Before your excessive attention became noticeable, you stop examining this stranger. </span> </div> </div> <<elseif $EventEnc00 == 16>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a woman with lizard-like features not far from you.<br/>On her head, instead of hair, there are many small flexible spikes, and her body has dark green scales.<br/>After admiring her form, you turn your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 17>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, your gaze falls on a woman with the features of a lizard.<br/>She has surprisingly large breasts and the scales on them are so small that you can pass them off as normal green skin.<br/>Stopping frankly looking at this woman, you turn your attention elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 18>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you are resting, you notice a woman with lizard-like features nearby.<br/>You wonder if these beastmen can be considered reptiles if they have such large breasts,<br/>when naturally occurring reptiles should not have them, since they are not mammals.<br/>You decide to stop staring so openly at her breasts and continue your rest. </span> </div> </div> <<elseif $EventEnc00 == 19>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a woman with lizard-like features not far from you.<br/>She is wearing a bright red swimsuit and is lying next to the rocks.<br/>Having appreciated all the charms of this woman, you look away. </span> </div> </div> <<elseif $EventEnc00 == 20>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While looking at the picture of the shore in front of you, your gaze falls on a woman with lizard-like features.<br/>She has surprisingly large breasts and the scales on them are so small that you can pass them off as normal green skin.<br/>Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 21>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a reptilian woman lay down on the sand of the beach not far from you.<br/>You wonder what it must be like to live with such a long and massive tail.<br/>Stopping openly looking at this woman, you turn your attention elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 22>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a woman with reptilian features.<br/>It seems that she is looking at you attentively and although it is difficult to understand anything from her face, it seems to you that there is a smile on it.<br/>You decide to stop staring so openly at her chest and continue your vacation. </span> </div> </div> <<elseif $EventEnc00 == 23>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a woman with lizard-like features lay down on the sand of the beach not far from you.<br/>She has surprisingly large breasts and her yellowish scales on them are so small that they can be mistaken for normal skin.<br/>Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 24>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a woman with lizard-like features.<br/>Looking at her legs, you think about the fact that despite the general similarity,<br/>the reptile girls you saw can be very different in their structure.<br/>After admiring them, you move your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 25>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a reptile girl in a bright orange swimsuit.<br/>Together with green scales, such a combination of colors strongly attracts the eye and it seems to you that she knows it.<br/>Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 26>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, your gaze falls on a reptilian girl.<br/>She has brown scales and hair growing out of her head that resembles dreadlocks, although you are not sure that it is hair at all.<br/>You decide to stop staring at her so openly and continue your vacation. </span> </div> </div> <<elseif $EventEnc00 == 27>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a woman with snake-like features not far from you.<br/>She is wearing a bright green swimsuit and has a hood on her head like a cobra.<br/>Having appreciated all the charms of this unusual woman, you look away. </span> </div> </div> <<elseif $EventEnc00 == 28>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a woman with lizard-like features lay down on the sand of the beach not far from you.<br/>Despite the very large size of her breasts, her body has rather large and rough scales.<br/>Thinking about how reptiles shed their skin, you turn your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 29>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, your gaze falls on a woman with snake-like features.<br/>Her large breasts are covered by an unusual black swimsuit and you wonder how it stays on,<br/>because in your opinion, such a thing is simply obliged to constantly fly off the chest.<br/>Having stopped openly looking at this woman, you turn your attention elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 30>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a snake girl lying on the sand not far from you.<br/>She has a long flexible neck and a hood folded at the moment like a cobra.<br/>You decide to stop staring so openly at her chest and continue your vacation. </span> </div> </div> <<elseif $EventEnc00 == 31>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a snake woman lying on a lounge chair near you.<br/>She has a hood like a cobra, and she is wearing a red one-piece swimsuit.<br/>Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 32>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a woman lying nearby with the features of a snake.<br/>This girl has noticed your gaze and is looking at you with interest in return. You, embarrassed, look elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 33>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You notice a snake woman lying not far from you.<br/>She has rather large scales and a cobra hood, and she is wearing a black swimsuit that leaves almost no room for imagination.<br/>Having stopped openly looking at this woman, you turn your attention elsewhere. </span> </div> </div> <</if>> <div class="links-container01"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<if $EventEnc01 == 4>> <<goto "Potion03_03">> <<elseif $EventEnc01 == 5>> <<goto "Potion04_02">> <<else>> <<goto "PrivBeach_01">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +3<br/> Arousal +5</center> </div> </div> </div> <div class="links-container03"> </div> </div> <<set $Exp += 3>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 5, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 0>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 16%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(28)>> /* Случайное число от 0 до 28 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 22>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 23>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 24>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 25>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 26>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 27>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 28>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxNak/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>01While relaxing on the beach, you see a deer girl lying on a sun lounger not far from you.<br/>The woman takes off her swimsuit, remaining completely naked.<br/>You decide to stop staring so openly at her chest and continue your vacation. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a deer girl lying on a sun lounger not far from you.<br/>The woman takes off her swimsuit, remaining completely naked.<br/>You decide to stop staring so openly at her chest and continue your vacation. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a sleeping woman deer not far from you on the sand.<br/>The girl sleeps completely naked and you look with interest at the large nipples on her attractive chest.<br/>Having admired her forms, you turn your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a deer girl lay down on the sand of the beach not far from you, leaning her back against a rock.<br/>She is completely naked, but apparently she does not care.<br/>Having stopped openly looking at this woman, you turn your attention to another place. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a girl with deer-like features lying on her stomach on the sand not far from you.<br/>She has a set of impressive antlers on her head and you can't help but think that as far as you know,<br/>deer animals have antlers mainly only in males, or at least in females they are usually very small.<br/>Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a deer girl lying on her back.<br/>She has large breasts and dark fur on her body.<br/>You look closely at her chest trying to determine whether it is also covered with fur or not, but your vision is not enough.<br/>Having appreciated all the charms of this woman, you look away. </span> </div> </div> <<elseif $EventEnc00 == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, your gaze falls on a deer girl lying in the shade of the trees.<br/>She looks at the beach and other vacationers while being completely naked.<br/>Having admired her forms, you turn your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 7>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a woman with crocodile-like features lay down on the sand of the beach not far from you.<br/>The woman is not wearing a bathing suit and your gaze rests on a pair of large nipples.<br/>You are surprised that there can be nipples on a chest covered in scales, complaining about the strange and crazy world you have found yourself in.<br/>Having stopped openly looking at this woman, you turn your attention elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 8>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a woman with crocodile-like features not far from you.<br/>The woman is not wearing a swimsuit and your gaze rests on a pair of large nipples.<br/>You are surprised that there can be nipples on a breast covered in scales,<br/>complaining about the strange and crazy world you have found yourself in.<br/>Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 9>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, your gaze falls on a woman with the features of a crocodile.<br/>The woman lies on the sand next to a cliff, completely naked, and your gaze rests on her pair of large breasts.<br/>You are surprised at how there can be nipples on a chest covered in scales,<br/>complaining about the strange and crazy world you have found yourself in.<br/>Having appreciated all the charms of this woman, you look away. </span> </div> </div> <<elseif $EventEnc00 == 10>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a woman with the external features of a crocodile nearby.<br/>The woman is not wearing a bathing suit and is completely naked.<br/>Noticing her large breasts, you notice that compared to others, she has very small scales in this area.<br/>Having admired her curves, you turn your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 11>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a naked woman with crocodile-like features.<br/>She has bright green scales and a pair of large dark nipples on her massive breasts.<br/>Stopping your frank stare at this woman, you turn your attention elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 12>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a naked woman with crocodile-like features lay down on the sand of the beach not far from you.<br/>You experience a mixture of conflicting emotions as she strokes her massive breasts, specially positioned in an erotic pose.<br/>Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 13>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a woman with crocodile-like features lying on the sand nearby.<br/>Looking at her naked breasts, you ponder the difference between crocodiles and alligators.<br/>Having appreciated all the charms of this woman, you look away. </span> </div> </div> <<elseif $EventEnc00 == 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a woman with lizard-like features.<br/>She is not wearing a swimsuit, so you see a pair of her massive breasts with huge dark nipples.<br/>The scales on her chest are so small that they can be confused with normal skin.<br/>After admiring her curves, you move your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, your gaze falls upon a naked woman with the features of a lizard.<br/>She lies on her back, exposing her naked breasts to the sun.<br/>Stopping frankly looking at this woman, you turn your attention elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 16>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a woman with lizard-like features not far from you.<br/>The woman is not wearing a swimsuit and you see her bare chest with two large nipples.<br/>You decide to stop staring so openly at her chest and continue your vacation. </span> </div> </div> <<elseif $EventEnc00 == 17>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a naked woman with lizard-like features lay down on the sand of the beach not far from you.<br/>You involuntarily glance at her naked breasts and pussy.<br/>Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 18>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, your gaze falls on a naked woman with the features of a lizard.<br/>You involuntarily run your gaze over her naked chest and pussy.<br/>Having admired her forms, you turn your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 19>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a naked woman with lizard-like features not far from you.<br/>You involuntarily glance at her bare chest and pussy.<br/>Having stopped openly looking at this woman, you turn your attention elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 20>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a woman with reptilian features lying on the sand.<br/>Despite her thick, green-colored skin, her breasts have a pair of large nipples.<br/>You decide to stop staring so openly at her breasts and continue your relaxation. </span> </div> </div> <<elseif $EventEnc00 == 21>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a woman with lizard-like features lay down on a chaise lounge nearby.<br/>The woman is not wearing a swimsuit and her breasts are open for all to see.<br/>Having appreciated all the charms of this woman, you look away. </span> </div> </div> <<elseif $EventEnc00 == 22>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, your gaze falls on a woman lying on the sand with the features of a snake.<br/>The woman is not wearing a swimsuit and her breasts are open for everyone to see.<br/>After admiring her curves, you turn your gaze elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 23>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you are relaxing, you notice a woman with snake-like features lying under the shadow of a small rock.<br/>The woman is not wearing a swimsuit and her massive breasts are exposed for all to see.<br/>Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 24>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a naked woman with the appearance of a snake lying on the sand not far from you.<br/>She has black scales, a cobra's hood, a long tail and large breasts with large dark nipples.<br/>You decide to stop staring so openly at her breasts and continue your vacation. </span> </div> </div> <<elseif $EventEnc00 == 25>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, your gaze falls on a woman with the features of a snake.<br/>She lies completely naked on the sand, opening her breasts and pussy to the sun.<br/>Having appreciated all the charms of this woman, you look away. </span> </div> </div> <<elseif $EventEnc00 == 26>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While you were relaxing, a tiny naked woman with snake-like features lay down on the sand of the beach near a rock not far from you.<br/>She has a long flexible neck and large gray scales all over her body except her chest.<br/>Before your excessive attention becomes noticeable, you stop examining her. </span> </div> </div> <<elseif $EventEnc00 == 27>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a naked woman with the features of a snake.<br/>She has a long flexible neck and large gray scales all over her body except her chest.<br/>Stopping frankly looking at this woman, you turn your attention elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 28>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Looking at the picture of the shore in front of you, your gaze stumbles upon a woman with reptilian features lying between the rocks.<br/>The woman with bright green scales removes part of her swimsuit from her chest, revealing it to the sun.<br/>Before your excessive attention becomes noticeable, you stop examining the stranger. </span> </div> </div> <</if>> <div class="links-container01"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<if $EventEnc01 == 4>> <<goto "Potion03_03">> <<elseif $EventEnc01 == 5>> <<goto "Potion04_02">> <<else>> <<goto "PrivBeach_01">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Arousal +10<br/> Corruption +1</center> </div> </div> </div> <div class="links-container03"> </div> </div> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 10, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 1>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links a:hover { background-color: #161324; } /* Стиль для линков 01 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links01 a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: center; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем вертикальный отступ, убираем горизонтальный */ opacity: 0; animation: fadeIn 2s forwards; backdrop-filter: blur(8px); box-shadow: 0 0 10px rgba(106, 90, 205, 0.7), inset 5px 5px 10px rgba(0, 0, 0, 0.5); transition: background-color 0.3s ease; } .links01 a:hover { background-color: #161324; } #ButtonBack04 { position: relative; top: 160px; left: 780px; float: left; width: 50px; height: 0px; margin-right: 20px; } #ButtonBack05 { position: relative; top: 160px; left: 980px; float: left; width: 50px; height: 0px; margin-right: 20px; } /* Стиль всплывающей подсказки */ #attack-tooltip2 { position: fixed; top: 17%; left: 50%; } </style> <</nobr>>
<<nobr>> <<set $EventEnc00 to 0>> <<set $EventEnc00 to random(37)>> /* Случайное число от 0 до 37 */ <<set $EventEnc01 to 0>> <<set $EventEnc01 to random(5)>> /* Случайное число от 0 до 5 */ <div class="game-content"> <br/><br/><br/> <<if $EventEnc00 == 0>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/001.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 1>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/002.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 2>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/003.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 3>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/004.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 4>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/005.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 5>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/006.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 6>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/007.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 7>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/008.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 8>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/009.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 9>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/010.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 10>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/011.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 11>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/012.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 12>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/013.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 13>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/014.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 14>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/015.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 15>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/016.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 16>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/017.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 17>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/018.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 18>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/019.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 19>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/020.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 20>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/021.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 21>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/022.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 22>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/023.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 23>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/024.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 24>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/025.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 25>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/026.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 26>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/027.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 27>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/028.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 28>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/029.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 29>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/030.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 30>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/031.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 31>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/032.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 32>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/033.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 33>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/034.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 34>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/035.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 35>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/036.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 36>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/037.jpg" class="centerImage" style="max-width:141%;"></div></div> <<elseif $EventEnc00 == 37>> <div class="map"> <div style="text-align: center;"><img id="plotImage" src="img/Events\Beach\RelaxSex/038.jpg" class="centerImage" style="max-width:141%;"></div></div> <</if>> /* Текст после изображения */ <<if $EventEnc00 == 0>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You interrupt your rest by strange sounds nearby and notice a couple of people having sex on the sand of the beach<br/>You watch closely as the man is positioned on top of the woman and actively moves his hips, while the woman responds to this with her moans. </span> </div> </div> <<elseif $EventEnc00 == 1>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a couple of people not far from you undressing and starting to have sex on the sand of the beach.<br/>You watch closely as the man sits on top of a busty woman and actively moves his hips, while the woman responds with her moans. </span> </div> </div> <<elseif $EventEnc00 == 2>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a man and a woman who,<br/>having undressed, begin to have sex on the sand of the beach.<br/>It seems that such scenes are the norm here. </span> </div> </div> <<elseif $EventEnc00 == 3>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach you see a man and a woman not far from you who started having sex on the sand of the beach<br/>and now the man is actively pounding his lover's pussy.<br/>You can hardly look away, complaining about this city and its crazy inhabitants. </span> </div> </div> <<elseif $EventEnc00 == 4>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>During your rest, you notice a rather unusual scene.<br/>A man is having sex with a woman who has the appearance of a crocodile.<br/>You can hardly take your eyes off such a wild scene, which haunts you for a long time,<br/>especially considering that this couple is clearly not going to finish. </span> </div> </div> <<elseif $EventEnc00 == 5>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a rather unusual picture.<br/>A man is having sex with a woman who has the features of a crocodile.<br/>You have no idea how open you have to be to everything new to decide on such a thing.<br/>You can hardly take your eyes off such a wild scene. </span> </div> </div> <<elseif $EventEnc00 == 6>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You interrupt your rest, distracted by strange sounds nearby, and see how on the coastal strip<br/>some man has sex with a woman with the features of a crocodile.<br/>Moreover, the woman is clearly larger than her lover.<br/>You can hardly look away, complaining about this city and its crazy inhabitants. </span> </div> </div> <<elseif $EventEnc00 == 7>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a couple nearby who decided to have sex on the sand of the beach.<br/>It seems that no one around pays much attention to this and this is the norm here.<br/>You also decide to ignore them. </span> </div> </div> <<elseif $EventEnc00 == 8>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a man having sex with a woman with lizard-like features on the coastal strip.<br/>Moreover, the woman is clearly larger than her lover.<br/>You can hardly look away, complaining about this city and its crazy inhabitants. </span> </div> </div> <<elseif $EventEnc00 == 9>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You interrupt your rest by being distracted by strange sounds nearby and see how some man has sex with a woman with the features of a lizard.<br/>They do it partially being in the water and not at all embarrassed by those around them.<br/>You hardly look away, complaining about this city and its crazy inhabitants. </span> </div> </div> <<elseif $EventEnc00 == 10>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While on vacation, you notice a man having sex with a lizard-like woman on the beach.<br/>The woman is clearly larger than the man.<br/>Looking away from the apartment, you are glad that at least this couple is quiet and not making any strange sounds. </span> </div> </div> <<elseif $EventEnc00 == 11>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to how on the coastal strip a man has sex with a woman who has the features of a lizard.<br/>This woman is unusual in that she has long and thick hair on her head, which is quite strange for a reptile.<br/>She also has a massive and long tail and you wonder how comfortable it is for a man to have sex with such a woman in such a position. </span> </div> </div> <<elseif $EventEnc00 == 12>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach you see not far from you how one of the women with the features of a lizard has sex on the sand with some man.<br/>The people around do not pay attention to this wild picture as if it is quite normal here. </span> </div> </div> <<elseif $EventEnc00 == 13>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>During your vacation, you notice one of the women, who has lizard-like features, having sex on the sand with some man.<br/>This woman is clearly larger than her lover,<br/>but the people around her do not pay attention to this wild picture as if this is quite normal here. </span> </div> </div> <<elseif $EventEnc00 == 14>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While on vacation, you notice a man having sex with a woman on the beach who has lizard-like features.<br/>This woman is unusual in that she has long, thick hair on her head, which is quite strange for a reptile.<br/>She also has a massive, long tail, and you wonder how comfortable it is for a man to have sex with such a woman in this position. </span> </div> </div> <<elseif $EventEnc00 == 15>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You interrupt your rest, distracted by strange hissing sounds nearby,<br/>and see how some man is having sex with a woman with snake-like features.<br/>The woman has a flexible neck and bright green scales. While the man works from behind, she opens her mouth and sticks out her forked tongue in pleasure.<br/>You can hardly look away, complaining about this city and its crazy inhabitants. </span> </div> </div> <<elseif $EventEnc00 == 16>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a man having sex with a woman with snake-like features.<br/>The woman has a flexible neck and bright green scales.<br/>While the man works from behind, she opens her mouth and sticks out her forked tongue in pleasure.<br/>You can hardly look away, complaining about this city and its crazy inhabitants. </span> </div> </div> <<elseif $EventEnc00 == 17>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a man having sex with a woman with snake-like features not far from you.<br/>The couple does this while being partially in the water, and those around them ignore their behavior.<br/>Looking away from this apartment, you are glad that at least they are behaving quietly and not making any strange sounds. </span> </div> </div> <<elseif $EventEnc00 == 18>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You interrupt your rest by a strange hissing sound not far from you<br/>and see a man having sex on the sand with a woman with snake-like features.<br/>You wonder if there is a practical difference between an ordinary woman and one whose body is covered in scales.<br/>Thinking about this idea, you look elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 19>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a strange hissing sound nearby<br/>and see a man having sex on the sand with a woman with snake-like features.<br/>You wonder if there is any practical difference between a normal woman and one whose body is covered in scales.<br/>Thinking about this idea, you look elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 20>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, you are attracted by a strange hissing sound not far from you<br/>and see a man having sex on the sand with a woman with snake-like features.<br/>You wonder if there is a practical difference between an ordinary woman and one whose body is covered in scales.<br/>Thinking about this idea, you look elsewhere. </span> </div> </div> <<elseif $EventEnc00 == 21>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach, you see a man having sex with a woman with snake-like features not far from you.<br/>The woman has a flexible long neck and gray scales. While the man works from behind, she sticks out her forked tongue in pleasure.<br/>Looking away from this picture, you are glad that at least they are behaving quietly and not making any strange sounds. </span> </div> </div> <<elseif $EventEnc00 == 22>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a couple having sex on the beach.<br/>You are surprised to see that it is an ordinary woman and a man with deer-like features.<br/>After watching the man fucking his lover with powerful thrusts, you look away to another place on the beach. </span> </div> </div> <<elseif $EventEnc00 == 23>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a man having sex with a woman with snake-like features. The woman has a flexible long neck and sulfur scales. You wonder if there is a practical difference between an ordinary woman and one whose body is covered in scales and, looking away from this picture, you are glad that at least they behave quietly and do not make any strange sounds. </span> </div> </div> <<elseif $EventEnc00 == 24>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You interrupt your rest by being distracted by a strange hissing sound nearby<br/>and see how some man is having sex with a woman with snake-like features.<br/>The woman has a hood like a cobra and black scales.<br/>While the man is working from behind, she sticks out her forked tongue in pleasure.<br/>You can hardly tear your eyes away from this crazy picture. </span> </div> </div> <<elseif $EventEnc00 == 25>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing on the beach you see a man having sex with a woman with snake-like features not far from you.<br/>The woman is covered in large black scales and while the man is working from behind, she sticks out her forked tongue in pleasure.<br/>Looking away from this apartment you are glad that at least they are behaving quietly and not making any strange sounds. </span> </div> </div> <<elseif $EventEnc00 == 26>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a couple who decided to have sex in the water near the shore.<br/>An ordinary man fucks a woman with the features of a deer, while the people around them do not care.<br/>You take your eyes off them, switching to other views of nature. </span> </div> </div> <<elseif $EventEnc00 == 27>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You interrupt your rest, distracted by strange sounds nearby<br/>and see a couple who decided to have sex in the water near the shore.<br/>An ordinary man fucks a woman with deer-like features, while the people around them do not care.<br/>You take your eyes off them, switching to other types of nature. </span> </div> </div> <<elseif $EventEnc00 == 28>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a man having sex on the sand with a woman who has deer-like features.<br/>Trying to distract yourself from their panting, you concentrate on the views of the empty sunny beach on the other side. </span> </div> </div> <<elseif $EventEnc00 == 29>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a couple who decided to have sex in the water near the shore.<br/>An ordinary man fucks a woman with the features of a deer, while the people around them do not care.<br/>You take your eyes off them, switching to other views of nature. </span> </div> </div> <<elseif $EventEnc00 == 30>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the beach you see a man having sex on the sand with a woman who has the features of a deer.<br/>Trying to distract yourself from their panting, you concentrate on the views of the empty sunny beach on the other side. </span> </div> </div> <<elseif $EventEnc00 == 31>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a man having sex on the sand with a woman who has deer-like features.<br/>Trying to distract yourself from their panting, you concentrate on the views of the empty sunny beach on the other side. </span> </div> </div> <<elseif $EventEnc00 == 32>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a couple who decided to have sex on the sand of the beach.<br/>You are surprised to note that this is some ordinary woman and a man with the features of a deer.<br/>After watching how the man fucks his lover with powerful thrusts, you look away to another place on the beach. </span> </div> </div> <<elseif $EventEnc00 == 33>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You interrupt your rest, distracted by strange moans nearby<br/>and see how some man with the features of a deer fucks an ordinary woman on the sand of the beach.<br/>Trying to distract yourself from their panting, you concentrate on the views of the empty sunny beach on the other side from them. </span> </div> </div> <<elseif $EventEnc00 == 34>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the beach you see not far from you how some man with the features of a deer<br/>fucks an ordinary woman on the sand of the beach.<br/>Trying to distract yourself from their panting you concentrate on the views of the empty sunny beach on the other side from them. </span> </div> </div> <<elseif $EventEnc00 == 35>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>Relaxing on the sand of the beach, your attention is drawn to a couple near a large rock.<br/>It seems they decided to have sex and now the man with the features of a deer<br/>is pounding the pussy of an ordinary-looking girl with all his might.<br/>Trying to distract yourself from their panting, you concentrate on the views of the empty sunny beach on the other side of them. </span> </div> </div> <<elseif $EventEnc00 == 36>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>You interrupt your rest, distracted by strange sounds and panting not far from you.<br/>It seems that some couple decided to have sex in the water near the shore.<br/>A man with the features of a deer is fucking an ordinary girl while the people around them do not care about this.<br/>You take your eyes off them, switching to other views of nature. </span> </div> </div> <<elseif $EventEnc00 == 37>> <div class="TEXT-container00"> <div style="text-align: center;"> <span> <br/>While relaxing, you notice a couple having sex in the water near the shore.<br/>A man with deer-like features is fucking an ordinary girl while the people around them don't care.<br/>You look away from them, switching to other views of nature. </span> </div> </div> <</if>> <div class="links-container01"> <div class="links01"> <div id="ATTACK02" style="cursor: help;"> <<link "NEXT">> <<if $EventEnc01 == 4>> <<goto "Potion03_03">> <<elseif $EventEnc01 == 5>> <<goto "Potion04_02">> <<else>> <<goto "PrivBeach_01">> <</if>> <</link>></div> <!-- Всплывающая подсказка (скрытая по умолчанию) --> <div id="attack-tooltip2" class="tooltip-hidden"> <center><strong>RESULT</strong><br/> Experience +5<br/> Arousal +20<br/> Corruption +2</center> </div> </div> </div> <div class="links-container03"> </div> </div> <<set $Exp += 5>> <<run setup.checkLevelUp()>> <<run updateAroBonus()>> <<set $Aro to Math.clamp($Aro + 20, $AroBase, $maxAro)>> <<set $arousalRatio to $Aro / $maxAro>> <<updatemeter 'arousal' $arousalRatio>> <<run updateCorrMinimum()>> <<set $CorrBase += 2>> <<set $CorrBase to Math.clamp($CorrBase, $CorrMin, 100)>> <<run updateINT()>> <<run updateDEX()>> <<run UIBar.setStoryElements()>> <<Message "⤴️ Your <strong>arosual</strong> increases<br/><br/>⤵️ Your <strong>corruption</strong> increases">> <</nobr>> <<nobr>> <style> /* Скрываем интерфейс */ #ui-bar, #character-menu, .stat-row, #name, #right-ui-bar{ display: none; } /* Стиль */ .link-icon { width: 20px; height: 20px; /* Фиксированная высота, чтобы сделать изображение квадратным */ object-fit: cover; /* Обрезает изображение, сохраняя пропорции */ margin-right: -15px; /* Отступ от текста */ margin-top: 3px; } /* Родительский контейнер для горизонтального расположения */ .links-row { display: flex; justify-content: space-between; align-items: flex-start; gap: 1em; margin-top: 1em; } /* Контейнер для ссылок с иконками */ .links-container000 { display: flex; /* Используем flex для выравнивания */ justify-content: center; /* По центру (center/flex-start/flex-end) */ flex-wrap: wrap; /* Разрешаем перенос, если ссылок много */ gap: 0.2em; /* Расстояние между ссылками */ margin-top: 0em; /* Верхний отступ для всего контейнера */ align-items: center; justify-content: left; } /* Контейнер для размещения в центре колонкой */ .links-container01 { display: flex; flex-direction: column; align-items: center; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения слева колонкой */ .links-container02 { display: flex; flex-direction: column; align-items: left; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Контейнер для размещения справа колонкой */ .links-container03 { display: flex; flex-direction: column; align-items: flex-end; gap: 0.1em; margin-top: 1em; } .links:nth-child(1) a { margin-left: auto; margin-right: auto; } .links:nth-child(2) a { margin-left: 60px; } .links:nth-child(3) a { margin-left: 120px; } /* Стиль */ @keyframes fadeIn { from { opacity: 0; transform: translateY(-20px); } to { opacity: 1; transform: translateY(0); } } /* Стиль для линков 00 */ .links { margin-top: 0.0em; /* Уменьшаем верхний отступ между блоками */ } .links a { min-width: 200px; min-height: 27px; max-width: 200px; max-height: 37px; display: flex; align-items: center; justify-content: left; background-color: #19191999; border: 1px solid rgba(161, 161, 255, 0.6); border-radius: 16px; font-family: var(--body-font); box-sizing: border-box; padding: 0.5em 0em; text-decoration: none; margin: 0.2em 0; /* Уменьшаем