<?xml version="1.0" encoding="windows-1251"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<atom:link href="https://nephrite.rolka.me/export.php?type=rss" rel="self" type="application/rss+xml" />
		<title>Нефритовая пыль</title>
		<link>https://nephrite.rolka.me/</link>
		<description>Нефритовая пыль</description>
		<language>ru-ru</language>
		<lastBuildDate>Sat, 21 Feb 2026 16:36:18 +0300</lastBuildDate>
		<generator>MyBB/mybb.ru</generator>
		<item>
			<title>Флуд</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=140#p140</link>
			<description>&lt;p&gt;[html] &amp;lt;style&amp;gt;&lt;br /&gt;@import url(&#039;https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;1,300;1,400&amp;amp;family=EB+Garamond:ital,wght@0,400;1,400&amp;amp;display=swap&#039;);&lt;/p&gt;
						&lt;p&gt;#lenni-main-container {&lt;br /&gt;&amp;#160; font-family: &#039;EB Garamond&#039;, Georgia, serif;&lt;br /&gt;&amp;#160; max-width: 640px;&lt;br /&gt;&amp;#160; margin: 0 auto;&lt;br /&gt;&amp;#160; position: relative;&lt;br /&gt;&amp;#160; background: #f4f5f7;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;/* ===== ОБЛОЖКА ===== */&lt;br /&gt;#lenni-cover {&lt;br /&gt;&amp;#160; width: 100%;&lt;br /&gt;&amp;#160; height: 480px;&lt;br /&gt;&amp;#160; background: linear-gradient(160deg, #1a1a2e 0%, #16213e 50%, #0f0e17 100%);&lt;br /&gt;&amp;#160; display: flex;&lt;br /&gt;&amp;#160; flex-direction: column;&lt;br /&gt;&amp;#160; align-items: center;&lt;br /&gt;&amp;#160; justify-content: flex-end;&lt;br /&gt;&amp;#160; cursor: pointer;&lt;br /&gt;&amp;#160; position: relative;&lt;br /&gt;&amp;#160; transition: all 0.6s ease;&lt;br /&gt;&amp;#160; z-index: 10;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;#lenni-cover.hidden {&lt;br /&gt;&amp;#160; opacity: 0;&lt;br /&gt;&amp;#160; height: 0;&lt;br /&gt;&amp;#160; pointer-events: none;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;/* ===== СЛЁЗЫ ===== */&lt;br /&gt;.lenni-tears-box {&lt;br /&gt;&amp;#160; position: absolute;&lt;br /&gt;&amp;#160; top: 0; left: 0; width: 100%; height: 100%;&lt;br /&gt;&amp;#160; pointer-events: none;&lt;br /&gt;&amp;#160; overflow: hidden;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.lenni-drop {&lt;br /&gt;&amp;#160; position: absolute;&lt;br /&gt;&amp;#160; top: -20px;&lt;br /&gt;&amp;#160; width: 7px; height: 12px;&lt;br /&gt;&amp;#160; background: rgba(200, 225, 255, 0.18);&lt;br /&gt;&amp;#160; border-radius: 80% 0 55% 50% / 55% 0 80% 50%;&lt;br /&gt;&amp;#160; transform: rotate(-45deg);&lt;br /&gt;&amp;#160; animation: tear-fall linear infinite;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.lenni-drop::after {&lt;br /&gt;&amp;#160; content: &#039;&#039;;&lt;br /&gt;&amp;#160; position: absolute;&lt;br /&gt;&amp;#160; top: 15%; left: 15%;&lt;br /&gt;&amp;#160; width: 2px; height: 3px;&lt;br /&gt;&amp;#160; background: rgba(255, 255, 255, 0.3);&lt;br /&gt;&amp;#160; border-radius: 50%;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;@keyframes tear-fall {&lt;br /&gt;&amp;#160; 0% { transform: translateY(0) rotate(-45deg); opacity: 0; }&lt;br /&gt;&amp;#160; 15% { opacity: 0.6; }&lt;br /&gt;&amp;#160; 100% { transform: translateY(500px) rotate(-45deg); opacity: 0; }&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.lenni-drop:nth-child(1) { left: 10%; animation-duration: 7.2s; }&lt;br /&gt;.lenni-drop:nth-child(2) { left: 30%; animation-duration: 9.5s; animation-delay: 1.5s; }&lt;br /&gt;.lenni-drop:nth-child(3) { left: 50%; animation-duration: 8.1s; animation-delay: 4.2s; }&lt;br /&gt;.lenni-drop:nth-child(4) { left: 70%; animation-duration: 10.3s; animation-delay: 0.8s; }&lt;br /&gt;.lenni-drop:nth-child(5) { left: 90%; animation-duration: 7.8s; animation-delay: 3.1s; }&lt;/p&gt;
						&lt;p&gt;/* ===== КОНТЕНТ ===== */&lt;br /&gt;#lenni-content {&lt;br /&gt;&amp;#160; display: none;&lt;br /&gt;&amp;#160; opacity: 0;&lt;br /&gt;&amp;#160; background: #fff;&lt;br /&gt;&amp;#160; transition: opacity 0.8s ease;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;#lenni-content.visible {&lt;br /&gt;&amp;#160; display: block;&lt;br /&gt;&amp;#160; opacity: 1;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.lenni-inner-padd { padding: 40px 25px 80px; }&lt;/p&gt;
						&lt;p&gt;.lenni-p { font-size: 17px; line-height: 1.9; color: #1a1510; margin-bottom: 1.5em; text-align: justify; }&lt;/p&gt;
						&lt;p&gt;.lenni-p.drop::first-letter {&lt;br /&gt;&amp;#160; font-family: &#039;Cormorant Garamond&#039;, serif;&lt;br /&gt;&amp;#160; font-size: 3.5em;&lt;br /&gt;&amp;#160; line-height: 0.8;&lt;br /&gt;&amp;#160; float: left;&lt;br /&gt;&amp;#160; margin: 0.15em 0.12em 0 0;&lt;br /&gt;&amp;#160; color: #5c3d2e;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.lenni-back-btn {&lt;br /&gt;&amp;#160; font-family: &#039;Cormorant Garamond&#039;, serif;&lt;br /&gt;&amp;#160; font-size: 11px;&lt;br /&gt;&amp;#160; letter-spacing: 3px;&lt;br /&gt;&amp;#160; text-transform: uppercase;&lt;br /&gt;&amp;#160; color: #8a7b6a;&lt;br /&gt;&amp;#160; cursor: pointer;&lt;br /&gt;&amp;#160; margin-bottom: 30px;&lt;br /&gt;&amp;#160; display: inline-block;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.f-item { opacity: 0; transform: translateY(15px); transition: 0.7s ease; }&lt;br /&gt;.f-item.show { opacity: 1; transform: translateY(0); }&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div id=&amp;quot;lenni-main-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;div id=&amp;quot;lenni-cover&amp;quot; onclick=&amp;quot;lenniShowStory()&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;lenni-tears-box&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;lenni-drop&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;lenni-drop&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;lenni-drop&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;lenni-drop&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&amp;lt;div class=&amp;quot;lenni-drop&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;text-align: center; padding-bottom: 50px; color: white; z-index: 5;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p style=&amp;quot;font-size: 11px; letter-spacing: 4px; opacity: 0.5;&amp;quot;&amp;gt;ДЕНЬ ВТОРОЙ&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;h2 style=&amp;quot;font-family: &#039;Cormorant Garamond&#039;; font-size: 44px; font-weight: 300; margin: 10px 0 25px;&amp;quot;&amp;gt;Козлина&amp;lt;/h2&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p style=&amp;quot;font-style: italic; font-size: 13px; opacity: 0.35;&amp;quot;&amp;gt;нажмите, чтобы читать&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;lt;div id=&amp;quot;lenni-content&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;lenni-inner-padd&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;span class=&amp;quot;lenni-back-btn&amp;quot; onclick=&amp;quot;lenniHideStory()&amp;quot;&amp;gt;&amp;#8592; Вернуться&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://upforme.ru/uploads/001c/82/f2/10/19375.jpg&amp;quot; style=&amp;quot;width:100%; margin-bottom:40px;&amp;quot;&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;f-item&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p style=&amp;quot;font-size:11px; letter-spacing:4px; color:#8a7b6a; text-transform:uppercase;&amp;quot;&amp;gt;День второй&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;h1 style=&amp;quot;font-family:&#039;Cormorant Garamond&#039;; font-size:42px; font-weight:300; margin:10px 0 25px;&amp;quot;&amp;gt;Козлина&amp;lt;/h1&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;width:40px; height:1px; background:#8a7b6a; margin-bottom:35px; opacity:0.3;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;lenni-p drop f-item&amp;quot;&amp;gt;Всего второй день, а в голове хрупкая пустота. Ленни сидит над книгой, перечитывает раз за разом один и тот же абзац, затем прикрывает глаза и с омерзением разворачивает книгу другой стороной. Он разрешил Фариду заниматься своими танцульками, раз уж тому так хочется, но разве Фарид имел право улетать? Разве фамильяр не обязан быть рядом, прикрывая ведьмака от невзгод, буллинга, от взглядов и тревог, которые без него густым дёгтем варятся. Пальцы скользнули под оправу и сжали веки. Ленни смахнул очки с носа, отложил их в сторону и перевёл взгляд за окно.&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;lenni-p f-item&amp;quot;&amp;gt;«Моё разрешение не твоя блажь.»&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;lenni-p drop f-item&amp;quot;&amp;gt;Волны бьются о скалы и почти летний солёный воздух лезет в ноздри, пощипывая где-то в переносице. Ленни кажется, что во всём виноват океан, но по правде говоря, всё дело в слезах, которые незаметно сочатся по внутренней складке глаза и проникают в нос, сдавливая там тяжестью и болью. Сглотнув комок в горле, Ленни снова подтягивает карандаш и пишет на другом листке для записок: «Если ты не развернёшь самолёт, если не сядешь на обратный, я...» Он не дописывает. Комкает бумажку и бросает в небольшую коробку. Фарид хотел в неё собирать мысли Ленни, пока они будут в разлуке, но все мысли сводились к одной болезненной.&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;lenni-p f-item&amp;quot;&amp;gt;«Если ты умрёшь, умру и я. Но я тебя уже хоронил и привычен. Что если я не доживу? Что если моё сердце остановится от тоски? Что если я...» Листочек небольшой, для всех мыслей места не хватает, и Ленни снова его комкает и кидает в коробку.&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;lenni-p f-item&amp;quot;&amp;gt;«Самый большой страх для меня, что тебе не нужно будет возвращаться.»&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;lenni-p f-item&amp;quot;&amp;gt;Ленни смотрит на экран телефона, видит набегающие цифры сообщений рядом с его именем и не хочет читать. Не хочет радовать своим согласием на эту ситуацию. Да, он сам сказал: катись, если это так важно. Но сам же думал, что нет ничего важнее их силы. Неужели Фариду это так трудно понять? Он пытается завоевать весь мир, львиной лапой отметить подмостки, а что остаётся Ленни? Учебники, лаборатория и ощущение песка на зубах. Ни капли ценности в глазах своего фамильяра. Удобная игрушка для постели и только.&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;lenni-p drop f-item&amp;quot;&amp;gt;Ленни смахивает со стола карандаш и блок бумаги, дышит тяжело и прерывисто, а затем поднимает всё, что уронил, и кладёт на место. Поправляет, чтобы карандаш лежал строго параллельно полоске учебника, трогает бутылочки в подставке, выравнивает их по этикеткам, смахивает пылинку и косится на экран телефона. Не хочет читать, не хочет видеть и прощать тоже не хочет. Танцы &amp;#8212; это здорово, это призвание Фарида, его мечта, то, что выдернуло его из дома и дало смысл жизни. Однако всё это относится и к Ленни &amp;#8212; почему он не чувствует того же? Откуда такая жестокость.&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;lenni-p drop f-item&amp;quot;&amp;gt;Очки отодвигаются к краю стола. Намеренным движением Ленни роняет их на пол и хочет растоптать, как уважение к себе. Никакой ценности, ничего не осталось &amp;#8212; что было, всё растерял. Не удивительно, что столько фамильяров было, а истинный уехал работать: с ним же скучно, с ним трудно, он неудобный камень в мочеточнике. Только когда выдавишь струёй &amp;#8212; наступит облегчение. Фарид там наверняка счастлив.&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;lenni-p f-item&amp;quot;&amp;gt;&amp;#8212; Козлина, &amp;#8212; трёт Ленни нос и срывается дописать записку.&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;lenni-p f-item&amp;quot;&amp;gt;«Я больше, чем просто человек. Я ведьмак и я приказываю. Вернись ко мне.»&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;text-align:center; padding-top:40px; color:#8a7b6a; opacity:0.4;&amp;quot;&amp;gt;&amp;#10022; &amp;amp;nbsp; &amp;amp;nbsp; &amp;#10022; &amp;amp;nbsp; &amp;amp;nbsp; &amp;#10022;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;script&amp;gt;&lt;br /&gt;function lenniShowStory() {&lt;br /&gt;&amp;#160; document.getElementById(&#039;lenni-cover&#039;).classList.add(&#039;hidden&#039;);&lt;br /&gt;&amp;#160; const content = document.getElementById(&#039;lenni-content&#039;);&lt;br /&gt;&amp;#160; setTimeout(() =&amp;gt; {&lt;br /&gt;&amp;#160; &amp;#160; content.classList.add(&#039;visible&#039;);&lt;br /&gt;&amp;#160; &amp;#160; content.querySelectorAll(&#039;.f-item&#039;).forEach((item, i) =&amp;gt; {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(() =&amp;gt; item.classList.add(&#039;show&#039;), i * 150);&lt;br /&gt;&amp;#160; &amp;#160; });&lt;br /&gt;&amp;#160; }, 450);&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function lenniHideStory() {&lt;br /&gt;&amp;#160; document.getElementById(&#039;lenni-content&#039;).classList.remove(&#039;visible&#039;);&lt;br /&gt;&amp;#160; setTimeout(() =&amp;gt; {&lt;br /&gt;&amp;#160; &amp;#160; document.getElementById(&#039;lenni-cover&#039;).classList.remove(&#039;hidden&#039;);&lt;br /&gt;&amp;#160; &amp;#160; document.querySelectorAll(&#039;.f-item&#039;).forEach(item =&amp;gt; item.classList.remove(&#039;show&#039;));&lt;br /&gt;&amp;#160; }, 300);&lt;br /&gt;}&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Sat, 21 Feb 2026 16:36:18 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=140#p140</guid>
		</item>
		<item>
			<title>In the dust</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=121#p121</link>
			<description>&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;@Kayden Moore &lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box spoiler-box media-box&quot;&gt;&lt;div onclick=&quot;toggleSpoiler(this);&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.pinimg.com/originals/d4/05/1d/d4051d8b9f3284ad8a5c609566b97fbf.gif&quot; alt=&quot;https://i.pinimg.com/originals/d4/05/1d/d4051d8b9f3284ad8a5c609566b97fbf.gif&quot; /&gt;&lt;br /&gt;&lt;/div&gt;&lt;blockquote&gt;&lt;/blockquote&gt;&lt;script type=&quot;text/html&quot;&gt;&lt;p&gt;[html]&amp;lt;!DOCTYPE html&amp;gt;&lt;br /&gt;&amp;lt;html lang=&amp;quot;ru&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;head&amp;gt;&lt;br /&gt;&amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;title&amp;gt;ne_pepelniy_zapiska.cpp&amp;lt;/title&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;!-- Кайден, пошел вон из кода, своим умом разгадывай! Кайден, пошел вон из кода, своим умом разгадывай!&amp;#160; Кайден, пошел вон из кода, своим умом разгадывай!&amp;#160; Кайден, пошел вон из кода, своим умом разгадывай!&amp;#160; Кайден, пошел вон из кода, своим умом разгадывай!&amp;#160; Кайден, пошел вон из кода, своим умом разгадывай!&amp;#160; Кайден, пошел вон из кода, своим умом разгадывай!&amp;#160; Кайден, пошел вон из кода, своим умом разгадывай!&amp;#160; Кайден, пошел вон из кода, своим умом разгадывай!&amp;#160; Кайден, пошел вон из кода, своим умом разгадывай! --&amp;gt; &lt;/p&gt;
						&lt;p&gt;&amp;lt;style&amp;gt;&lt;br /&gt;body {&lt;br /&gt;&amp;#160; margin: 0;&lt;br /&gt;&amp;#160; background: #1e1e1e;&lt;br /&gt;&amp;#160; color: #d4d4d4;&lt;br /&gt;&amp;#160; font-family: Consolas, Monaco, &#039;Courier New&#039;, monospace;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.editor {&lt;br /&gt;&amp;#160; max-width: 900px;&lt;br /&gt;&amp;#160; margin: 40px auto;&lt;br /&gt;&amp;#160; background: #252526;&lt;br /&gt;&amp;#160; border-radius: 8px;&lt;br /&gt;&amp;#160; box-shadow: 0 0 20px rgba(0,0,0,.6);&lt;br /&gt;&amp;#160; overflow: hidden;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.titlebar {&lt;br /&gt;&amp;#160; background: #333;&lt;br /&gt;&amp;#160; padding: 8px 12px;&lt;br /&gt;&amp;#160; font-size: 14px;&lt;br /&gt;&amp;#160; color: #ccc;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.code {&lt;br /&gt;&amp;#160; padding: 20px;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.comment {&lt;br /&gt;&amp;#160; color: #6a9955;&lt;br /&gt;&amp;#160; white-space: pre-line;&lt;br /&gt;&amp;#160; margin-bottom: 10px;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.answer-btn {&lt;br /&gt;&amp;#160; display: block;&lt;br /&gt;&amp;#160; padding: 10px 20px;&lt;br /&gt;&amp;#160; margin: 8px 0;&lt;br /&gt;&amp;#160; background: transparent;&lt;br /&gt;&amp;#160; border: none;&lt;br /&gt;&amp;#160; color: #9cdcfe;&lt;br /&gt;&amp;#160; text-align: left;&lt;br /&gt;&amp;#160; cursor: pointer;&lt;br /&gt;&amp;#160; font-family: Consolas, Monaco, &#039;Courier New&#039;, monospace;&lt;br /&gt;&amp;#160; font-size: 14px;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.answer-btn:hover {&lt;br /&gt;&amp;#160; background: #2a2d2e;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.question {&lt;br /&gt;&amp;#160; display: none;&lt;br /&gt;&amp;#160; margin-top: 20px;&lt;br /&gt;&amp;#160; padding: 15px;&lt;br /&gt;&amp;#160; border-left: 2px solid #444;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.question.active {&lt;br /&gt;&amp;#160; display: block;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.result {&lt;br /&gt;&amp;#160; padding-left: 20px;&lt;br /&gt;&amp;#160; margin: 15px 0 20px;&lt;br /&gt;&amp;#160; font-style: italic;&lt;br /&gt;&amp;#160; display: none;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.result.show {&lt;br /&gt;&amp;#160; display: block;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.result.right-text {&lt;br /&gt;&amp;#160; color: #4ec9b0;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.result.wrong-text {&lt;br /&gt;&amp;#160; color: #f44747;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.tour-card {&lt;br /&gt;&amp;#160; display: none;&lt;br /&gt;&amp;#160; text-align: center;&lt;br /&gt;&amp;#160; padding: 40px;&lt;br /&gt;&amp;#160; border: 2px solid #4ec9b0;&lt;br /&gt;&amp;#160; border-radius: 8px;&lt;br /&gt;&amp;#160; margin: 30px 0;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.tour-card.active {&lt;br /&gt;&amp;#160; display: block;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.tour-card h2 {&lt;br /&gt;&amp;#160; color: #4ec9b0;&lt;br /&gt;&amp;#160; font-size: 28px;&lt;br /&gt;&amp;#160; margin-bottom: 20px;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.tour-card p {&lt;br /&gt;&amp;#160; color: #9cdcfe;&lt;br /&gt;&amp;#160; font-size: 16px;&lt;br /&gt;&amp;#160; margin-bottom: 30px;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.tour-card button {&lt;br /&gt;&amp;#160; padding: 15px 40px;&lt;br /&gt;&amp;#160; background: #007ACC;&lt;br /&gt;&amp;#160; border: none;&lt;br /&gt;&amp;#160; color: #fff;&lt;br /&gt;&amp;#160; border-radius: 4px;&lt;br /&gt;&amp;#160; cursor: pointer;&lt;br /&gt;&amp;#160; font-size: 16px;&lt;br /&gt;&amp;#160; font-family: Consolas, Monaco, &#039;Courier New&#039;, monospace;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.tour-card button:hover {&lt;br /&gt;&amp;#160; background: #0098ff;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.ball-game {&lt;br /&gt;&amp;#160; display: none;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.ball-game.active {&lt;br /&gt;&amp;#160; display: block;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.ball-game-area {&lt;br /&gt;&amp;#160; position: relative;&lt;br /&gt;&amp;#160; width: 100%;&lt;br /&gt;&amp;#160; height: 500px;&lt;br /&gt;&amp;#160; background: url(&#039;https://i.imgur.com/MgI1b2d.jpeg&#039;) center/cover no-repeat;&lt;br /&gt;&amp;#160; background-size: cover;&lt;br /&gt;&amp;#160; border: 2px solid #4ec9b0;&lt;br /&gt;&amp;#160; border-radius: 8px;&lt;br /&gt;&amp;#160; margin: 20px 0;&lt;br /&gt;&amp;#160; overflow: hidden;&lt;br /&gt;&amp;#160; box-shadow: 0 0 20px rgba(0,0,0,0.5);&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.ball-game-area::before {&lt;br /&gt;&amp;#160; content: &#039;&#039;;&lt;br /&gt;&amp;#160; position: absolute;&lt;br /&gt;&amp;#160; width: 100%;&lt;br /&gt;&amp;#160; height: 100%;&lt;br /&gt;&amp;#160; background: rgba(0, 0, 0, 0.15);&lt;br /&gt;&amp;#160; pointer-events: none;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.christmas-ball {&lt;br /&gt;&amp;#160; position: absolute;&lt;br /&gt;&amp;#160; width: 50px;&lt;br /&gt;&amp;#160; height: 50px;&lt;br /&gt;&amp;#160; cursor: pointer;&lt;br /&gt;&amp;#160; background-image: url(&#039;https://i.imgur.com/VFqyNVi.png&#039;);&lt;br /&gt;&amp;#160; background-size: contain;&lt;br /&gt;&amp;#160; background-repeat: no-repeat;&lt;br /&gt;&amp;#160; background-position: center;&lt;br /&gt;&amp;#160; user-select: none;&lt;br /&gt;&amp;#160; transition: all 0.3s ease-out;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.christmas-ball:hover {&lt;br /&gt;&amp;#160; transform: scale(1.1);&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.ball-counter {&lt;br /&gt;&amp;#160; font-size: 24px;&lt;br /&gt;&amp;#160; color: #4ec9b0;&lt;br /&gt;&amp;#160; margin: 20px 0;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.ball-game h2 {&lt;br /&gt;&amp;#160; color: #9cdcfe;&lt;br /&gt;&amp;#160; font-family: Consolas, Monaco, &#039;Courier New&#039;, monospace;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.ball-game p {&lt;br /&gt;&amp;#160; color: #9cdcfe;&lt;br /&gt;&amp;#160; font-family: Consolas, Monaco, &#039;Courier New&#039;, monospace;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.final {&lt;br /&gt;&amp;#160; display: none;&lt;br /&gt;&amp;#160; margin-top: 30px;&lt;br /&gt;&amp;#160; padding: 20px;&lt;br /&gt;&amp;#160; border-left: 2px solid #4ec9b0;&lt;br /&gt;&amp;#160; color: #4ec9b0;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.final.active {&lt;br /&gt;&amp;#160; display: block;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.images {&lt;br /&gt;&amp;#160; display: none;&lt;br /&gt;&amp;#160; margin-top: 20px;&lt;br /&gt;&amp;#160; padding-top: 20px;&lt;br /&gt;&amp;#160; border-top: 1px solid #444;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.images.active {&lt;br /&gt;&amp;#160; display: block;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.images img {&lt;br /&gt;&amp;#160; max-width: 300px;&lt;br /&gt;&amp;#160; margin-right: 20px;&lt;br /&gt;&amp;#160; margin-bottom: 20px;&lt;br /&gt;&amp;#160; border: 2px solid #333;&lt;br /&gt;&amp;#160; cursor: pointer;&lt;br /&gt;&amp;#160; transition: transform 0.2s;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.images img:hover {&lt;br /&gt;&amp;#160; transform: scale(1.05);&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.login-screen {&lt;br /&gt;&amp;#160; display: flex;&lt;br /&gt;&amp;#160; align-items: center;&lt;br /&gt;&amp;#160; justify-content: center;&lt;br /&gt;&amp;#160; min-height: 100vh;&lt;br /&gt;&amp;#160; background: #1e1e1e;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.login-box {&lt;br /&gt;&amp;#160; background: #252526;&lt;br /&gt;&amp;#160; border-radius: 8px;&lt;br /&gt;&amp;#160; padding: 40px;&lt;br /&gt;&amp;#160; box-shadow: 0 0 20px rgba(0,0,0,.6);&lt;br /&gt;&amp;#160; text-align: center;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.login-box h1 {&lt;br /&gt;&amp;#160; color: #9cdcfe;&lt;br /&gt;&amp;#160; margin-bottom: 30px;&lt;br /&gt;&amp;#160; font-size: 24px;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.login-box input {&lt;br /&gt;&amp;#160; width: 100%;&lt;br /&gt;&amp;#160; max-width: 300px;&lt;br /&gt;&amp;#160; padding: 12px;&lt;br /&gt;&amp;#160; margin: 15px 0;&lt;br /&gt;&amp;#160; background: #1e1e1e;&lt;br /&gt;&amp;#160; border: 1px solid #444;&lt;br /&gt;&amp;#160; color: #d4d4d4;&lt;br /&gt;&amp;#160; font-family: Consolas, Monaco, &#039;Courier New&#039;, monospace;&lt;br /&gt;&amp;#160; border-radius: 4px;&lt;br /&gt;&amp;#160; font-size: 14px;&lt;br /&gt;&amp;#160; box-sizing: border-box;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.login-box input:focus {&lt;br /&gt;&amp;#160; outline: none;&lt;br /&gt;&amp;#160; border-color: #9cdcfe;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.login-box button {&lt;br /&gt;&amp;#160; width: 100%;&lt;br /&gt;&amp;#160; max-width: 300px;&lt;br /&gt;&amp;#160; padding: 12px;&lt;br /&gt;&amp;#160; margin-top: 20px;&lt;br /&gt;&amp;#160; background: #007ACC;&lt;br /&gt;&amp;#160; border: none;&lt;br /&gt;&amp;#160; color: #fff;&lt;br /&gt;&amp;#160; font-family: Consolas, Monaco, &#039;Courier New&#039;, monospace;&lt;br /&gt;&amp;#160; border-radius: 4px;&lt;br /&gt;&amp;#160; cursor: pointer;&lt;br /&gt;&amp;#160; font-size: 14px;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.login-box button:hover {&lt;br /&gt;&amp;#160; background: #0098ff;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.error-msg {&lt;br /&gt;&amp;#160; color: #f44747;&lt;br /&gt;&amp;#160; margin-top: 15px;&lt;br /&gt;&amp;#160; display: none;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.error-msg.show {&lt;br /&gt;&amp;#160; display: block;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.game-container {&lt;br /&gt;&amp;#160; display: none;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.game-container.active {&lt;br /&gt;&amp;#160; display: block;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.modal {&lt;br /&gt;&amp;#160; display: none;&lt;br /&gt;&amp;#160; position: fixed;&lt;br /&gt;&amp;#160; z-index: 1000;&lt;br /&gt;&amp;#160; left: 0;&lt;br /&gt;&amp;#160; top: 0;&lt;br /&gt;&amp;#160; width: 100%;&lt;br /&gt;&amp;#160; height: 100%;&lt;br /&gt;&amp;#160; background-color: rgba(0,0,0,0.9);&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.modal.active {&lt;br /&gt;&amp;#160; display: flex;&lt;br /&gt;&amp;#160; align-items: center;&lt;br /&gt;&amp;#160; justify-content: center;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.modal-content {&lt;br /&gt;&amp;#160; max-width: 90%;&lt;br /&gt;&amp;#160; max-height: 90%;&lt;br /&gt;&amp;#160; object-fit: contain;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.modal-close {&lt;br /&gt;&amp;#160; position: absolute;&lt;br /&gt;&amp;#160; top: 20px;&lt;br /&gt;&amp;#160; right: 40px;&lt;br /&gt;&amp;#160; color: #fff;&lt;br /&gt;&amp;#160; font-size: 40px;&lt;br /&gt;&amp;#160; cursor: pointer;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;.modal-close:hover {&lt;br /&gt;&amp;#160; color: #aaa;&lt;br /&gt;}&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;/head&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;body&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;script&amp;gt;&lt;br /&gt;function checkPassword() {&lt;br /&gt;&amp;#160; const password = document.getElementById(&#039;passwordInput&#039;).value.toLowerCase();&lt;br /&gt;&amp;#160; const errorMsg = document.getElementById(&#039;errorMsg&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; if (password === &#039;kayden moore&#039;) {&lt;br /&gt;&amp;#160; &amp;#160; document.querySelector(&#039;.login-screen&#039;).style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; document.querySelector(&#039;.game-container&#039;).classList.add(&#039;active&#039;);&lt;br /&gt;&amp;#160; &amp;#160; errorMsg.classList.remove(&#039;show&#039;);&lt;br /&gt;&amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; errorMsg.classList.add(&#039;show&#039;);&lt;br /&gt;&amp;#160; &amp;#160; document.getElementById(&#039;passwordInput&#039;).value = &#039;&#039;;&lt;br /&gt;&amp;#160; }&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function startTour1() {&lt;br /&gt;&amp;#160; document.querySelector(&#039;.tour-card&#039;).classList.remove(&#039;active&#039;);&lt;br /&gt;&amp;#160; const questions = document.querySelectorAll(&#039;.question&#039;);&lt;br /&gt;&amp;#160; questions[0].classList.add(&#039;active&#039;);&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function answer(questionIndex, isCorrect) {&lt;br /&gt;&amp;#160; const questions = document.querySelectorAll(&#039;.question&#039;);&lt;br /&gt;&amp;#160; const currentQuestion = questions[questionIndex];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const results = currentQuestion.querySelectorAll(&#039;.result&#039;);&lt;br /&gt;&amp;#160; results.forEach(r =&amp;gt; r.classList.remove(&#039;show&#039;));&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; if (isCorrect) {&lt;br /&gt;&amp;#160; &amp;#160; currentQuestion.querySelector(&#039;.right-text&#039;).classList.add(&#039;show&#039;);&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; setTimeout(() =&amp;gt; {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; questions.forEach(q =&amp;gt; q.classList.remove(&#039;active&#039;));&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (questionIndex &amp;lt; questions.length - 1) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; questions[questionIndex + 1].classList.add(&#039;active&#039;);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Показать карточку тура 2&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; showTour2Card();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }, 3000);&lt;br /&gt;&amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; currentQuestion.querySelector(&#039;.wrong-text&#039;).classList.add(&#039;show&#039;);&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; setTimeout(() =&amp;gt; {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; currentQuestion.querySelector(&#039;.wrong-text&#039;).classList.remove(&#039;show&#039;);&lt;br /&gt;&amp;#160; &amp;#160; }, 2000);&lt;br /&gt;&amp;#160; }&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function showTour2Card() {&lt;br /&gt;&amp;#160; const questions = document.querySelectorAll(&#039;.question&#039;);&lt;br /&gt;&amp;#160; questions.forEach(q =&amp;gt; q.classList.remove(&#039;active&#039;));&lt;br /&gt;&amp;#160; document.querySelector(&#039;.tour-card-2&#039;).classList.add(&#039;active&#039;);&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function startTour2() {&lt;br /&gt;&amp;#160; document.querySelector(&#039;.tour-card-2&#039;).classList.remove(&#039;active&#039;);&lt;br /&gt;&amp;#160; startBallGame();&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;let ballCaught = 0;&lt;/p&gt;
						&lt;p&gt;function startBallGame() {&lt;br /&gt;&amp;#160; ballCaught = 0;&lt;br /&gt;&amp;#160; document.querySelector(&#039;.ball-game&#039;).classList.add(&#039;active&#039;);&lt;br /&gt;&amp;#160; moveBall();&lt;br /&gt;&amp;#160; document.addEventListener(&#039;mousemove&#039;, runAwayFromMouse);&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function runAwayFromMouse(e) {&lt;br /&gt;&amp;#160; const ball = document.getElementById(&#039;christmasBall&#039;);&lt;br /&gt;&amp;#160; if (!ball || !document.querySelector(&#039;.ball-game&#039;).classList.contains(&#039;active&#039;)) return;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const ballRect = ball.getBoundingClientRect();&lt;br /&gt;&amp;#160; const gameArea = document.querySelector(&#039;.ball-game-area&#039;);&lt;br /&gt;&amp;#160; const gameRect = gameArea.getBoundingClientRect();&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const ballCenterX = ballRect.left + ballRect.width / 2;&lt;br /&gt;&amp;#160; const ballCenterY = ballRect.top + ballRect.height / 2;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const mouseX = e.clientX;&lt;br /&gt;&amp;#160; const mouseY = e.clientY;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const distance = Math.sqrt(Math.pow(mouseX - ballCenterX, 2) + Math.pow(mouseY - ballCenterY, 2));&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; if (distance &amp;lt; 100) {&lt;br /&gt;&amp;#160; &amp;#160; const angle = Math.atan2(ballCenterY - mouseY, ballCenterX - mouseX);&lt;br /&gt;&amp;#160; &amp;#160; const runDistance = 80;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; let newX = ballRect.left - gameRect.left + Math.cos(angle) * runDistance;&lt;br /&gt;&amp;#160; &amp;#160; let newY = ballRect.top - gameRect.top + Math.sin(angle) * runDistance;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; newX = Math.max(0, Math.min(newX, gameRect.width - 40));&lt;br /&gt;&amp;#160; &amp;#160; newY = Math.max(0, Math.min(newY, gameRect.height - 40));&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; ball.style.left = newX + &#039;px&#039;;&lt;br /&gt;&amp;#160; &amp;#160; ball.style.top = newY + &#039;px&#039;;&lt;br /&gt;&amp;#160; }&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function moveBall() {&lt;br /&gt;&amp;#160; const ball = document.getElementById(&#039;christmasBall&#039;);&lt;br /&gt;&amp;#160; const gameArea = document.querySelector(&#039;.ball-game-area&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const maxX = gameArea.clientWidth - 40;&lt;br /&gt;&amp;#160; const maxY = gameArea.clientHeight - 40;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const randomX = Math.random() * maxX;&lt;br /&gt;&amp;#160; const randomY = Math.random() * maxY;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; ball.style.left = randomX + &#039;px&#039;;&lt;br /&gt;&amp;#160; ball.style.top = randomY + &#039;px&#039;;&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function catchBall() {&lt;br /&gt;&amp;#160; ballCaught++;&lt;br /&gt;&amp;#160; document.getElementById(&#039;ballCount&#039;).textContent = ballCaught + &#039; / 10&#039;;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; if (ballCaught &amp;lt; 10) {&lt;br /&gt;&amp;#160; &amp;#160; moveBall();&lt;br /&gt;&amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; finishBallGame();&lt;br /&gt;&amp;#160; }&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function finishBallGame() {&lt;br /&gt;&amp;#160; document.querySelector(&#039;.ball-game&#039;).classList.remove(&#039;active&#039;);&lt;br /&gt;&amp;#160; document.querySelector(&#039;.final&#039;).classList.add(&#039;active&#039;);&lt;br /&gt;&amp;#160; document.querySelector(&#039;.images&#039;).classList.add(&#039;active&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; playVictoryMusic();&lt;br /&gt;&amp;#160; createConfetti();&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function openModal(img) {&lt;br /&gt;&amp;#160; const modal = document.getElementById(&#039;imageModal&#039;);&lt;br /&gt;&amp;#160; const modalImg = document.getElementById(&#039;modalImg&#039;);&lt;br /&gt;&amp;#160; modalImg.src = img.src;&lt;br /&gt;&amp;#160; modal.classList.add(&#039;active&#039;);&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function closeModal() {&lt;br /&gt;&amp;#160; const modal = document.getElementById(&#039;imageModal&#039;);&lt;br /&gt;&amp;#160; modal.classList.remove(&#039;active&#039;);&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function playVictoryMusic() {&lt;br /&gt;&amp;#160; const audio = new Audio(&#039;https://assets.mixkit.co/active_storage/sfx/2869/2869-preview.mp3&#039;);&lt;br /&gt;&amp;#160; audio.volume = 0.5;&lt;br /&gt;&amp;#160; audio.play();&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;function createConfetti() {&lt;br /&gt;&amp;#160; const confettiCount = 100;&lt;br /&gt;&amp;#160; for (let i = 0; i &amp;lt; confettiCount; i++) {&lt;br /&gt;&amp;#160; &amp;#160; setTimeout(() =&amp;gt; {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const confetti = document.createElement(&#039;div&#039;);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; confetti.style.position = &#039;fixed&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; confetti.style.width = Math.random() * 10 + 5 + &#039;px&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; confetti.style.height = Math.random() * 10 + 5 + &#039;px&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; confetti.style.backgroundColor = [&#039;#ff6b6b&#039;, &#039;#4ecdc4&#039;, &#039;#45b7d1&#039;, &#039;#f9ca24&#039;, &#039;#6c5ce7&#039;, &#039;#fd79a8&#039;, &#039;#a29bfe&#039;][Math.floor(Math.random() * 7)];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; confetti.style.left = Math.random() * 100 + &#039;%&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; confetti.style.top = Math.random() * 20 - 20 + &#039;px&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; confetti.style.borderRadius = Math.random() &amp;gt; 0.5 ? &#039;50%&#039; : &#039;0&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; confetti.style.zIndex = &#039;999&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; confetti.style.pointerEvents = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; confetti.style.transform = &#039;rotate(&#039; + Math.random() * 360 + &#039;deg)&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; document.body.appendChild(confetti);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const duration = 3 + Math.random() * 3;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const xMove = (Math.random() - 0.5) * 600;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const rotation = Math.random() * 720 - 360;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; let top = parseFloat(confetti.style.top);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; let left = parseFloat(confetti.style.left);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; let opacity = 1;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; let rotation_val = 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const startTime = Date.now();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const animate = () =&amp;gt; {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const elapsed = (Date.now() - startTime) / 1000;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const progress = elapsed / duration;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; if (progress &amp;lt; 1) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; top += 3 + Math.sin(elapsed * 5) * 2;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; left += xMove / (duration * 60);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; opacity = 1 - progress;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; rotation_val += rotation / (duration * 60);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; confetti.style.top = top + &#039;px&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; confetti.style.left = left + &#039;px&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; confetti.style.opacity = opacity;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; confetti.style.transform = &#039;rotate(&#039; + rotation_val + &#039;deg)&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; requestAnimationFrame(animate);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; confetti.remove();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; };&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; animate();&lt;br /&gt;&amp;#160; &amp;#160; }, i * 30);&lt;br /&gt;&amp;#160; }&lt;br /&gt;}&lt;/p&gt;
						&lt;p&gt;document.addEventListener(&#039;DOMContentLoaded&#039;, function() {&lt;br /&gt;&amp;#160; document.getElementById(&#039;passwordInput&#039;).addEventListener(&#039;keypress&#039;, function(e) {&lt;br /&gt;&amp;#160; &amp;#160; if (e.key === &#039;Enter&#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; checkPassword();&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; });&lt;br /&gt;});&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;login-screen&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;login-box&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;h1&amp;gt;Введите пароль&amp;lt;/h1&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;input type=&amp;quot;password&amp;quot; id=&amp;quot;passwordInput&amp;quot; placeholder=&amp;quot;Пароль&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;button onclick=&amp;quot;checkPassword()&amp;quot;&amp;gt;Войти&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;div class=&amp;quot;error-msg&amp;quot; id=&amp;quot;errorMsg&amp;quot;&amp;gt;Неверный пароль&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;game-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;editor&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;titlebar&amp;quot;&amp;gt;ne_pepelniy_zapiska.cpp — Run&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;code&amp;quot;&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;!-- КАРТОЧКА ТУР 1 --&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;tour-card active&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;h2&amp;gt;&amp;gt; ТУР 1: ЗАГАДКИ&amp;lt;/h2&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;p&amp;gt;Ответь на 7 новогодних загадок&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;button onclick=&amp;quot;startTour1()&amp;quot;&amp;gt;[ НАЧАТЬ ТУР 1 ]&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;!-- ЗАГАДКИ ТУР 1 --&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;question&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;comment&amp;quot;&amp;gt;/*&lt;br /&gt;На колени всех поставит,&lt;br /&gt;Танцевать людей заставит,&lt;br /&gt;Будут все ходить тихонько,&lt;br /&gt;Потому, что очень... ммм, больно.&lt;br /&gt;*/&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(0, false)&amp;quot;&amp;gt;string answer = &amp;quot;Лего&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(0, true)&amp;quot;&amp;gt;string answer = &amp;quot;Ленни&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(0, false)&amp;quot;&amp;gt;string answer = &amp;quot;Гололёд&amp;quot;;&amp;lt;/button&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;result wrong-text&amp;quot;&amp;gt;// Да, ну, брось... Подумооой! &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;result right-text&amp;quot;&amp;gt;// Ай, умничка, догадливый&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;question&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;comment&amp;quot;&amp;gt;/*&lt;br /&gt;Его мы в руки взяли,&lt;br /&gt;Немножечко помяли —&lt;br /&gt;Стал твердым наш дружок,&lt;br /&gt;Зовут его...&lt;br /&gt;*/&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(1, true)&amp;quot;&amp;gt;string answer = &amp;quot;мистер Ривера&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(1, false)&amp;quot;&amp;gt;string answer = &amp;quot;Снег&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(1, false)&amp;quot;&amp;gt;string answer = &amp;quot;Член мужицкий!&amp;quot;;&amp;lt;/button&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;result wrong-text&amp;quot;&amp;gt;// Ты как будто на форуме не бываешь&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;result right-text&amp;quot;&amp;gt;// Ему только не говори&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;question&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;comment&amp;quot;&amp;gt;/*&lt;br /&gt;Под елкой спать уж улеглись.&lt;br /&gt;Они как свинки напились&lt;br /&gt;И раскидали свои кости.&lt;br /&gt;Ну да, конечно, это...&lt;br /&gt;*/&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(2, false)&amp;quot;&amp;gt;string answer = &amp;quot;Собаки&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(2, true)&amp;quot;&amp;gt;string answer = &amp;quot;Студентики&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(2, false)&amp;quot;&amp;gt;string answer = &amp;quot;Зомби&amp;quot;;&amp;lt;/button&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;result wrong-text&amp;quot;&amp;gt;// Не тот билд, чувак&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;result right-text&amp;quot;&amp;gt;// Classic хе-хе&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;question&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;comment&amp;quot;&amp;gt;/*&lt;br /&gt;Дед Мороз с собою носит,&lt;br /&gt;Чтоб в сугробах не застрять.&lt;br /&gt;Никогда его не бросит,&lt;br /&gt;Даже если денег дать.&lt;br /&gt;*/&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(3, false)&amp;quot;&amp;gt;string answer = &amp;quot;Пенсионерское удостоверение&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(3, true)&amp;quot;&amp;gt;string answer = &amp;quot;Мистер Хантер&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(3, false)&amp;quot;&amp;gt;string answer = &amp;quot;Посох&amp;quot;;&amp;lt;/button&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;result wrong-text&amp;quot;&amp;gt;// А ты не слышал слухи про деда, да?&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;result right-text&amp;quot;&amp;gt;// Любоф рулит и в новом году&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;question&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;comment&amp;quot;&amp;gt;/*&lt;br /&gt;Может быть он не большим,&lt;br /&gt;Может быть огромным,&lt;br /&gt;Может быть он и худым,&lt;br /&gt;Может быть и толстым!&lt;br /&gt;И у каждого он свой,&lt;br /&gt;Каждый год он новый!&lt;br /&gt;*/&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(4, true)&amp;quot;&amp;gt;string answer = &amp;quot;Персонаж&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(4, false)&amp;quot;&amp;gt;string answer = &amp;quot;Подарок&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(4, false)&amp;quot;&amp;gt;string answer = &amp;quot;Ну, я даже не знаю... снова член?&amp;quot;;&amp;lt;/button&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;result wrong-text&amp;quot;&amp;gt;// Нет, я знаю, что бывают исключения&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;result right-text&amp;quot;&amp;gt;// Ага, да, да, улыбнись&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;question&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;comment&amp;quot;&amp;gt;/*&lt;br /&gt;Шубою прикрыта,&lt;br /&gt;Имеет яркий вид.&lt;br /&gt;И в Новый год обычно,&lt;br /&gt;В тарелочке лежит.&lt;br /&gt;*/&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(5, false)&amp;quot;&amp;gt;string answer = &amp;quot;Селёдка&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(5, true)&amp;quot;&amp;gt;string answer = &amp;quot;Мадам Хибино нажралась&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(5, false)&amp;quot;&amp;gt;string answer = &amp;quot;Идея для поста&amp;quot;;&amp;lt;/button&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;result wrong-text&amp;quot;&amp;gt;// Так, ну, не порть мне праздник&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;result right-text&amp;quot;&amp;gt;// Не рассказывай ей&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;question&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;comment&amp;quot;&amp;gt;/*&lt;br /&gt;На утреннике нашем&lt;br /&gt;Все девочки и мальчики&lt;br /&gt;Прекрасные снежинки&lt;br /&gt;И маленькие...&lt;br /&gt;*/&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(6, true)&amp;quot;&amp;gt;string answer = &amp;quot;Пидоры&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(6, false)&amp;quot;&amp;gt;string answer = &amp;quot;Зайчики&amp;quot;;&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;button class=&amp;quot;answer-btn&amp;quot; onclick=&amp;quot;answer(6, false)&amp;quot;&amp;gt;string answer = &amp;quot;Снежки&amp;quot;;&amp;lt;/button&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;result wrong-text&amp;quot;&amp;gt;// Слишком невинно для моих заданий&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;result right-text&amp;quot;&amp;gt;// Последний тест на нашего пройден&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;!-- КАРТОЧКА ТУР 2 --&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;tour-card tour-card-2&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;h2&amp;gt;&amp;gt; ТУР 2: ПОЙМАЙ ДЕДА МОРОЗА&amp;lt;/h2&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;p&amp;gt;Ударь Деда Мороза 10 раз, прежде чем он убежит&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;button onclick=&amp;quot;startTour2()&amp;quot;&amp;gt;[ НАЧАТЬ ТУР 2 ]&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;!-- ИГРА ТУР 2 --&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;ball-game&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;h2&amp;gt;$ Поймай Деда Мороза, мой юный буллер!&amp;lt;/h2&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;p&amp;gt;// Нажимай на Деда Мороза столько раз, чтобы его поймать 10 раз&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;div class=&amp;quot;ball-game-area&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;christmas-ball&amp;quot; id=&amp;quot;christmasBall&amp;quot; onclick=&amp;quot;catchBall()&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;div class=&amp;quot;ball-counter&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; Поймано: &amp;lt;span id=&amp;quot;ballCount&amp;quot;&amp;gt;0 / 10&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;!-- ФИНАЛ --&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;final&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; // Поздравляю! Ты прошел все туры!&lt;br /&gt;&amp;#160; &amp;lt;br&amp;gt;&amp;lt;br&amp;gt;&lt;br /&gt;&amp;#160; // ФИНАЛ:&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;images&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;img src=&amp;quot;https://i.imgur.com/xSr7BE8.jpeg&amp;quot; onclick=&amp;quot;openModal(this)&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;img src=&amp;quot;https://i.imgur.com/C6jeoxM.jpeg&amp;quot; onclick=&amp;quot;openModal(this)&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;modal&amp;quot; id=&amp;quot;imageModal&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;span class=&amp;quot;modal-close&amp;quot; onclick=&amp;quot;closeModal()&amp;quot;&amp;gt;&amp;amp;times;&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;img class=&amp;quot;modal-content&amp;quot; id=&amp;quot;modalImg&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;/body&amp;gt;&lt;br /&gt;&amp;lt;/html&amp;gt;[/html]&lt;/p&gt;&lt;/script&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Wed, 24 Dec 2025 19:22:29 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=121#p121</guid>
		</item>
		<item>
			<title>Тайные комнаты</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=115#p115</link>
			<description>&lt;p&gt;[html]&lt;br /&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;br /&gt;&amp;lt;html lang=&amp;quot;ru&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;head&amp;gt;&lt;br /&gt;&amp;lt;meta charset=&amp;quot;utf-8&amp;quot; /&amp;gt;&lt;br /&gt;&amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width, initial-scale=1&amp;quot; /&amp;gt;&lt;br /&gt;&amp;lt;title&amp;gt;Комнаты &amp;#8212; карточки (флип на чистом CSS)&amp;lt;/title&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&amp;#160; * { box-sizing: border-box; margin: 0; padding: 0; }&lt;br /&gt;&amp;#160; html,body { height: 100%; }&lt;br /&gt;&amp;#160; body {&lt;br /&gt;&amp;#160; &amp;#160; font-family: system-ui, -apple-system, &amp;quot;Segoe UI&amp;quot;, Roboto, &amp;quot;Helvetica Neue&amp;quot;, Arial, sans-serif;&lt;br /&gt;&amp;#160; &amp;#160; background: linear-gradient(135deg,#667eea 0%,#764ba2 100%);&lt;br /&gt;&amp;#160; &amp;#160; padding: 24px;&lt;br /&gt;&amp;#160; &amp;#160; display: flex;&lt;br /&gt;&amp;#160; &amp;#160; flex-direction: column;&lt;br /&gt;&amp;#160; &amp;#160; align-items: center;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; h1 {&lt;br /&gt;&amp;#160; &amp;#160; color: #fff;&lt;br /&gt;&amp;#160; &amp;#160; margin-bottom: 16px;&lt;br /&gt;&amp;#160; &amp;#160; text-shadow: 0 2px 6px rgba(0,0,0,.35);&lt;br /&gt;&amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; /* Сетка карточек */&lt;br /&gt;&amp;#160; .grid-container {&lt;br /&gt;&amp;#160; &amp;#160; width: 95%;&lt;br /&gt;&amp;#160; &amp;#160; max-width: 1200px;&lt;br /&gt;&amp;#160; &amp;#160; display: grid;&lt;br /&gt;&amp;#160; &amp;#160; gap: 12px;&lt;br /&gt;&amp;#160; &amp;#160; grid-template-columns: repeat(6, 1fr);&lt;br /&gt;&amp;#160; &amp;#160; background: rgba(255,255,255,0.04);&lt;br /&gt;&amp;#160; &amp;#160; padding: 12px;&lt;br /&gt;&amp;#160; &amp;#160; border-radius: 12px;&lt;br /&gt;&amp;#160; &amp;#160; backdrop-filter: blur(6px);&lt;br /&gt;&amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; /* Упаковка флипа: делает квадрат */&lt;br /&gt;&amp;#160; .flip-container {&lt;br /&gt;&amp;#160; &amp;#160; width: 100%;&lt;br /&gt;&amp;#160; &amp;#160; padding-top: 100%; /* квадрат */&lt;br /&gt;&amp;#160; &amp;#160; position: relative;&lt;br /&gt;&amp;#160; &amp;#160; perspective: 1000px;&lt;br /&gt;&amp;#160; &amp;#160; outline: none; /* чтобы focus выглядел штатно в твох стилях; можно убрать */&lt;br /&gt;&amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; /* Сам флип-элемент */&lt;br /&gt;&amp;#160; .flipper {&lt;br /&gt;&amp;#160; &amp;#160; position: absolute;&lt;br /&gt;&amp;#160; &amp;#160; inset: 0;&lt;br /&gt;&amp;#160; &amp;#160; transition: transform 0.6s cubic-bezier(.4,0,.2,1);&lt;br /&gt;&amp;#160; &amp;#160; transform-style: preserve-3d;&lt;br /&gt;&amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; /* Вращаем на hover и на focus (чтобы была доступность через Tab и клик) */&lt;br /&gt;&amp;#160; .flip-container:hover .flipper,&lt;br /&gt;&amp;#160; .flip-container:focus .flipper {&lt;br /&gt;&amp;#160; &amp;#160; transform: rotateY(180deg);&lt;br /&gt;&amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; .front, .back {&lt;br /&gt;&amp;#160; &amp;#160; position: absolute;&lt;br /&gt;&amp;#160; &amp;#160; inset: 0;&lt;br /&gt;&amp;#160; &amp;#160; backface-visibility: hidden;&lt;br /&gt;&amp;#160; &amp;#160; border-radius: 12px;&lt;br /&gt;&amp;#160; &amp;#160; overflow: hidden;&lt;br /&gt;&amp;#160; &amp;#160; display: flex;&lt;br /&gt;&amp;#160; &amp;#160; align-items: center;&lt;br /&gt;&amp;#160; &amp;#160; justify-content: center;&lt;br /&gt;&amp;#160; &amp;#160; padding: 8px;&lt;br /&gt;&amp;#160; &amp;#160; box-shadow: 0 6px 18px rgba(0,0,0,.35);&lt;br /&gt;&amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; /* Лицевая сторона &amp;#8212; картинка (можно менять per-card inline) */&lt;br /&gt;&amp;#160; .front {&lt;br /&gt;&amp;#160; &amp;#160; background: url(&#039;https://i.imgur.com/kv846si.jpeg&#039;) center/cover no-repeat;&lt;br /&gt;&amp;#160; &amp;#160; background-color: #c9d4e5;&lt;br /&gt;&amp;#160; &amp;#160; position: relative;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; /* затемнение для читаемости текста */&lt;br /&gt;&amp;#160; .front::before {&lt;br /&gt;&amp;#160; &amp;#160; content: &amp;quot;&amp;quot;;&lt;br /&gt;&amp;#160; &amp;#160; position: absolute;&lt;br /&gt;&amp;#160; &amp;#160; inset: 0;&lt;br /&gt;&amp;#160; &amp;#160; background: linear-gradient(135deg, rgba(0,0,0,0.25) 0%, rgba(0,0,0,0.05) 100%);&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; .front-text {&lt;br /&gt;&amp;#160; &amp;#160; position: relative;&lt;br /&gt;&amp;#160; &amp;#160; z-index: 1;&lt;br /&gt;&amp;#160; &amp;#160; color: #fff;&lt;br /&gt;&amp;#160; &amp;#160; font-size: 16px;&lt;br /&gt;&amp;#160; &amp;#160; font-weight: 700;&lt;br /&gt;&amp;#160; &amp;#160; padding: 8px 12px;&lt;br /&gt;&amp;#160; &amp;#160; border-radius: 8px;&lt;br /&gt;&amp;#160; &amp;#160; background: rgba(0,0,0,0.35);&lt;br /&gt;&amp;#160; &amp;#160; user-select: none;&lt;br /&gt;&amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; /* Оборотная сторона */&lt;br /&gt;&amp;#160; .back {&lt;br /&gt;&amp;#160; &amp;#160; transform: rotateY(180deg);&lt;br /&gt;&amp;#160; &amp;#160; background: linear-gradient(180deg,#222 0%,#3a3a3a 100%);&lt;br /&gt;&amp;#160; &amp;#160; color: #fff;&lt;br /&gt;&amp;#160; &amp;#160; text-align: left;&lt;br /&gt;&amp;#160; &amp;#160; padding: 14px;&lt;br /&gt;&amp;#160; &amp;#160; gap: 6px;&lt;br /&gt;&amp;#160; &amp;#160; display: flex;&lt;br /&gt;&amp;#160; &amp;#160; flex-direction: column;&lt;br /&gt;&amp;#160; &amp;#160; justify-content: center;&lt;br /&gt;&amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; /* Текст на обороте должен быть копируемым */&lt;br /&gt;&amp;#160; .back, .back * {&lt;br /&gt;&amp;#160; &amp;#160; -webkit-user-select: text;&lt;br /&gt;&amp;#160; &amp;#160; -moz-user-select: text;&lt;br /&gt;&amp;#160; &amp;#160; user-select: text;&lt;br /&gt;&amp;#160; &amp;#160; -webkit-touch-callout: text;&lt;br /&gt;&amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; .room-number {&lt;br /&gt;&amp;#160; &amp;#160; font-size: 26px;&lt;br /&gt;&amp;#160; &amp;#160; font-weight: 800;&lt;br /&gt;&amp;#160; &amp;#160; line-height: 1;&lt;br /&gt;&amp;#160; &amp;#160; margin-bottom: 6px;&lt;br /&gt;&amp;#160; &amp;#160; cursor: text;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; .quest-name {&lt;br /&gt;&amp;#160; &amp;#160; font-size: 13px;&lt;br /&gt;&amp;#160; &amp;#160; font-weight: 700;&lt;br /&gt;&amp;#160; &amp;#160; color: #ffd966;&lt;br /&gt;&amp;#160; &amp;#160; margin-bottom: 8px;&lt;br /&gt;&amp;#160; &amp;#160; cursor: text;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; .room-text {&lt;br /&gt;&amp;#160; &amp;#160; font-size: 12px;&lt;br /&gt;&amp;#160; &amp;#160; opacity: 0.9;&lt;br /&gt;&amp;#160; &amp;#160; line-height: 1.4;&lt;br /&gt;&amp;#160; &amp;#160; cursor: text;&lt;br /&gt;&amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; /* адаптив */&lt;br /&gt;&amp;#160; @media (max-width: 1100px) {&lt;br /&gt;&amp;#160; &amp;#160; .grid-container { grid-template-columns: repeat(5,1fr); }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; @media (max-width: 900px) {&lt;br /&gt;&amp;#160; &amp;#160; .grid-container { grid-template-columns: repeat(4,1fr); }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; @media (max-width: 700px) {&lt;br /&gt;&amp;#160; &amp;#160; .grid-container { grid-template-columns: repeat(3,1fr); }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; @media (max-width: 480px) {&lt;br /&gt;&amp;#160; &amp;#160; .grid-container { grid-template-columns: repeat(2,1fr); }&lt;br /&gt;&amp;#160; &amp;#160; .room-number { font-size: 20px; }&lt;br /&gt;&amp;#160; &amp;#160; .quest-name { font-size: 12px; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;/head&amp;gt;&lt;br /&gt;&amp;lt;body&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;h1&amp;gt;Выберите комнату &amp;#8212; квест&amp;lt;/h1&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;lt;div class=&amp;quot;grid-container&amp;quot;&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;!-- По содержанию &amp;#8212; восстановлены карточки 1&amp;#8211;36 (как было) --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;1&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Тайна древнего замка&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;2&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Побег из лаборатории&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;3&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Загадка фараона&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;4&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Космическая одиссея&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;5&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Детективное агентство&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;6&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Пиратские сокровища&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;7&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Школа магии&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;8&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Зомби апокалипсис&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;9&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Банковское ограбление&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;10&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Подводная лодка&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;11&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Дом с привидениями&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;12&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Секретный бункер&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;13&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Машина времени&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;14&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Цирк ужасов&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;15&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Алиса в Стране чудес&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;16&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Шерлок Холмс&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;17&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Остров сокровищ&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;18&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Викторианский особняк&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;19&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Затерянный храм&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;20&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Кабинет алхимика&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;21&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Тюремный блок&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;22&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Арт-галерея&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;23&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Казино Рояль&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;24&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Северный полюс&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;25&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Дикий Запад&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;26&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Японский храм&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;27&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Подземелье дракона&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;28&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Киберпанк 2077&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;29&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Средневековый квест&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;30&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Амазонские джунгли&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;31&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Станция Марс&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;32&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Библиотека тайн&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;33&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Фабрика игрушек&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;34&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Музей восковых фигур&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;35&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Ледяная пещера&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flip-container&amp;quot; tabindex=&amp;quot;0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;flipper&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;front&amp;quot;&amp;gt;&amp;lt;div class=&amp;quot;front-text&amp;quot;&amp;gt;Комната&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;back&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-number&amp;quot;&amp;gt;36&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;quest-name&amp;quot;&amp;gt;Золотая лихорадка&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;room-text&amp;quot;&amp;gt;Выделите этот текст, чтобы скопировать &amp;#8212; краткое описание комнаты/квеста.&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;!-- Конец .grid-container --&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;/body&amp;gt;&lt;br /&gt;&amp;lt;/html&amp;gt;&lt;/p&gt;
						&lt;p&gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Tue, 02 Sep 2025 15:06:05 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=115#p115</guid>
		</item>
		<item>
			<title>Шаблон анкеты</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=106#p106</link>
			<description>&lt;p&gt;[html]&amp;lt;link href=&amp;quot;https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&amp;amp;family=Yeseva+One&amp;amp;display=swap&amp;quot; rel=&amp;quot;stylesheet&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; .form-container {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-family: &#039;Roboto&#039;, sans-serif;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; max-width: 600px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin: 10px auto;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 15px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 1px solid #e0e0e0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 8px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; background-color: #f8f8f8;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .form-group {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-bottom: 12px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .form-group label {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; display: block;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-bottom: 5px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-weight: 700;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; color: #555;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 13px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .form-group input[type=&amp;quot;text&amp;quot;], .form-group textarea, .form-group select, .form-group input[type=&amp;quot;number&amp;quot;] {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 8px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 1px solid #ccc;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 6px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; background-color: #fff;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 13px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; box-sizing: border-box;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .form-group textarea {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; height: 60px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; resize: vertical;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .image-inputs {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; display: flex;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; gap: 8px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-bottom: 12px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .image-inputs input {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; flex: 1;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 12px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .short-fields {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; display: grid;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; grid-template-columns: 1fr 1fr;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; gap: 15px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .gang-options {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; display: flex;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; flex-wrap: wrap;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; gap: 10px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-top: 5px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .gang-option {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; display: flex;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; align-items: center;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; gap: 5px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; cursor: pointer;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 5px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 1px solid transparent;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 4px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; transition: border-color 0.2s;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .gang-option:hover {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-color: #756983;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .gang-option input[type=&amp;quot;radio&amp;quot;] {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; width: auto;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin: 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; cursor: pointer;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .gang-option img {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 25px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; height: 25px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; object-fit: cover;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 4px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .result-area {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-top: 20px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-top: 1px solid #e0e0e0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; padding-top: 20px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .result-area h3 {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-family: &#039;Yeseva One&#039;, serif;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; text-align: center;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; color: #756983;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 16px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-bottom: 10px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .result-area textarea {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; height: 150px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 10px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 1px solid #ccc;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 6px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; resize: vertical;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-family: &#039;Courier New&#039;, Courier, monospace;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 12px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; background-color: #f1f1f1;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; box-sizing: border-box;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .copy-button {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; display: block;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 10px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-top: 10px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 13px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-weight: 500;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; color: #fff;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; background-color: #756983;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border: none;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 6px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; cursor: pointer;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; transition: background-color 0.3s ease;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .copy-button:hover {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; background-color: #5d5367;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; /* Styles for the final profile template */&lt;br /&gt;&amp;#160; &amp;#160; .guest-template-container {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-family: &#039;Roboto&#039;, sans-serif;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; max-width: 600px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin: 10px auto;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 15px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 1px solid #e0e0e0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 8px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; background-color: #f8f8f8;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .guest-header {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; text-align: center;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-bottom: 15px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .profile-section h3 {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; color: #756983;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-bottom: 6px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 14px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-weight: 700;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .profile-content {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 10px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 1px solid #ddd;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 4px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; background-color: #fff;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 12px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .gang-icon-final {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 20px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; height: 20px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; vertical-align: middle;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-left: 5px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 1px solid #ccc;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 4px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; /* Hide number input spinners for all browsers */&lt;br /&gt;&amp;#160; &amp;#160; input[type=number]::-webkit-inner-spin-button, &lt;br /&gt;&amp;#160; &amp;#160; input[type=number]::-webkit-outer-spin-button { &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; -webkit-appearance: none; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin: 0; &lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; input[type=number] {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; -moz-appearance: textfield;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;form-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;h2 style=&amp;quot;font-family: &#039;Yeseva One&#039;, serif; text-align: center; color: #756983; font-size: 20px;&amp;quot;&amp;gt;Генератор анкеты&amp;lt;/h2&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label&amp;gt;URL изображений (180x180):&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;image-inputs&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;img1-url&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; placeholder=&amp;quot;URL 1&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;img2-url&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; placeholder=&amp;quot;URL 2&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;img3-url&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; placeholder=&amp;quot;URL 3&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;char-name&amp;quot;&amp;gt;Имя и Фамилия:&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;char-name&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; placeholder=&amp;quot;Имя и Фамилия&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;char-alias&amp;quot;&amp;gt;Крылатая фраза, цитата, девиз:&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;char-alias&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; placeholder=&amp;quot;Например: &#039;Никогда не сдавайся&#039;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;hr style=&amp;quot;border: none; border-top: 1px solid #ccc; margin: 12px 0;&amp;quot;&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;short-fields&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;char-age&amp;quot;&amp;gt;Возраст (от 18 лет):&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;number&amp;quot; id=&amp;quot;char-age&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; onblur=&amp;quot;validateAge()&amp;quot; min=&amp;quot;18&amp;quot; placeholder=&amp;quot;Напишите возраст&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;char-occupation&amp;quot;&amp;gt;Род занятий:&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;char-occupation&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; placeholder=&amp;quot;Факультет и курс, или профессия&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label&amp;gt;Банда:&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;gang-options&amp;quot; onchange=&amp;quot;updateOutput()&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;gang-option&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;radio&amp;quot; id=&amp;quot;gang-1&amp;quot; name=&amp;quot;gang-name&amp;quot; value=&amp;quot;Шорохи&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.imgur.com/P7iwLIO.png&amp;quot; alt=&amp;quot;Шорохи&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;gang-1&amp;quot;&amp;gt;Шорохи&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;gang-option&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;radio&amp;quot; id=&amp;quot;gang-2&amp;quot; name=&amp;quot;gang-name&amp;quot; value=&amp;quot;Гвозди&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.imgur.com/ltGZmZM.png&amp;quot; alt=&amp;quot;Гвозди&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;gang-2&amp;quot;&amp;gt;Гвозди&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;gang-option&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;radio&amp;quot; id=&amp;quot;gang-3&amp;quot; name=&amp;quot;gang-name&amp;quot; value=&amp;quot;Спички&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.imgur.com/L4SBVW2.png&amp;quot; alt=&amp;quot;Спички&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;gang-3&amp;quot;&amp;gt;Спички&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;gang-option&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;radio&amp;quot; id=&amp;quot;gang-4&amp;quot; name=&amp;quot;gang-name&amp;quot; value=&amp;quot;Две луны&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.imgur.com/WPYoXNY.png&amp;quot; alt=&amp;quot;Две луны&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;gang-4&amp;quot;&amp;gt;Две луны&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;gang-option&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;radio&amp;quot; id=&amp;quot;gang-5&amp;quot; name=&amp;quot;gang-name&amp;quot; value=&amp;quot;Не является членом банды&amp;quot; checked&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;gang-5&amp;quot;&amp;gt;Не является членом банды&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;char-gang-role&amp;quot;&amp;gt;Роль в банде:&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;char-gang-role&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; placeholder=&amp;quot;Лидер, член, новичок и т.д.&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;hr style=&amp;quot;border: none; border-top: 1px solid #ccc; margin: 12px 0;&amp;quot;&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;char-looks&amp;quot;&amp;gt;Внешность:&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;textarea id=&amp;quot;char-looks&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; placeholder=&amp;quot;Описание внешности&amp;quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;char-bio&amp;quot;&amp;gt;Биография:&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;textarea id=&amp;quot;char-bio&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; placeholder=&amp;quot;История персонажа&amp;quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;label for=&amp;quot;char-traits&amp;quot;&amp;gt;Характер и умения:&amp;lt;/label&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;textarea id=&amp;quot;char-traits&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; placeholder=&amp;quot;Характер, привычки, способности&amp;quot;&amp;gt;&amp;lt;/textarea&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;result-area&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;h3&amp;gt;Готовый HTML-код анкеты&amp;lt;/h3&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;textarea id=&amp;quot;output-code&amp;quot; readonly&amp;gt;&amp;lt;/textarea&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;button class=&amp;quot;copy-button&amp;quot; onclick=&amp;quot;copyCode()&amp;quot;&amp;gt;Скопировать код&amp;lt;/button&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; const gangsData = {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &#039;Шорохи&#039;: &#039;https://i.imgur.com/P7iwLIO.png&#039;,&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &#039;Гвозди&#039;: &#039;https://i.imgur.com/ltGZmZM.png&#039;,&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &#039;Спички&#039;: &#039;https://i.imgur.com/L4SBVW2.png&#039;,&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &#039;Две луны&#039;: &#039;https://i.imgur.com/WPYoXNY.png&#039;,&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &#039;Не является членом банды&#039;: &#039;&#039;&lt;br /&gt;&amp;#160; &amp;#160; };&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; function validateAge() {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const ageInput = document.getElementById(&#039;char-age&#039;);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; let age = parseInt(ageInput.value);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; if (age &amp;lt; 18) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; ageInput.value = 18;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; function updateOutput() {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const img1Url = document.getElementById(&#039;img1-url&#039;).value;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const img2Url = document.getElementById(&#039;img2-url&#039;).value;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const img3Url = document.getElementById(&#039;img3-url&#039;).value;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const charName = document.getElementById(&#039;char-name&#039;).value;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const charAlias = document.getElementById(&#039;char-alias&#039;).value;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const charAge = document.getElementById(&#039;char-age&#039;).value;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const charOccupation = document.getElementById(&#039;char-occupation&#039;).value;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const selectedGangName = document.querySelector(&#039;input[name=&amp;quot;gang-name&amp;quot;]:checked&#039;).value;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const selectedGangIcon = gangsData[selectedGangName];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const charGangRoleInput = document.getElementById(&#039;char-gang-role&#039;);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; if (selectedGangName === &#039;Не является членом банды&#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; charGangRoleInput.value = &#039;&amp;#8212;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; charGangRoleInput.readOnly = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; if (charGangRoleInput.readOnly) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; charGangRoleInput.value = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; charGangRoleInput.readOnly = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const charGangRole = charGangRoleInput.value;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const charLooks = document.getElementById(&#039;char-looks&#039;).value.replace(/\n/g, &#039;&amp;lt;br&amp;gt;&#039;);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const charBio = document.getElementById(&#039;char-bio&#039;).value.replace(/\n/g, &#039;&amp;lt;br&amp;gt;&#039;);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const charTraits = document.getElementById(&#039;char-traits&#039;).value.replace(/\n/g, &#039;&amp;lt;br&amp;gt;&#039;);&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; let imgHtml = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; if (img1Url || img2Url || img3Url) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; imgHtml = `&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;display: flex; justify-content: center; gap: 8px; margin-bottom: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; ${img1Url ? `&amp;lt;img src=&amp;quot;${img1Url}&amp;quot; alt=&amp;quot;Изображение 1&amp;quot; style=&amp;quot;width: 180px; height: 180px; object-fit: cover; border-radius: 6px; border: 2px solid #ddd;&amp;quot;&amp;gt;` : &#039;&#039;}&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; ${img2Url ? `&amp;lt;img src=&amp;quot;${img2Url}&amp;quot; alt=&amp;quot;Изображение 2&amp;quot; style=&amp;quot;width: 180px; height: 180px; object-fit: cover; border-radius: 6px; border: 2px solid #ddd;&amp;quot;&amp;gt;` : &#039;&#039;}&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; ${img3Url ? `&amp;lt;img src=&amp;quot;${img3Url}&amp;quot; alt=&amp;quot;Изображение 3&amp;quot; style=&amp;quot;width: 180px; height: 180px; object-fit: cover; border-radius: 6px; border: 2px solid #ddd;&amp;quot;&amp;gt;` : &#039;&#039;}&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; let nameAndIconHtml = charName ? charName.toUpperCase() : &#039;ИМЯ И ФАМИЛИЯ ПЕРСОНАЖА&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; if (selectedGangName !== &#039;Не является членом банды&#039; &amp;amp;&amp;amp; selectedGangIcon) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; nameAndIconHtml += ` &amp;lt;img src=&amp;quot;${selectedGangIcon}&amp;quot; alt=&amp;quot;${selectedGangName}&amp;quot; class=&amp;quot;gang-icon-final&amp;quot;&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const generatedCode = `&lt;br /&gt;&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; .guest-template-container {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-family: &#039;Roboto&#039;, sans-serif;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; max-width: 600px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin: 10px auto;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 15px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 1px solid #e0e0e0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 8px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; background-color: #f8f8f8;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .guest-header {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; text-align: center;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-bottom: 15px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .profile-section h3 {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; color: #756983;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-bottom: 6px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 14px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-weight: 700;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .profile-content {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 10px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 1px solid #ddd;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 4px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; background-color: #fff;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 12px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; .gang-icon-final {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 20px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; height: 20px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; vertical-align: middle;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-left: 5px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 1px solid #ccc;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 4px;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;br /&gt;&amp;lt;link href=&amp;quot;https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&amp;amp;family=Yeseva+One&amp;amp;display=swap&amp;quot; rel=&amp;quot;stylesheet&amp;quot;&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;guest-template-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-header&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; ${imgHtml}&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;h2 style=&amp;quot;font-family: &#039;Yeseva One&#039;, serif; font-size: 20px; color: #756983; margin: 0;&amp;quot;&amp;gt;${nameAndIconHtml}&amp;lt;/h2&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;p style=&amp;quot;font-size: 13px; color: #888; margin: 3px 0 0 0; font-style: italic;&amp;quot;&amp;gt;«${charAlias || &#039;Крылатая фраза, цитата, девиз&#039;}»&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;hr style=&amp;quot;border: none; border-top: 1px solid #ccc; margin: 12px 0;&amp;quot;&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div style=&amp;quot;display: grid; grid-template-columns: 1fr 1fr; gap: 15px; text-align: left;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p style=&amp;quot;margin: 0 0 3px 0; font-size: 13px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #756983;&amp;quot;&amp;gt;Возраст:&amp;lt;/strong&amp;gt; ${charAge || &#039;(текст)&#039;}&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p style=&amp;quot;margin: 0 0 3px 0; font-size: 13px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #756983;&amp;quot;&amp;gt;Род занятий:&amp;lt;/strong&amp;gt; ${charOccupation || &#039;(факультет и курс для студентов, профессия для взрослых)&#039;}&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p style=&amp;quot;margin: 0 0 3px 0; font-size: 13px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #756983;&amp;quot;&amp;gt;Банда:&amp;lt;/strong&amp;gt; ${selectedGangName || &#039;(название банды)&#039;}&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p style=&amp;quot;margin: 0 0 3px 0; font-size: 13px;&amp;quot;&amp;gt;&amp;lt;strong style=&amp;quot;color: #756983;&amp;quot;&amp;gt;Роль:&amp;lt;/strong&amp;gt; ${charGangRole || &#039;(текст)&#039;}&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;hr style=&amp;quot;border: none; border-top: 1px solid #ccc; margin: 12px 0;&amp;quot;&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div style=&amp;quot;margin-bottom: 12px;&amp;quot; class=&amp;quot;profile-section&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;h3&amp;gt;Внешность&amp;lt;/h3&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;profile-content&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; ${charLooks || &#039;(Подробно опишите, как выглядит персонаж: черты лица, телосложение, стиль одежды и другие детали.)&#039;}&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div style=&amp;quot;margin-bottom: 12px;&amp;quot; class=&amp;quot;profile-section&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;h3&amp;gt;Биография&amp;lt;/h3&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;profile-content&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; ${charBio || &#039;(Напишите подробную историю вашего персонажа, как он поступил в академию и что привело его сюда.)&#039;}&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;profile-section&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;h3&amp;gt;Характер и умения&amp;lt;/h3&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;profile-content&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; ${charTraits || &#039;(Характер, привычки, сильные и слабые стороны. Какие у него особенности или способности, приобретенные во время обучения?)&#039;}&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; `.trim();&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; document.getElementById(&#039;output-code&#039;).value = generatedCode;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; function copyCode() {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const outputCode = document.getElementById(&#039;output-code&#039;);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; outputCode.select();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; document.execCommand(&#039;copy&#039;);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; alert(&#039;HTML-код скопирован!&#039;);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; document.addEventListener(&#039;DOMContentLoaded&#039;, updateOutput);&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Mon, 25 Aug 2025 18:05:06 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=106#p106</guid>
		</item>
		<item>
			<title>Оформление</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=99#p99</link>
			<description>&lt;p&gt;[html]&lt;/p&gt;
						&lt;p&gt;&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;    .form-container {&lt;br /&gt;        font-family: &#039;Century Gothic&#039;, Arial, sans-serif;&lt;br /&gt;        max-width: 450px;&lt;br /&gt;        margin: 20px auto;&lt;br /&gt;        padding: 25px;&lt;br /&gt;        border: 1px solid #e0e0e0;&lt;br /&gt;        border-radius: 12px;&lt;br /&gt;        background-color: #f8f8f8;&lt;br /&gt;        box-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);&lt;br /&gt;    }&lt;br /&gt;    .form-group {&lt;br /&gt;        margin-bottom: 20px;&lt;br /&gt;    }&lt;br /&gt;    .form-group label {&lt;br /&gt;        display: block;&lt;br /&gt;        margin-bottom: 8px;&lt;br /&gt;        font-weight: 600;&lt;br /&gt;        color: #555;&lt;br /&gt;    }&lt;br /&gt;    .form-group select, .form-group input[type=&amp;quot;text&amp;quot;] {&lt;br /&gt;        width: 100%;&lt;br /&gt;        padding: 10px;&lt;br /&gt;        border: 1px solid #ccc;&lt;br /&gt;        border-radius: 8px;&lt;br /&gt;        background-color: #fff;&lt;br /&gt;        font-size: 14px;&lt;br /&gt;    }&lt;br /&gt;    .result-area {&lt;br /&gt;        margin-top: 25px;&lt;br /&gt;        display: block;&lt;br /&gt;        max-width: 300px;&lt;br /&gt;        margin-left: auto;&lt;br /&gt;        margin-right: auto;&lt;br /&gt;    }&lt;br /&gt;    .result-area textarea {&lt;br /&gt;        width: 100%;&lt;br /&gt;        height: 100px;&lt;br /&gt;        padding: 15px;&lt;br /&gt;        border: 1px solid #ccc;&lt;br /&gt;        border-radius: 8px;&lt;br /&gt;        resize: vertical;&lt;br /&gt;        font-family: &#039;Courier New&#039;, Courier, monospace;&lt;br /&gt;        font-size: 14px;&lt;br /&gt;        background-color: #f1f1f1;&lt;br /&gt;    }&lt;br /&gt;    .copy-button {&lt;br /&gt;        display: block;&lt;br /&gt;        width: 100%;&lt;br /&gt;        padding: 10px;&lt;br /&gt;        margin-top: 10px;&lt;br /&gt;        font-size: 14px;&lt;br /&gt;        font-weight: 500;&lt;br /&gt;        color: #fff;&lt;br /&gt;        background-color: #756983;&lt;br /&gt;        border: none;&lt;br /&gt;        border-radius: 8px;&lt;br /&gt;        cursor: pointer;&lt;br /&gt;        transition: background-color 0.3s ease;&lt;br /&gt;    }&lt;br /&gt;    .copy-button:hover {&lt;br /&gt;        background-color: #5d5367;&lt;br /&gt;    }&lt;br /&gt;    .output-preview {&lt;br /&gt;        padding: 10px;&lt;br /&gt;        border: 1px solid #ddd;&lt;br /&gt;        border-radius: 8px;&lt;br /&gt;        background-color: #cbcaca;&lt;br /&gt;        margin-bottom: 15px;&lt;br /&gt;        display: flex;&lt;br /&gt;        justify-content: center;&lt;br /&gt;        align-items: center;&lt;br /&gt;        min-height: 30px;&lt;br /&gt;    }&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;form-container&amp;quot;&amp;gt;&lt;br /&gt;    &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;        &amp;lt;label for=&amp;quot;type-select&amp;quot;&amp;gt;Выберите тип:&amp;lt;/label&amp;gt;&lt;br /&gt;        &amp;lt;select id=&amp;quot;type-select&amp;quot; onchange=&amp;quot;toggleForm()&amp;quot;&amp;gt;&lt;br /&gt;            &amp;lt;option value=&amp;quot;default&amp;quot;&amp;gt;-- Выберите --&amp;lt;/option&amp;gt;&lt;br /&gt;            &amp;lt;option value=&amp;quot;children&amp;quot;&amp;gt;Дети&amp;lt;/option&amp;gt;&lt;br /&gt;            &amp;lt;option value=&amp;quot;adults&amp;quot;&amp;gt;Взрослые&amp;lt;/option&amp;gt;&lt;br /&gt;        &amp;lt;/select&amp;gt;&lt;br /&gt;    &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;    &amp;lt;div id=&amp;quot;children-options&amp;quot; style=&amp;quot;display:none;&amp;quot;&amp;gt;&lt;br /&gt;        &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;            &amp;lt;label for=&amp;quot;faculty-select&amp;quot;&amp;gt;Выберите факультет:&amp;lt;/label&amp;gt;&lt;br /&gt;            &amp;lt;select id=&amp;quot;faculty-select&amp;quot; onchange=&amp;quot;updateOutput()&amp;quot;&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;Горный факультет&amp;quot;&amp;gt;Горный факультет&amp;lt;/option&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;Факультет Проводников&amp;quot;&amp;gt;Факультет Проводников&amp;lt;/option&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;Факультет обслуживания и ремонта&amp;quot;&amp;gt;Факультет обслуживания и ремонта&amp;lt;/option&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;Факультет охраны и безопасности&amp;quot;&amp;gt;Факультет охраны и безопасности&amp;lt;/option&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;Факультет здорового питания&amp;quot;&amp;gt;Факультет здорового питания&amp;lt;/option&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;Факультет технологий изготовления&amp;quot;&amp;gt;Факультет технологий изготовления&amp;lt;/option&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;Факультет управления&amp;quot;&amp;gt;Факультет управления&amp;lt;/option&amp;gt;&lt;br /&gt;            &amp;lt;/select&amp;gt;&lt;br /&gt;        &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;        &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;            &amp;lt;label for=&amp;quot;course-select&amp;quot;&amp;gt;Выберите курс:&amp;lt;/label&amp;gt;&lt;br /&gt;            &amp;lt;select id=&amp;quot;course-select&amp;quot; onchange=&amp;quot;updateOutput()&amp;quot;&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;I курс&amp;quot;&amp;gt;I курс&amp;lt;/option&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;II курс&amp;quot;&amp;gt;II курс&amp;lt;/option&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;III курс&amp;quot;&amp;gt;III курс&amp;lt;/option&amp;gt;&lt;br /&gt;            &amp;lt;/select&amp;gt;&lt;br /&gt;        &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;        &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;            &amp;lt;label for=&amp;quot;gang-select&amp;quot;&amp;gt;Выберите банду:&amp;lt;/label&amp;gt;&lt;br /&gt;            &amp;lt;select id=&amp;quot;gang-select&amp;quot; onchange=&amp;quot;updateOutput()&amp;quot;&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;Шорохи&amp;quot;&amp;gt;Шорохи&amp;lt;/option&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;Гвозди&amp;quot;&amp;gt;Гвозди&amp;lt;/option&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;Спички&amp;quot;&amp;gt;Спички&amp;lt;/option&amp;gt;&lt;br /&gt;                &amp;lt;option value=&amp;quot;Две луны&amp;quot;&amp;gt;Две луны&amp;lt;/option&amp;gt;&lt;br /&gt;            &amp;lt;/select&amp;gt;&lt;br /&gt;        &amp;lt;/div&amp;gt;&lt;br /&gt;    &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;    &amp;lt;div id=&amp;quot;adults-options&amp;quot; style=&amp;quot;display:none;&amp;quot;&amp;gt;&lt;br /&gt;        &amp;lt;div class=&amp;quot;form-group&amp;quot;&amp;gt;&lt;br /&gt;            &amp;lt;label for=&amp;quot;profession-input&amp;quot;&amp;gt;Профессия:&amp;lt;/label&amp;gt;&lt;br /&gt;            &amp;lt;input type=&amp;quot;text&amp;quot; id=&amp;quot;profession-input&amp;quot; placeholder=&amp;quot;Введите профессию&amp;quot; oninput=&amp;quot;updateOutput()&amp;quot; style=&amp;quot;max-width: 200px;&amp;quot;&amp;gt;&lt;br /&gt;        &amp;lt;/div&amp;gt;&lt;br /&gt;    &amp;lt;/div&amp;gt;&lt;br /&gt;    &lt;br /&gt;    &amp;lt;div class=&amp;quot;result-area&amp;quot; id=&amp;quot;result-area&amp;quot;&amp;gt;&lt;br /&gt;        &amp;lt;p style=&amp;quot;color:#666;&amp;quot;&amp;gt;Предпросмотр кода:&amp;lt;/p&amp;gt;&lt;br /&gt;        &amp;lt;div class=&amp;quot;output-preview&amp;quot; id=&amp;quot;output-preview&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;        &amp;lt;textarea id=&amp;quot;output-code&amp;quot; readonly&amp;gt;&amp;lt;/textarea&amp;gt;&lt;br /&gt;        &amp;lt;button class=&amp;quot;copy-button&amp;quot; onclick=&amp;quot;copyCode()&amp;quot;&amp;gt;Скопировать код&amp;lt;/button&amp;gt;&lt;br /&gt;    &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;script&amp;gt;&lt;br /&gt;    const imageLinks = {&lt;br /&gt;        &#039;Горный факультет&#039;: &#039;https://i.imgur.com/9gMGZ3F.png&#039;,&lt;br /&gt;        &#039;Факультет Проводников&#039;: &#039;https://i.imgur.com/hJsgoWl.png&#039;,&lt;br /&gt;        &#039;Факультет обслуживания и ремонта&#039;: &#039;https://i.imgur.com/g5jZOZn.png&#039;,&lt;br /&gt;        &#039;Факультет охраны и безопасности&#039;: &#039;https://i.imgur.com/dxnuFIr.png&#039;,&lt;br /&gt;        &#039;Факультет здорового питания&#039;: &#039;https://i.imgur.com/EJNWTce.png&#039;,&lt;br /&gt;        &#039;Факультет технологий изготовления&#039;: &#039;https://i.imgur.com/r0XVnpi.png&#039;,&lt;br /&gt;        &#039;Факультет управления&#039;: &#039;https://i.imgur.com/pJtVlcX.png&#039;,&lt;br /&gt;        &#039;I курс&#039;: &#039;https://i.imgur.com/FO4UYQ0.png&#039;,&lt;br /&gt;        &#039;II курс&#039;: &#039;https://i.imgur.com/alVpBd1.png&#039;,&lt;br /&gt;        &#039;III курс&#039;: &#039;https://i.imgur.com/vE7AAeQ.png&#039;,&lt;br /&gt;        &#039;Шорохи&#039;: &#039;https://i.imgur.com/P7iwLIO.png&#039;,&lt;br /&gt;        &#039;Гвозди&#039;: &#039;https://i.imgur.com/ltGZmZM.png&#039;,&lt;br /&gt;        &#039;Спички&#039;: &#039;https://i.imgur.com/L4SBVW2.png&#039;,&lt;br /&gt;        &#039;Две луны&#039;: &#039;https://i.imgur.com/WPYoXNY.png&#039;&lt;br /&gt;    };&lt;br /&gt;    &lt;br /&gt;    const adultIconUrl = &#039;https://i.imgur.com/3NWzXTp.png&#039;;&lt;/p&gt;
						&lt;p&gt;    function toggleForm() {&lt;br /&gt;        const type = document.getElementById(&#039;type-select&#039;).value;&lt;br /&gt;        const childrenOptions = document.getElementById(&#039;children-options&#039;);&lt;br /&gt;        const adultsOptions = document.getElementById(&#039;adults-options&#039;);&lt;br /&gt;        &lt;br /&gt;        childrenOptions.style.display = type === &#039;children&#039; ? &#039;block&#039; : &#039;none&#039;;&lt;br /&gt;        adultsOptions.style.display = type === &#039;adults&#039; ? &#039;block&#039; : &#039;none&#039;;&lt;/p&gt;
						&lt;p&gt;        updateOutput();&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    function updateOutput() {&lt;br /&gt;        const type = document.getElementById(&#039;type-select&#039;).value;&lt;br /&gt;        let generatedCode = &#039;&#039;;&lt;br /&gt;        &lt;br /&gt;        if (type === &#039;children&#039;) {&lt;br /&gt;            const faculty = document.getElementById(&#039;faculty-select&#039;).value;&lt;br /&gt;            const course = document.getElementById(&#039;course-select&#039;).value;&lt;br /&gt;            const gang = document.getElementById(&#039;gang-select&#039;).value;&lt;br /&gt;            &lt;br /&gt;            const facultyImgUrl = imageLinks[faculty] || &#039;&#039;;&lt;br /&gt;            const courseImgUrl = imageLinks[course] || &#039;&#039;;&lt;br /&gt;            const gangImgUrl = imageLinks[gang] || &#039;&#039;;&lt;br /&gt;            &lt;br /&gt;            generatedCode = `&amp;lt;div style=&amp;quot;background-color: #cbcaca; padding: 5px; border-radius: 5px; display: flex; justify-content: center; align-items: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;img src=&amp;quot;${facultyImgUrl}&amp;quot; style=&amp;quot;height: 20px; margin-right: 5px;&amp;quot; alt=&amp;quot;${faculty}&amp;quot; title=&amp;quot;${faculty}&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;img src=&amp;quot;${courseImgUrl}&amp;quot; style=&amp;quot;height: 20px; margin-right: 5px;&amp;quot; alt=&amp;quot;${course}&amp;quot; title=&amp;quot;${course}&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;img src=&amp;quot;${gangImgUrl}&amp;quot; style=&amp;quot;height: 20px;&amp;quot; alt=&amp;quot;${gang}&amp;quot; title=&amp;quot;${gang}&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;`;&lt;br /&gt;            &lt;br /&gt;        } else if (type === &#039;adults&#039;) {&lt;br /&gt;            const profession = document.getElementById(&#039;profession-input&#039;).value;&lt;br /&gt;            const adultImgUrl = adultIconUrl;&lt;/p&gt;
						&lt;p&gt;            generatedCode = `&amp;lt;div style=&amp;quot;background-color: #cbcaca; padding: 5px; border-radius: 5px; display: flex; justify-content: center; align-items: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;img src=&amp;quot;${adultImgUrl}&amp;quot; style=&amp;quot;height: 20px; margin-right: 5px;&amp;quot; alt=&amp;quot;Взрослый&amp;quot; title=&amp;quot;Взрослый&amp;quot;&amp;gt; ${profession}&lt;br /&gt;&amp;lt;/div&amp;gt;`;&lt;br /&gt;        } else {&lt;br /&gt;            generatedCode = &#039;Выберите тип, чтобы начать&#039;;&lt;br /&gt;        }&lt;br /&gt;        &lt;br /&gt;        document.getElementById(&#039;output-preview&#039;).innerHTML = generatedCode;&lt;br /&gt;        document.getElementById(&#039;output-code&#039;).value = generatedCode;&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    function copyCode() {&lt;br /&gt;        const outputCode = document.getElementById(&#039;output-code&#039;);&lt;br /&gt;        outputCode.select();&lt;br /&gt;        document.execCommand(&#039;copy&#039;);&lt;br /&gt;        alert(&#039;Код скопирован!&#039;);&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    window.onload = toggleForm;&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Sun, 24 Aug 2025 00:47:54 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=99#p99</guid>
		</item>
		<item>
			<title>Вводная и FAQ</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=92#p92</link>
			<description>&lt;p&gt;[html]&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-template-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-header&amp;quot;&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;style&amp;gt;&lt;br /&gt;    /* Основные переменные для цветов */&lt;br /&gt;    :root {&lt;br /&gt;        --main-bg-color: #f0f2f5;&lt;br /&gt;        --card-bg-color: #fff;&lt;br /&gt;        --primary-text-color: #333;&lt;br /&gt;        --secondary-text-color: #ede5e3;&lt;br /&gt;        --border-color: #e0e0e0;&lt;br /&gt;        --accent-color: #756983;&lt;br /&gt;        --button-gradient-start: #978fa1;&lt;br /&gt;        --button-gradient-end: #608b9f;&lt;br /&gt;        --active-circle-color: #756983;&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    /* Общие стили контейнера и шрифтов */&lt;br /&gt;    .tab-wrapper {&lt;br /&gt;        width: 100%;&lt;br /&gt;        max-width: 1000px;&lt;br /&gt;        margin: 20px auto;&lt;br /&gt;        background: var(--card-bg-color);&lt;br /&gt;        border-radius: 15px;&lt;br /&gt;        box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1);&lt;br /&gt;        font-family: &#039;Century Gothic&#039;, Arial, sans-serif;&lt;br /&gt;        color: var(--primary-text-color);&lt;br /&gt;        overflow: hidden;&lt;br /&gt;    }&lt;br /&gt;    &lt;br /&gt;    /* Стили для двух больших вкладок */&lt;br /&gt;    .main-tabs {&lt;br /&gt;        display: flex;&lt;br /&gt;        justify-content: center;&lt;br /&gt;        gap: 15px;&lt;br /&gt;        padding: 20px;&lt;br /&gt;        background: linear-gradient(135deg, #f8f8f8 0%, #e8e8e8 100%);&lt;br /&gt;        border-radius: 15px 15px 0 0;&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    /* Стили для четырех маленьких вкладок внутри &amp;quot;Банды&amp;quot; */&lt;br /&gt;    .gang-tabs {&lt;br /&gt;        display: flex;&lt;br /&gt;        justify-content: center;&lt;br /&gt;        gap: 15px;&lt;br /&gt;        margin-bottom: 25px;&lt;br /&gt;        padding: 10px;&lt;br /&gt;        background: #f8f8f8;&lt;br /&gt;        border-radius: 12px;&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    /* Единый стиль для всех кнопок-вкладок */&lt;br /&gt;    .tab-button {&lt;br /&gt;        padding: 12px 24px;&lt;br /&gt;        text-align: center;&lt;br /&gt;        cursor: pointer;&lt;br /&gt;        color: var(--secondary-text-color);&lt;br /&gt;        font-weight: 500;&lt;br /&gt;        font-size: 13px;&lt;br /&gt;        text-transform: lowercase;&lt;br /&gt;        transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);&lt;br /&gt;        border: none;&lt;br /&gt;        border-radius: 12px;&lt;br /&gt;        user-select: none;&lt;br /&gt;        min-width: 120px;&lt;br /&gt;        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);&lt;br /&gt;        position: relative;&lt;br /&gt;        background: linear-gradient(135deg, var(--button-gradient-start) 0%, var(--button-gradient-end) 100%);&lt;br /&gt;        display: flex;&lt;br /&gt;        align-items: center;&lt;br /&gt;        justify-content: center;&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    /* Стиль для иконок-картинок внутри кнопок */&lt;br /&gt;    .tab-button .icon-image {&lt;br /&gt;        height: 18px; /* Размер иконки-картинки */&lt;br /&gt;        width: auto;&lt;br /&gt;        margin-right: 8px; /* Отступ справа от иконки */&lt;br /&gt;        filter: invert(1); /* Инвертируем цвет для темного фона кнопок */&lt;br /&gt;    }&lt;br /&gt;    &lt;br /&gt;    /* Стиль для иконок-шрифтов внутри кнопок */&lt;br /&gt;    .tab-button i {&lt;br /&gt;        margin-right: 8px; /* Отступ справа от иконки */&lt;br /&gt;        font-size: 16px;&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    /* Адаптация для больших вкладок */&lt;br /&gt;    .main-tab-button {&lt;br /&gt;        padding: 15px 30px;&lt;br /&gt;        font-size: 16px;&lt;br /&gt;        font-weight: bold;&lt;br /&gt;        text-transform: none; /* Убираем lowercase для больших кнопок */&lt;br /&gt;    }&lt;br /&gt;    &lt;br /&gt;    .tab-button:hover {&lt;br /&gt;        transform: translateY(-3px);&lt;br /&gt;        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);&lt;br /&gt;        color: #ffffff;&lt;br /&gt;    }&lt;br /&gt;    &lt;br /&gt;    .tab-button.active {&lt;br /&gt;        transform: translateY(-2px);&lt;br /&gt;        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.15);&lt;br /&gt;        color: #ffffff;&lt;br /&gt;        font-weight: 600;&lt;br /&gt;    }&lt;br /&gt;    &lt;br /&gt;    .tab-button.active::after {&lt;br /&gt;        content: &#039;&#039;;&lt;br /&gt;        position: absolute;&lt;br /&gt;        bottom: -8px;&lt;br /&gt;        left: 50%;&lt;br /&gt;        transform: translateX(-50%);&lt;br /&gt;        width: 8px;&lt;br /&gt;        height: 8px;&lt;br /&gt;        background: var(--active-circle-color);&lt;br /&gt;        border-radius: 50%;&lt;br /&gt;        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);&lt;br /&gt;    }&lt;br /&gt;    .tab-button:hover .icon-image {&lt;br /&gt;        filter: invert(0);&lt;br /&gt;    }&lt;br /&gt;    .tab-button.active .icon-image {&lt;br /&gt;        filter: invert(0);&lt;br /&gt;    }&lt;br /&gt;    &lt;br /&gt;    /* Контейнер для содержимого */&lt;br /&gt;    .content-container {&lt;br /&gt;        padding: 30px;&lt;br /&gt;        border-radius: 0 0 15px 15px;&lt;br /&gt;    }&lt;br /&gt;    &lt;br /&gt;    .main-tab-content, .gang-content {&lt;br /&gt;        display: none;&lt;br /&gt;        animation: fadeIn 0.5s ease-in-out;&lt;br /&gt;    }&lt;br /&gt;    &lt;br /&gt;    .main-tab-content.active, .gang-content.active {&lt;br /&gt;        display: block;&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    /* Стиль содержимого банд */&lt;br /&gt;    .gang-header {&lt;br /&gt;        background: linear-gradient(135deg, var(--button-gradient-start) 0%, var(--button-gradient-end) 100%);&lt;br /&gt;        color: white;&lt;br /&gt;        padding: 20px;&lt;br /&gt;        border-radius: 12px;&lt;br /&gt;        margin-bottom: 25px;&lt;br /&gt;        box-shadow: 0 4px 15px rgba(117, 105, 131, 0.3);&lt;br /&gt;        position: relative;&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    .gang-header h2 {&lt;br /&gt;        margin: 0;&lt;br /&gt;        font-size: 24px;&lt;br /&gt;        text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    .gang-motto {&lt;br /&gt;        font-style: italic;&lt;br /&gt;        font-size: 16px;&lt;br /&gt;        opacity: 0.9;&lt;br /&gt;        margin: 0;&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    .gang-logo {&lt;br /&gt;        position: absolute;&lt;br /&gt;        top: 20px;&lt;br /&gt;        right: 20px;&lt;br /&gt;        width: 32px;&lt;br /&gt;        height: 32px;&lt;br /&gt;        object-fit: contain;&lt;br /&gt;    }&lt;br /&gt;    &lt;br /&gt;    /* Новый стиль для содержимого */&lt;br /&gt;    .content-text strong {&lt;br /&gt;        display: block;&lt;br /&gt;        margin-top: 20px;&lt;br /&gt;        margin-bottom: 5px;&lt;br /&gt;        font-size: 16px;&lt;br /&gt;        color: var(--accent-color);&lt;br /&gt;        font-weight: 600;&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    .content-text p {&lt;br /&gt;        margin: 0 0 10px 0;&lt;br /&gt;        line-height: 1.6;&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    /* Анимация появления */&lt;br /&gt;    @keyframes fadeIn {&lt;br /&gt;        from { opacity: 0; transform: translateY(10px); }&lt;br /&gt;        to { opacity: 1; transform: translateY(0); }&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    /* Медиа-запросы для адаптивности */&lt;br /&gt;    @media (max-width: 768px) {&lt;br /&gt;        .main-tabs, .gang-tabs {&lt;br /&gt;            flex-wrap: wrap;&lt;br /&gt;        }&lt;br /&gt;        &lt;br /&gt;        .tab-button {&lt;br /&gt;            font-size: 12px;&lt;br /&gt;            padding: 12px 15px;&lt;br /&gt;            min-width: 100px;&lt;br /&gt;        }&lt;br /&gt;        &lt;br /&gt;        .main-tab-button {&lt;br /&gt;            font-size: 14px;&lt;br /&gt;            padding: 12px 20px;&lt;br /&gt;        }&lt;br /&gt;        &lt;br /&gt;        .content-container {&lt;br /&gt;            padding: 20px;&lt;br /&gt;        }&lt;br /&gt;        &lt;br /&gt;        .gang-header h2 {&lt;br /&gt;            font-size: 20px;&lt;br /&gt;        }&lt;br /&gt;    }&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;tab-wrapper&amp;quot;&amp;gt;&lt;br /&gt;    &amp;lt;div class=&amp;quot;main-tabs&amp;quot;&amp;gt;&lt;br /&gt;        &amp;lt;button class=&amp;quot;tab-button main-tab-button active&amp;quot; onclick=&amp;quot;openMainTab(&#039;bands-tab&#039;)&amp;quot;&amp;gt;Банды&amp;lt;/button&amp;gt;&lt;br /&gt;        &amp;lt;button class=&amp;quot;tab-button main-tab-button&amp;quot; onclick=&amp;quot;openMainTab(&#039;about-bands-tab&#039;)&amp;quot;&amp;gt;Всё о Бандах&amp;lt;/button&amp;gt;&lt;br /&gt;    &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;    &amp;lt;div class=&amp;quot;content-container&amp;quot;&amp;gt;&lt;br /&gt;        &amp;lt;div id=&amp;quot;bands-tab&amp;quot; class=&amp;quot;main-tab-content active&amp;quot;&amp;gt;&lt;br /&gt;            &amp;lt;div class=&amp;quot;gang-tabs&amp;quot;&amp;gt;&lt;br /&gt;                &amp;lt;button class=&amp;quot;tab-button gang-tab-button active&amp;quot; onclick=&amp;quot;openGangTab(&#039;shorohi&#039;)&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/P7iwLIO.png&amp;quot; alt=&amp;quot;Шорохи&amp;quot; class=&amp;quot;icon-image&amp;quot;&amp;gt; Шорохи&amp;lt;/button&amp;gt;&lt;br /&gt;                &amp;lt;button class=&amp;quot;tab-button gang-tab-button&amp;quot; onclick=&amp;quot;openGangTab(&#039;gvozdi&#039;)&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/ltGZmZM.png&amp;quot; alt=&amp;quot;Гвозди&amp;quot; class=&amp;quot;icon-image&amp;quot;&amp;gt; Гвозди&amp;lt;/button&amp;gt;&lt;br /&gt;                &amp;lt;button class=&amp;quot;tab-button gang-tab-button&amp;quot; onclick=&amp;quot;openGangTab(&#039;spichki&#039;)&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/L4SBVW2.png&amp;quot; alt=&amp;quot;Спички&amp;quot; class=&amp;quot;icon-image&amp;quot;&amp;gt; Спички&amp;lt;/button&amp;gt;&lt;br /&gt;                &amp;lt;button class=&amp;quot;tab-button gang-tab-button&amp;quot; onclick=&amp;quot;openGangTab(&#039;dve-luny&#039;)&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.imgur.com/WPYoXNY.png&amp;quot; alt=&amp;quot;Две луны&amp;quot; class=&amp;quot;icon-image&amp;quot;&amp;gt; Две луны&amp;lt;/button&amp;gt;&lt;br /&gt;            &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;            &amp;lt;div id=&amp;quot;shorohi&amp;quot; class=&amp;quot;gang-content active&amp;quot;&amp;gt;&lt;br /&gt;                &amp;lt;div class=&amp;quot;gang-header&amp;quot;&amp;gt;&lt;br /&gt;                    &amp;lt;h2&amp;gt;«Мы там, где вас нет»&amp;lt;/h2&amp;gt;&lt;br /&gt;                &amp;lt;/div&amp;gt;&lt;br /&gt;                &amp;lt;div class=&amp;quot;content-text&amp;quot;&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Описание:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;«Шорох» &amp;#8212; это тени академии. Их цель &amp;#8212; поиск и сбор ключ-карт, которые открывают доступ к тайным комнатам под главным корпусом. Эти студенты умеют проскользнуть мимо охраны, вскрыть архив или вытащить карту из-под носа у преподавателя. Они редко действуют открыто, предпочитая интриги и наблюдение.&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Кто вступает:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;Чаще всего сюда идут ребята с факультетов управления, охраны и безопасности, а также Проводников. Их навыки в интригах, тактике и скрытности делают их идеальными кандидатами для этой банды.&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Бонусы в квестах:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;Получают ключ-карты и редкие ингредиенты (можно договориться об особых бонусах).&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Состав банды:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;&amp;lt;em&amp;gt;(Список участников)&amp;lt;/em&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Отношения с другими бандами:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;Дружат со «Спичками», но не доверяют «Двум лунам». «Гвозди» считают их бесполезными, пока не понадобится карта.&amp;lt;/p&amp;gt;&lt;br /&gt;                &amp;lt;/div&amp;gt;&lt;br /&gt;            &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;            &amp;lt;div id=&amp;quot;gvozdi&amp;quot; class=&amp;quot;gang-content&amp;quot;&amp;gt;&lt;br /&gt;                &amp;lt;div class=&amp;quot;gang-header&amp;quot;&amp;gt;&lt;br /&gt;                    &amp;lt;h2&amp;gt;«Крепче нас только стены»&amp;lt;/h2&amp;gt;&lt;br /&gt;                &amp;lt;/div&amp;gt;&lt;br /&gt;                &amp;lt;div class=&amp;quot;content-text&amp;quot;&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Описание:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;«Гвозди» &amp;#8212; это рабочая сила подполья. Они добывают материалы, вытаскивают из шахт железо, тянут кабели, находят детали для лабораторий. Их компания &amp;#8212; это минимум разговоров, максимум дела.&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Кто вступает:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;Чаще всего сюда идут студенты Горного факультета, факультета обслуживания и ремонта, а также факультета здорового питания. Здесь ценится сила, упорство и умение работать руками.&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Бонусы в квестах:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;Получают ингредиенты в виде цветных камушков, деталей и полезных вещей (можно договориться).&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Состав банды:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;&amp;lt;em&amp;gt;(Список участников)&amp;lt;/em&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Отношения с другими бандами:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;Уважают «Две луны», терпеть не могут «Шорохов», а со «Спичками» у них союз: одним нужны материалы, другим &amp;#8212; инструменты.&amp;lt;/p&amp;gt;&lt;br /&gt;                &amp;lt;/div&amp;gt;&lt;br /&gt;            &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;            &amp;lt;div id=&amp;quot;spichki&amp;quot; class=&amp;quot;gang-content&amp;quot;&amp;gt;&lt;br /&gt;                &amp;lt;div class=&amp;quot;gang-header&amp;quot;&amp;gt;&lt;br /&gt;                    &amp;lt;h2&amp;gt;«Загоримся &amp;#8212; так хоть ярко!»&amp;lt;/h2&amp;gt;&lt;br /&gt;                &amp;lt;/div&amp;gt;&lt;br /&gt;                &amp;lt;div class=&amp;quot;content-text&amp;quot;&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Описание:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;«Спички» &amp;#8212; это безумные экспериментаторы. Они обожают играть с нефритовой пылью, смешивать несовместимое и устраивать опыты, иногда на грани жизни и смерти. Им чужды правила, а их кабинеты превращаются в лаборатории.&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Кто вступает:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;Чаще всего студенты факультета технологий изготовления и факультета Проводников. Их объединяет жажда нового и опасного, а также знания о нефритовой пыли и её эффектах.&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Бонусы в квестах:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;Могут найти редкую информацию о мире.&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Состав банды:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;&amp;lt;em&amp;gt;(Список участников)&amp;lt;/em&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Отношения с другими бандами:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;Хорошо ладят с «Шорохами», держат союз с «Гвоздями», а к «Двум лунам» относятся с недоверием.&amp;lt;/p&amp;gt;&lt;br /&gt;                &amp;lt;/div&amp;gt;&lt;br /&gt;            &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;            &amp;lt;div id=&amp;quot;dve-luny&amp;quot; class=&amp;quot;gang-content&amp;quot;&amp;gt;&lt;br /&gt;                &amp;lt;div class=&amp;quot;gang-header&amp;quot;&amp;gt;&lt;br /&gt;                    &amp;lt;h2&amp;gt;«В тени, но на виду»&amp;lt;/h2&amp;gt;&lt;br /&gt;                &amp;lt;/div&amp;gt;&lt;br /&gt;                &amp;lt;div class=&amp;quot;content-text&amp;quot;&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Описание:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;«Две луны» &amp;#8212; самые стильные и влиятельные. Их сила &amp;#8212; в связях со взрослыми. Они торгуют, устраивают вечеринки, получают доступ к порошку и вещам, которых у других нет. Их называют «белыми воротничками подполья».&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Кто вступает:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;В эту банду охотно идут студенты факультета управления &amp;#8212; дети элиты, а также представители факультетов охраны и безопасности, обслуживания и ремонта, и здорового питания, которые умеют использовать свои навыки для получения выгоды.&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Бонусы в квестах:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;Получают нефритовую пыль либо шанс покинуть академию на сутки.&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Состав банды:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;&amp;lt;em&amp;gt;(Список участников)&amp;lt;/em&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;                    &amp;lt;strong&amp;gt;Отношения с другими бандами:&amp;lt;/strong&amp;gt;&lt;br /&gt;                    &amp;lt;p&amp;gt;Улыбаются всем, но в душе считают «Шорохов» мелкими, «Спичек» &amp;#8212; сумасшедшими, «Гвоздей» &amp;#8212; простыми. Но именно они держат баланс: без них не состоится ни одна сделка.&amp;lt;/p&amp;gt;&lt;br /&gt;                &amp;lt;/div&amp;gt;&lt;br /&gt;            &amp;lt;/div&amp;gt;&lt;br /&gt;        &amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;        &amp;lt;div id=&amp;quot;about-bands-tab&amp;quot; class=&amp;quot;main-tab-content&amp;quot;&amp;gt;&lt;br /&gt;            &amp;lt;h3&amp;gt;Всё о бандах&amp;lt;/h3&amp;gt;&lt;br /&gt;            &amp;lt;div class=&amp;quot;content-text&amp;quot;&amp;gt;&lt;br /&gt;                &amp;lt;strong&amp;gt;Общая информация:&amp;lt;/strong&amp;gt;&lt;br /&gt;                &amp;lt;p&amp;gt;Банды появились несколько лет назад как неформальные объединения студентов, уставших от строгих правил академии. Со временем они превратились в полноценные подпольные организации, каждая со своими целями и методами. Несмотря на разногласия, все они существуют в тесной взаимосвязи, образуя сложную экосистему.&amp;lt;/p&amp;gt;&lt;br /&gt;                &amp;lt;strong&amp;gt;Справка:&amp;lt;/strong&amp;gt;&lt;br /&gt;                &amp;lt;p&amp;gt;Каждая банда имеет свой уникальный символ и слоган. Членство в банде обычно определяется не только факультетом, но и личными качествами, которые ценятся в группе. На форуме вы можете найти больше информации о каждой из них, а также пообщаться с их членами.&amp;lt;/p&amp;gt;&lt;br /&gt;                &amp;lt;strong&amp;gt;Как играть:&amp;lt;/strong&amp;gt;&lt;br /&gt;                &amp;lt;p&amp;gt;&amp;#9733; У каждой банды свое устройство, но всегда есть лидер, который его определяет (сменить форму правления можно раз в 3 месяца).&amp;lt;/p&amp;gt;&lt;br /&gt;                &amp;lt;p&amp;gt;&amp;#9733; У каждой банды раз в месяц происходят стычки и передел территорий. Все просто, кидаем кубики. У кого больше - тот в этом месяце получает больше того, чем обычно промышляет банда.&amp;lt;/p&amp;gt;&lt;br /&gt;                &amp;lt;p&amp;gt;&amp;#9733; Переход из одной банды в другую должен регулироваться. Каждый лидер банды сам решает, каким образом.&amp;lt;/p&amp;gt;&lt;br /&gt;            &amp;lt;/div&amp;gt;&lt;br /&gt;        &amp;lt;/div&amp;gt;&lt;br /&gt;    &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;script&amp;gt;&lt;br /&gt;    function openMainTab(tabId) {&lt;br /&gt;        // Убираем активность у всех больших вкладок&lt;br /&gt;        document.querySelectorAll(&#039;.main-tab-button&#039;).forEach(btn =&amp;gt; btn.classList.remove(&#039;active&#039;));&lt;br /&gt;        document.querySelectorAll(&#039;.main-tab-content&#039;).forEach(content =&amp;gt; content.classList.remove(&#039;active&#039;));&lt;br /&gt;        &lt;br /&gt;        // Показываем нужную вкладку и делаем кнопку активной&lt;br /&gt;        document.getElementById(tabId).classList.add(&#039;active&#039;);&lt;br /&gt;        document.querySelector(`.main-tab-button[onclick=&amp;quot;openMainTab(&#039;${tabId}&#039;)&amp;quot;]`).classList.add(&#039;active&#039;);&lt;br /&gt;    }&lt;/p&gt;
						&lt;p&gt;    function openGangTab(tabId) {&lt;br /&gt;        // Убираем активность у всех маленьких вкладок&lt;br /&gt;        document.querySelectorAll(&#039;.gang-tab-button&#039;).forEach(btn =&amp;gt; btn.classList.remove(&#039;active&#039;));&lt;br /&gt;        document.querySelectorAll(&#039;.gang-content&#039;).forEach(content =&amp;gt; content.classList.remove(&#039;active&#039;));&lt;br /&gt;        &lt;br /&gt;        // Показываем нужную вкладку и делаем кнопку активной&lt;br /&gt;        document.getElementById(tabId).classList.add(&#039;active&#039;);&lt;br /&gt;        document.querySelector(`.gang-tab-button[onclick=&amp;quot;openGangTab(&#039;${tabId}&#039;)&amp;quot;]`).classList.add(&#039;active&#039;);&lt;br /&gt;    }&lt;br /&gt;&amp;lt;/script&amp;gt;&lt;br /&gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Sat, 23 Aug 2025 18:25:24 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=92#p92</guid>
		</item>
		<item>
			<title>Гостевая</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=89#p89</link>
			<description>&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 4.5em&quot;&gt;&lt;pre&gt;шдргшд&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Thu, 21 Aug 2025 19:10:28 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=89#p89</guid>
		</item>
		<item>
			<title>Академия</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=83#p83</link>
			<description>&lt;p&gt;[html]&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-template-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-header&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160;&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;b&amp;gt;Комнаты студентов&amp;lt;/b&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div style=&amp;quot;border: 1px solid #ccc; padding: 10px; margin: 15px 0;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Комната — это уютное и функциональное пространство на двоих, обустроенное для студентов. Интерьер оформлен в минималистичном стиле с акцентом на удобство и практичность.&amp;lt;/b&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Мебель:&amp;lt;/b&amp;gt; В комнате установлены две односпальные кровати, разделённые небольшой тумбой, на которой студенты могут хранить личные мелочи. Для учёбы предусмотрены два письменных стола с лампами и полками, на которых можно разместить книги. Каждому студенту выделено собственное пространство для занятий.&amp;#160; &lt;br /&gt;&amp;#160; Встроенные шкафы для одежды расположены у каждой кровати и позволяют хранить повседневные вещи.&amp;#160; &lt;br /&gt;&amp;#160; В комнате предусмотрено хорошее освещение — центральная люстра и настольные лампы у каждого письменного стола, чтобы студенты могли работать и читать в любое время суток.&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Декор и личные вещи:&amp;lt;/b&amp;gt; Декор комнаты выполнен в спокойных оттенках. В комнате отсутствуют личные фотографии, так как в городе фотографии доступны лишь элите, и студентам не разрешено хранить их (что не мешает нарушать это правило). Вместо этого небольшие предметы, такие как аккуратно сложенные книги или статуэтки, придают комнате индивидуальность.&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;lt;p&amp;gt;&amp;lt;b&amp;gt;Санузел:&amp;lt;/b&amp;gt; Каждая комната оснащена небольшим санузлом с душем, раковиной и шкафчиком для гигиенических принадлежностей. Студенты обязаны хранить свои личные вещи, соблюдая чистоту и порядок.&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;table style=&amp;quot;width: 100%; border-collapse: collapse; text-align: center;&amp;quot; border=&amp;quot;1&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;101&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;102&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;103&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;104&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;105&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;106&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;107&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;108&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;109&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;110&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;111&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;112&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;113&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;114&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;115&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;116&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;117&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;118&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;119&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;120&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;121&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;122&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;123&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;124&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;td&amp;gt;125&amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;lt;/table&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;/div&amp;gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Wed, 13 Nov 2024 23:25:40 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=83#p83</guid>
		</item>
		<item>
			<title>Мысли</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=76#p76</link>
			<description>&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/qCdhv1f.jpeg&quot; alt=&quot;https://i.imgur.com/qCdhv1f.jpeg&quot; /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;Без цитат и упоминаний кричим, шепчем и т.д.&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Tue, 12 Nov 2024 21:26:27 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=76#p76</guid>
		</item>
		<item>
			<title>Шаблон эпизода</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=75#p75</link>
			<description>&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;Заголовок темы: название | дата. Например: Веселый денёк | 05.01.01&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 18px&quot;&gt;&lt;span style=&quot;font-family: Franklin Gothic Medium&quot;&gt;&lt;span style=&quot;color: #23272d&quot;&gt;НАЗВАНИЕ ЭПИЗОДА&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;&lt;span style=&quot;font-style: italic&quot;&gt;цитата или ost&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.pinimg.com/originals/60/64/fc/6064fc7f5244d45042d42208155f180a.gif&quot; alt=&quot;https://i.pinimg.com/originals/60/64/fc/6064fc7f5244d45042d42208155f180a.gif&quot; /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;перечень участников&lt;/span&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;место действия и дата&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;описание&lt;/span&gt; &lt;span style=&quot;display: block; text-align: center&quot;&gt;укажите номер ключа&lt;/span&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 16.5em&quot;&gt;&lt;pre&gt;[quote][align=center][size=18][font=Franklin Gothic Medium][color=#23272d]НАЗВАНИЕ ЭПИЗОДА[/color][/font][/size][/align]
[align=right][i]цитата или ost[/i][/align]
[hr]
[align=center][img]https://i.pinimg.com/originals/60/64/fc/6064fc7f5244d45042d42208155f180a.gif[/img][/align]
[align=center]перечень участников[/align][hr]
[align=center]место действия и дата[/align]
[align=center]описание[/align]
[hr]
[align=center][/align][/quote]&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Mon, 11 Nov 2024 23:40:26 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=75#p75</guid>
		</item>
		<item>
			<title>Шаблон эпизода</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=74#p74</link>
			<description>&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;Заголовок темы: название | дата. Например: Веселый денёк | 05.01.01&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 18px&quot;&gt;&lt;span style=&quot;font-family: Franklin Gothic Medium&quot;&gt;&lt;span style=&quot;color: #23272d&quot;&gt;НАЗВАНИЕ ЭПИЗОДА&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;&lt;span style=&quot;font-style: italic&quot;&gt;цитата или ost&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.pinimg.com/originals/60/64/fc/6064fc7f5244d45042d42208155f180a.gif&quot; alt=&quot;https://i.pinimg.com/originals/60/64/fc/6064fc7f5244d45042d42208155f180a.gif&quot; /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;перечень участников&lt;/span&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;место действия и дата&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;описание&lt;/span&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;разрешение на участие других игроков: ДА/НЕТ&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 16.5em&quot;&gt;&lt;pre&gt;[quote][align=center][size=18][font=Franklin Gothic Medium][color=#23272d]НАЗВАНИЕ ЭПИЗОДА[/color][/font][/size][/align]
[align=right][i]цитата или ost[/i][/align]
[hr]
[align=center][img]https://i.pinimg.com/originals/60/64/fc/6064fc7f5244d45042d42208155f180a.gif[/img][/align]
[align=center]перечень участников[/align][hr]
[align=center]место действия и дата[/align]
[align=center]описание[/align]
[hr]
[align=center]разрешение на участие других игроков: ДА/НЕТ[/align][/quote]&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Mon, 11 Nov 2024 23:39:22 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=74#p74</guid>
		</item>
		<item>
			<title>Шаблон эпизода</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=65#p65</link>
			<description>&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;Заголовок темы: название | дата. Например: Веселый денёк | 05.01.01&lt;/span&gt;&lt;/p&gt;&lt;div class=&quot;quote-box quote-main&quot;&gt;&lt;blockquote&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 18px&quot;&gt;&lt;span style=&quot;font-family: Franklin Gothic Medium&quot;&gt;&lt;span style=&quot;color: #23272d&quot;&gt;НАЗВАНИЕ ЭПИЗОДА&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;&lt;span style=&quot;font-style: italic&quot;&gt;цитата или ost&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.pinimg.com/originals/1d/5c/42/1d5c42ff7629fb6713aa897adb49fd1b.gif&quot; alt=&quot;https://i.pinimg.com/originals/1d/5c/42/1d5c42ff7629fb6713aa897adb49fd1b.gif&quot; /&gt;&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;перечень участников&lt;/span&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;место действия и дата&lt;/span&gt;&lt;br /&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;описание&lt;/span&gt;&lt;/p&gt;&lt;hr /&gt;&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;разрешение на участие других игроков: ДА/НЕТ&lt;/span&gt;&lt;/p&gt;&lt;/blockquote&gt;&lt;/div&gt;&lt;div class=&quot;code-box&quot;&gt;&lt;strong class=&quot;legend&quot;&gt;Код:&lt;/strong&gt;&lt;div class=&quot;blockcode&quot;&gt;&lt;div class=&quot;scrollbox&quot; style=&quot;height: 16.5em&quot;&gt;&lt;pre&gt;[quote][align=center][size=18][font=Franklin Gothic Medium][color=#23272d]НАЗВАНИЕ ЭПИЗОДА[/color][/font][/size][/align]
[align=right][i]цитата или ost[/i][/align]
[hr]
[align=center][img]https://i.pinimg.com/originals/1d/5c/42/1d5c42ff7629fb6713aa897adb49fd1b.gif[/img][/align]
[align=center]перечень участников[/align][hr]
[align=center]место действия и дата[/align]
[align=center]описание[/align]
[hr]
[align=center]разрешение на участие других игроков: ДА/НЕТ[/align][/quote]&lt;/pre&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Sun, 13 Oct 2024 01:48:49 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=65#p65</guid>
		</item>
		<item>
			<title>Роли и внешности</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=18#p18</link>
			<description>&lt;p&gt;[html]&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-template-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-header&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;h1&amp;gt;Список ролей &amp;lt;/h1&amp;gt;&lt;br /&gt;&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;guest-column-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-column&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;h3&amp;gt;&amp;lt;i class=&amp;quot;fa-solid fa-venus&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; Ученики &amp;lt;/h3&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;guest-item-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;guest-item&amp;quot;&amp;gt;имя фамилия - &amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;имя фамилия&amp;lt;/a&amp;gt; &amp;lt;i class=&amp;quot;fas fa-heart&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;guest-item&amp;quot;&amp;gt;имя фамилия - &amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;имя фамилия&amp;lt;/a&amp;gt; &amp;lt;i class=&amp;quot;fas fa-heart&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;guest-item&amp;quot;&amp;gt;имя фамилия - &amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;имя фамилия&amp;lt;/a&amp;gt; &amp;lt;i class=&amp;quot;fas fa-heart&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;guest-column&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;h3&amp;gt;&amp;lt;i class=&amp;quot;fa-solid fa-mars&amp;quot;&amp;gt;&amp;lt;/i&amp;gt; Работники академии&amp;lt;/h3&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;guest-item-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;guest-item&amp;quot;&amp;gt;имя фамилия - &amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;имя фамилия&amp;lt;/a&amp;gt; &amp;lt;i class=&amp;quot;fas fa-heart&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;guest-item&amp;quot;&amp;gt;имя фамилия - &amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;имя фамилия&amp;lt;/a&amp;gt; &amp;lt;i class=&amp;quot;fas fa-heart&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p class=&amp;quot;guest-item&amp;quot;&amp;gt;имя фамилия - &amp;lt;a href=&amp;quot;#&amp;quot;&amp;gt;имя фамилия&amp;lt;/a&amp;gt; &amp;lt;i class=&amp;quot;fas fa-heart&amp;quot;&amp;gt;&amp;lt;/i&amp;gt;&amp;lt;/p&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Thu, 10 Oct 2024 00:11:26 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=18#p18</guid>
		</item>
		<item>
			<title>Поиск соигрока</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=16#p16</link>
			<description>&lt;p&gt;[html]&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-template-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-header&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;h1&amp;gt;Поиск соигрока&amp;lt;/h1&amp;gt;&lt;br /&gt;&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Thu, 10 Oct 2024 00:04:07 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=16#p16</guid>
		</item>
		<item>
			<title>Вопросы и обращения</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=15#p15</link>
			<description>&lt;p&gt;[html]&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-template-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-header&amp;quot;&amp;gt;&lt;br /&gt; &amp;lt;h1&amp;gt;Вопросы игроков&amp;lt;/h1&amp;gt;&lt;br /&gt;&amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;p&amp;gt;Мы всегда рады ответить на любые ваши вопросы по игре и игровому миру.&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;p&amp;gt;Здесь же можно оставить заявку на перенос эпизодов в закрытые.&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Thu, 10 Oct 2024 00:01:14 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=15#p15</guid>
		</item>
		<item>
			<title>Отсутствие или уход</title>
			<link>https://nephrite.rolka.me/viewtopic.php?pid=14#p14</link>
			<description>&lt;p&gt;[html]&amp;lt;link rel=&amp;quot;stylesheet&amp;quot; href=&amp;quot;https://kit-pro.fontawesome.com/releases/v6.1.2/css/pro.min.css&amp;quot;&amp;gt;&lt;br /&gt;&amp;lt;div class=&amp;quot;guest-template-container&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;guest-header&amp;quot;&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;h1&amp;gt;Список ролей&amp;lt;/h1&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;p&amp;gt;&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;guest-footer&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;b&amp;gt;Если вы отлучаетесь на 14 дней и больше, пишите здесь.&amp;lt;/b&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;br&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;b&amp;gt;Максимальный срок отсутствия - один месяц с возможностью продления еще на один месяц.&amp;lt;/b&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;p&amp;gt;Если вы не пишете игровых постов 30 дней или более без предупреждения в этой теме, администрация вправе перенести вашу анкету в архив и закрыть ваши эпизоды.&amp;lt;/p&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;div class=&amp;quot;guest-column&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;table style=&amp;quot;width: 100%; table-layout: fixed;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;tr&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;td style=&amp;quot;width: 100%; text-align: center; padding: 5px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;span style=&amp;quot;font-family: &#039;Century Gothic&#039;, sans-serif;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;ОТСУТСТВУЮТ:&amp;lt;/b&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;td style=&amp;quot;width: 100%; text-align: center; padding: 5px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;span style=&amp;quot;font-family: &#039;Century Gothic&#039;, sans-serif;&amp;quot;&amp;gt;&amp;lt;b&amp;gt;В ЛОУ:&amp;lt;/b&amp;gt;&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/td&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/tr&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;/table&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Dust)</author>
			<pubDate>Wed, 09 Oct 2024 23:58:36 +0300</pubDate>
			<guid>https://nephrite.rolka.me/viewtopic.php?pid=14#p14</guid>
		</item>
	</channel>
</rss>
