<?xml version="1.0" encoding="windows-1251"?>
<rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom">
	<channel>
		<atom:link href="https://badger.rolevaya.ru/export.php?type=rss" rel="self" type="application/rss+xml" />
		<title>#барсук</title>
		<link>https://badger.rolevaya.ru/</link>
		<description>#барсук</description>
		<language>ru-ru</language>
		<lastBuildDate>Sun, 20 Sep 2026 14:03:32 +0300</lastBuildDate>
		<generator>MyBB/mybb.ru</generator>
		<item>
			<title>реклама #30</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=43903#p43903</link>
			<description>&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;a href=&quot;https://sacramento.rusff.me/&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/MTwTdGo.png&quot; alt=&quot;https://i.imgur.com/MTwTdGo.png&quot; /&gt;&lt;/a&gt;&lt;br /&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;strong&gt;sacramento&lt;/strong&gt;: легенды не стареют - они обрастают историей&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;a href=&quot;https://sacramento.rusff.me/viewtopic.php?id=50986&amp;amp;p=11#p5199753&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;https://sacramento.rusff.me/viewtopic.p &amp;#8230; 1#p5199753&lt;/a&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Реклама)</author>
			<pubDate>Sun, 20 Sep 2026 14:03:32 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=43903#p43903</guid>
		</item>
		<item>
			<title>Попутчики</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=43697#p43697</link>
			<description>&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;#160; &amp;#160; &amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width, initial-scale=1.0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;title&amp;gt;Попутчик Трассы 66&amp;lt;/title&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;link href=&amp;quot;https://fonts.googleapis.com/css2?family=Raleway:wght@400;500;700&amp;amp;family=Special+Elite&amp;amp;display=swap&amp;quot; rel=&amp;quot;stylesheet&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;style&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; * { margin: 0; padding: 0; box-sizing: border-box; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; body {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; background: #3a322a;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; display: flex;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; justify-content: center;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; align-items: center;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; min-height: 100vh;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 30px 20px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; font-family: &#039;Raleway&#039;, sans-serif;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .traveler-card {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; max-width: 900px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; background: #e8ddce;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 75px 30px 35px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 10px solid #c4b09a;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; border-radius: 12px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; position: relative;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; border-color: #d4b68a;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .card-stamp {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; position: absolute;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; top: 15px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; right: 25px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; font-family: &#039;Special Elite&#039;, cursive;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; color: #7a5f47;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; font-weight: 400;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 1.3rem;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; letter-spacing: 2px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; opacity: 0.2;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; transform: rotate(6deg);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 2px solid #7a5f47;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 4px 16px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; user-select: none;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .route-66 {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; position: absolute;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; bottom: 15px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; left: 25px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; font-family: &#039;Special Elite&#039;, cursive;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; color: #7a5f47;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 0.9rem;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; opacity: 0.12;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; letter-spacing: 3px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; user-select: none;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .photos-container {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; display: flex;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; flex-wrap: wrap;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; justify-content: center;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; align-items: stretch;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; margin: 0 -10px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; gap: 5px 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; position: relative;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; z-index: 5;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .photo-item {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; flex: 1;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; min-width: 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 0 10px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; cursor: pointer;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .photo-item:hover {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; transform: scale(1.08) rotate(0deg) !important;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; z-index: 10;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .photo-item .polaroid {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; background: #d4c4b0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 8px 8px 16px 8px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; border: 1px solid #b7a087;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; box-shadow: 0 4px 12px rgba(0,0,0,0.15);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; transition: box-shadow 0.4s ease;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .photo-item:hover .polaroid {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; box-shadow: 0 8px 30px rgba(0,0,0,0.4);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .photo-item .polaroid-inner {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; position: relative;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; overflow: hidden;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; aspect-ratio: 3/4;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; background: #3a322a;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .photo-item .polaroid-inner img {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; height: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; object-fit: cover;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; display: block;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; filter: sepia(0.35) contrast(1.12) brightness(0.96);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .scratch-overlay {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; position: absolute;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; top: 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; left: 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; height: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.05) 2px, rgba(0,0,0,0.05) 5px), repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(80,60,40,0.04) 3px, rgba(80,60,40,0.04) 7px);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; z-index: 2;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .stain-overlay {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; position: absolute;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; top: 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; left: 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; height: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; background: radial-gradient(ellipse at 15% 25%, rgba(160,130,95,0.1) 0%, transparent 40%), radial-gradient(ellipse at 85% 70%, rgba(110,85,60,0.08) 0%, transparent 50%);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; z-index: 2;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .grain-overlay {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; position: absolute;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; top: 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; left: 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; height: 100%;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; background-image: url(&#039;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot; viewBox=&amp;quot;0 0 200 200&amp;quot;&amp;gt;&amp;lt;filter id=&amp;quot;n&amp;quot;&amp;gt;&amp;lt;feTurbulence type=&amp;quot;fractalNoise&amp;quot; baseFrequency=&amp;quot;0.9&amp;quot; numOctaves=&amp;quot;3&amp;quot; stitchTiles=&amp;quot;stitch&amp;quot;&amp;gt;&amp;lt;/feTurbulence&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;rect width=&amp;quot;100%&amp;quot; height=&amp;quot;100%&amp;quot; filter=&amp;quot;url(%23n)&amp;quot; opacity=&amp;quot;0.06&amp;quot;&amp;gt;&amp;lt;/rect&amp;gt;&amp;lt;/svg&amp;gt;&#039;);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; background-repeat: repeat;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; background-size: 200px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; z-index: 4;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; mix-blend-mode: multiply;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .fc-name {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; text-align: center;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-top: 25px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; font-family: &#039;Special Elite&#039;, cursive;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 2.2rem;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; color: #363636;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; letter-spacing: 4px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; word-break: break-word;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; padding: 0 10px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; text-shadow: 1px 1px 0 rgba(255,255,255,0.3);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; position: relative;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; z-index: 5;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; .fc-name .fc-label {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; font-family: &#039;Raleway&#039;, sans-serif;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; font-weight: 400;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; font-size: 0.8rem;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; letter-spacing: 3px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; color: #7a6854;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; display: block;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; margin-bottom: 2px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; text-transform: uppercase;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; @media screen and (max-width: 650px) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .traveler-card { padding: 60px 15px 25px; border-width: 8px; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .card-stamp { font-size: 1.0rem; padding: 3px 12px; top: 10px; right: 15px; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .route-66 { font-size: 0.7rem; bottom: 10px; left: 15px; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .fc-name { font-size: 1.6rem; margin-top: 18px; letter-spacing: 2px; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .photos-container { margin: 0 -5px; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .photo-item { padding: 0 5px; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .photo-item .polaroid { padding: 6px 6px 12px 6px; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; @media screen and (max-width: 400px) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .fc-name { font-size: 1.2rem; margin-top: 14px; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .card-stamp { font-size: 0.9rem; padding: 2px 10px; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .route-66 { font-size: 0.6rem; bottom: 8px; left: 12px; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .traveler-card { padding: 50px 10px 18px; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &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;lt;div class=&amp;quot;traveler-card&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;card-stamp&amp;quot;&amp;gt;#БАРСУК&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;route-66&amp;quot;&amp;gt;&amp;#10022; FEDERAL HIGHWAY 66 &amp;#10022;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;photos-container&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; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;photo-item&amp;quot; style=&amp;quot;flex: 1; min-width: 0; padding: 0 10px; transform: rotate(0.1deg);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;polaroid&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;polaroid-inner&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/36/4e/3b/364e3b2a928120e8b4ea5408eda29024.jpg&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;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;stain-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;grain-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &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;#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;#160; &amp;#160; &amp;lt;/div&amp;gt;&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; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;photo-item&amp;quot; style=&amp;quot;flex: 1; min-width: 0; padding: 0 14px; transform: rotate(2.8deg);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;polaroid&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;polaroid-inner&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/1200x/be/64/99/be64999f9096dfe14b8a089699fbdb02.jpg&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;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;stain-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;grain-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &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;#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;#160; &amp;#160; &amp;lt;/div&amp;gt;&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; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;photo-item&amp;quot; style=&amp;quot;flex: 1; min-width: 0; padding: 0 7px; transform: rotate(0.9deg);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;polaroid&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;polaroid-inner&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/24/b2/42/24b2429033dbae620929274d98a3b521.jpg&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;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;stain-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;grain-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &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;#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;#160; &amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &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;fc-name&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;span class=&amp;quot;fc-label&amp;quot;&amp;gt;&amp;#10022; faceclaim &amp;#10022;&amp;lt;/span&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; James Duval&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;/body&amp;gt;&lt;br /&gt;&amp;lt;/html&amp;gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Tue, 15 Sep 2026 08:54:07 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=43697#p43697</guid>
		</item>
		<item>
			<title>Помощь с профилем</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=43581#p43581</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://upforme.ru/uploads/001c/15/dc/2/929480.png&quot; alt=&quot;https://upforme.ru/uploads/001c/15/dc/2/929480.png&quot; /&gt;&lt;br /&gt;&lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://upforme.ru/uploads/001c/15/dc/2/129007.png&quot; alt=&quot;https://upforme.ru/uploads/001c/15/dc/2/129007.png&quot; /&gt;&lt;br /&gt;&lt;/span&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Sat, 12 Sep 2026 18:36:27 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=43581#p43581</guid>
		</item>
		<item>
			<title>Генератор четырех картинок в подпись/тему</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=43207#p43207</link>
			<description>&lt;p&gt;[html]&lt;/p&gt;
						&lt;p&gt;&amp;lt;!DOCTYPE html&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;html&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;head&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;meta charset=&amp;quot;UTF-8&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width, initial-scale=1.0&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;title&amp;gt;Галерея&amp;lt;/title&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;style&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .gallery-wrapper { max-width: 100%; width: 100%; margin: 0 auto; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .gallery-row { display: flex; flex-wrap: nowrap; justify-content: center; gap: 5px; margin: 20px 0; max-width: 100%; overflow: hidden; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .gallery-item {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; width: 110px; min-width: 110px; height: 110px; flex: 0 0 110px;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; overflow: hidden; border: none; border-radius: 0; box-shadow: none; background: transparent; padding: 0; filter: contrast(200%) brightness(0.8) grayscale(100%); border: 2px solid #1a1a1a; background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; box-sizing: border-box; position: relative;&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; .gallery-item img { width: 100%; height: 100%; object-fit: cover; display: block; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; @keyframes glitch { 0% { transform: translate(0, 0); } 25% { transform: translate(-2px, 2px); } 50% { transform: translate(2px, -2px); } 75% { transform: translate(-1px, -1px); } 100% { transform: translate(1px, 1px); } }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; @keyframes pulse { 0% { transform: scale(1); } 100% { transform: scale(1.05); } }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; @keyframes rotate { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; @keyframes shake { 0% { transform: translateX(0); } 25% { transform: translateX(-3px); } 75% { transform: translateX(3px); } 100% { transform: translateX(0); } }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; @media (max-width: 600px) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .gallery-item { width: calc((100% - 15px) / 4); min-width: calc((100% - 15px) / 4); height: auto; aspect-ratio: 1/1; flex: 0 0 calc((100% - 15px) / 4); }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .gallery-row { gap: 5px; }&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; @media (max-width: 400px) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; .gallery-item { width: calc((100% - 15px) / 4); min-width: calc((100% - 15px) / 4); flex: 0 0 calc((100% - 15px) / 4); }&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;lt;/style&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/head&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;body style=&amp;quot;background:#2a2420; padding:20px; display:flex; justify-content:center; align-items:center; min-height:100vh; margin:0;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;gallery-wrapper&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;gallery-row&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;div class=&amp;quot;gallery-item&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/bf/e9/38/bfe9380bb8cc69d55b020f3119e163ea.jpg&amp;quot; alt=&amp;quot;1&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;gallery-item&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/cf/be/ce/cfbecea910784b382a4258596b7119cd.jpg&amp;quot; alt=&amp;quot;2&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;gallery-item&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/be/a1/a5/bea1a5b075d4986f2da8f28e1a608837.jpg&amp;quot; alt=&amp;quot;3&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;gallery-item&amp;quot;&amp;gt;&amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/52/6d/e6/526de66d4f52c612b4ef6f5d5c9101c5.jpg&amp;quot; alt=&amp;quot;4&amp;quot;&amp;gt;&amp;lt;/div&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;#160; &amp;#160; &amp;lt;/body&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;/html&amp;gt;&lt;br /&gt;[/html]&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Sat, 05 Sep 2026 00:16:48 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=43207#p43207</guid>
		</item>
		<item>
			<title>Новости проекта</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=42729#p42729</link>
			<description>&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 30px&quot;&gt;&amp;#9888;&lt;/span&gt; &lt;span style=&quot;font-size: 30px&quot;&gt;&lt;span style=&quot;font-family: Neuropol&quot;&gt;&lt;em class=&quot;bbuline&quot;&gt;Т&lt;/em&gt;ехнические новости&lt;/span&gt;&lt;/span&gt; &lt;span style=&quot;font-size: 30px&quot;&gt;&amp;#9888;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;В &lt;a href=&quot;https://badger.rolevaya.ru/viewtopic.php?id=490#p37583&quot;&gt;Общая информация перед регистрацией&lt;/a&gt; в Общей информации, в разделе: сроки отсутствия добавлен новый пункт. &lt;/p&gt;
						&lt;p&gt;Диктатура, сэр.&amp;#160; &lt;img class=&quot;postimg&quot; loading=&quot;lazy&quot; src=&quot;https://i.imgur.com/v16kTDA.gif&quot; alt=&quot;https://i.imgur.com/v16kTDA.gif&quot; /&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Sun, 23 Aug 2026 15:58:42 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=42729#p42729</guid>
		</item>
		<item>
			<title>Международный розыск</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=42409#p42409</link>
			<description>&lt;p&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;&lt;strong&gt;Взято из:&lt;/strong&gt; &lt;span style=&quot;font-style: italic&quot;&gt;Leviticus (2026) &lt;/span&gt;&lt;/span&gt;&lt;/p&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://upforme.ru/uploads/001c/15/dc/2/730208.gif&quot; alt=&quot;https://upforme.ru/uploads/001c/15/dc/2/730208.gif&quot; /&gt;&lt;br /&gt;&lt;strong&gt;fc:&lt;/strong&gt; joe bird &amp;amp; stacy clausen&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt; •&amp;#160; - Можно я постою тут? Тогда твоя мама придет и уведет меня, ведь так? •&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;Что может случится, если вы живете в маленьком религиозном городке, где все друг друга знают, верят в чистоту помыслов соседей, а также являются негласной семьей, в которой любой, кто пережил страшную боль, может найти наконец тихое и спокойное место? Свой маленький рай? &lt;/p&gt;
						&lt;p&gt;Да и чего боятся, когда на страже паствы есть умелый экзорцист, что изгоняет все страстные желания и грехи, помогая отказаться от любых искушений, перебороть их? &lt;/p&gt;
						&lt;p&gt;Только вот почему-то все предпочитают умалчивать о том, что после этих ритуалов с &amp;quot;очищающим огнем&amp;quot; и молитвами экзорциста, того, кого коснулся этот экзорцизм, начинает преследовать жуткая сверхъестественная сущность, принимающая облик того, кто дороже тебе всех на свете, пока не убьет?&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Fri, 14 Aug 2026 01:21:57 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=42409#p42409</guid>
		</item>
		<item>
			<title>Важные даты и события</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=42368#p42368</link>
			<description>&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;2025&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;&lt;ul style=&quot;list-style: disc&quot;&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;13 января 2025 года&lt;/strong&gt; - события на территории Содружества Китая, сокрытые полностью ото всех правительством.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&lt;strong&gt;Конец февраля 2025 года&lt;/strong&gt; - в &lt;a href=&quot;https://badger.rolevaya.ru/viewtopic.php?id=39#p464&quot;&gt;Синдикате Голубой Сороки&lt;/a&gt; окончательно установилась власть.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Thu, 13 Aug 2026 18:42:19 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=42368#p42368</guid>
		</item>
		<item>
			<title>Организации</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=42066#p42066</link>
			<description>&lt;p&gt;[html]&amp;lt;div style=&amp;quot;position: relative; width: 600px; margin: 50px auto;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; &amp;lt;!-- ОСНОВНАЯ ФОТОГРАФИЯ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;div style=&amp;quot;position: relative; z-index: 10; display: inline-block; width: 100%; transform: rotate(-0.5deg);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #9a8b7a; border-radius: 14px; padding: 4px; box-shadow: 0 0 0 1px #7a6b5a, inset 0 0 0 1px #b8a99a;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #c0c0c0; border-radius: 10px; padding: 1px; box-shadow: inset 0 0 0 1px #e8e8e8, inset 0 0 3px rgba(0,0,0,0.15);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; overflow: hidden; border-radius: 9px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/a2/9c/ae/a29caeb4524a7da37fa3d7455e4fc493.jpg&amp;quot; width=&amp;quot;600&amp;quot; height=&amp;quot;250&amp;quot; style=&amp;quot;width: 600px; height: 250px; display: block; object-fit: cover; filter: sepia(0.35) contrast(1.1) brightness(0.96); border-radius: 9px;&amp;quot;&amp;gt;&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; &amp;lt;div class=&amp;quot;scratch-overlay-main&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;stain-overlay-main&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;grain-overlay-main&amp;quot;&amp;gt;&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;br /&gt;&amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&amp;#160; /* ЦАРАПИНЫ (основное фото) */&lt;br /&gt;&amp;#160; .scratch-overlay-main {&lt;br /&gt;&amp;#160; &amp;#160; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.05) 2px, rgba(0,0,0,0.05) 5px),&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(80,60,40,0.04) 3px, rgba(80,60,40,0.04) 7px);&lt;br /&gt;&amp;#160; &amp;#160; border-radius: 9px; z-index: 2;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; /* ПЯТНА (основное фото) */&lt;br /&gt;&amp;#160; .stain-overlay-main {&lt;br /&gt;&amp;#160; &amp;#160; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; background: radial-gradient(ellipse at 15% 25%, rgba(160,130,95,0.1) 0%, transparent 40%),&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; radial-gradient(ellipse at 85% 70%, rgba(110,85,60,0.08) 0%, transparent 50%),&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; radial-gradient(circle at 50% 50%, rgba(180,155,125,0.05) 0%, transparent 70%);&lt;br /&gt;&amp;#160; &amp;#160; border-radius: 9px; z-index: 2;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; /* ЗЕРНИСТОСТЬ (основное фото) */&lt;br /&gt;&amp;#160; .grain-overlay-main {&lt;br /&gt;&amp;#160; &amp;#160; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; background-image: url(&#039;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot; viewBox=&amp;quot;0 0 200 200&amp;quot;&amp;gt;&amp;lt;filter id=&amp;quot;noise&amp;quot;&amp;gt;&amp;lt;feTurbulence type=&amp;quot;fractalNoise&amp;quot; baseFrequency=&amp;quot;0.9&amp;quot; numOctaves=&amp;quot;3&amp;quot; stitchTiles=&amp;quot;stitch&amp;quot;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;rect width=&amp;quot;100%&amp;quot; height=&amp;quot;100%&amp;quot; filter=&amp;quot;url(%23noise)&amp;quot; opacity=&amp;quot;0.04&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&#039;);&lt;br /&gt;&amp;#160; &amp;#160; background-repeat: repeat; background-size: 200px; border-radius: 9px; z-index: 3; mix-blend-mode: multiply;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;lt;/style&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;СЕТЬ ЧАСТНЫХ МЕДИЦИНСКИХ ЦЕНТРОВ ИМ. ХРИСТОФОРА ЛИКИЙСКОГО&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;Первый частный медицинский центр им. Святого Христофора Ликийского был основан Объединённой церковью в 1997 году на территории Содружества Италии в предгорьях недалеко от Рима. Больница расположилась в историческом здании бывшего лепрозория при монастыре Св. Христофора. Она была выстроена вокруг монастыря, все здания были тщательно отреставрированы и расширены в полноценный многофункциональный центр, в котором доступны и амбулаторная, и стационарная помощь. Монастырь остался действующим; в нём, в том числе, служат рыцари Объединённой церкви, ушедшие на «пенсию». В этом монастыре готовят специализированных на сверхъестественном братьев и сестёр милосердия.&lt;/p&gt;
						&lt;p&gt;Больницы являются официально нейтральной территорией, на которой любое существо, ведьмак или ведьма может получить квалифицированную медицинскую помощь. Более того, ряд существ, ведьмаков и ведьм отправляют сюда на принудительное лечение и реабилитацию, с возможностью последующего полноценного возвращения в общество.&lt;/p&gt;
						&lt;p&gt;Подобные филиалы имеются в зеленой местности Ниагара-Фолс (Содружество США) и недалеко от Бэйдайхэ (Содружество Китая), на берегу Желтого моря. Обязательства по финансированию филиалов на себя взяли также и Содружества, на территории которых они расположились.&lt;/p&gt;
						&lt;p&gt;Более того, больницы официально сотрудничают с НИИЧАВО, поэтому оснащены самым лучшим оборудованием, медикаментами и всем необходимым для оказания высококвалифицированной помощи существам и ведьмакам, ведьмам со всего мира.&lt;/p&gt;
						&lt;p&gt;За это весь биологический материал отправляется волшебникам из института, включая тела существ для изучения или на утилизацию в случае их гибели. Больница оснащена не только стандартными защитными мерами, которые практикуют в Объединённой церкви, но и специально разработанными технологиями от института, признанными более эффективными. Нигде, кроме больниц, данные технологии не используются, так как это запрещено. В случае обнаружения утечек последствия устраняют как можно быстрее, а всех причастных подвергают ссылке в Тмутаракань.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Fri, 07 Aug 2026 03:32:26 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=42066#p42066</guid>
		</item>
		<item>
			<title>Общая информация перед регистрацией</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=37709#p37709</link>
			<description>&lt;p&gt;[html]&amp;lt;div style=&amp;quot;position: relative; width: 600px; margin: 80px auto 100px auto;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 600px; margin: 0 auto;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;!-- ФОТО 1: СНИЗУ-СЛЕВА --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo1&amp;quot; style=&amp;quot;position: absolute; bottom: -55px; left: 20px; width: 110px; height: 110px; z-index: 15; cursor: pointer; transform: rotate(-14deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/1200x/71/b9/f6/71b9f69df29605bfd15ad881969cbd45.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-a&amp;quot;&amp;gt;&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;!-- ФОТО 2: СНИЗУ-ПО-ЦЕНТРУ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo2&amp;quot; style=&amp;quot;position: absolute; bottom: -25px; left: 240px; width: 120px; height: 120px; z-index: 15; cursor: pointer; transform: rotate(6deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/b5/31/6d/b5316d4540b61405b41e6015f816ef06.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-b&amp;quot;&amp;gt;&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;!-- ФОТО 3: СВЕРХУ-СПРАВА --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo3&amp;quot; style=&amp;quot;position: absolute; top: -60px; right: 30px; width: 105px; height: 105px; z-index: 15; cursor: pointer; transform: rotate(18deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/1200x/80/70/92/8070928cc994e5bc48716b2a4d2a275f.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-c&amp;quot;&amp;gt;&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;!-- ФОТО 4: СВЕРХУ-СЛЕВА (ВОЗВРАЩАЕТ ИСХОДНУЮ КАРТИНКУ) --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo4&amp;quot; style=&amp;quot;position: absolute; top: -35px; left: 100px; width: 95px; height: 95px; z-index: 15; cursor: pointer; transform: rotate(-22deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ ГЛАВНУЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/38/7a/45/387a45dfad3390e9558684839fed1696.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-d&amp;quot;&amp;gt;&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;!-- ФОТО 5: СНИЗУ-СПРАВА --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo5&amp;quot; style=&amp;quot;position: absolute; bottom: -70px; right: 80px; width: 115px; height: 115px; z-index: 15; cursor: pointer; transform: rotate(25deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/1200x/83/2f/46/832f46344f9f827fd6cb9ccadc8b32c1.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-e&amp;quot;&amp;gt;&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;!-- ФОТО 6: СВЕРХУ-ПО-ЦЕНТРУ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo6&amp;quot; style=&amp;quot;position: absolute; top: -30px; left: 170px; width: 100px; height: 100px; z-index: 15; cursor: pointer; transform: rotate(-10deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/1200x/8e/33/61/8e33619f27c01ecc59a294bd452a7c3a.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-f&amp;quot;&amp;gt;&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;!-- ОСНОВНАЯ ФОТОГРАФИЯ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainWrapper&amp;quot; style=&amp;quot;position: relative; z-index: 20; transform: rotate(1deg); transition: transform 0.8s ease-out; display: inline-block;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #9a8b7a; border-radius: 14px; padding: 4px; box-shadow: 0 0 0 1px #7a6b5a, inset 0 0 0 1px #b8a99a;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #c0c0c0; border-radius: 10px; padding: 1px; box-shadow: inset 0 0 0 1px #e8e8e8, inset 0 0 3px rgba(0,0,0,0.15);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; overflow: hidden; border-radius: 9px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ ГЛАВНУЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img id=&amp;quot;mainPhoto&amp;quot; src=&amp;quot;https://i.pinimg.com/736x/38/7a/45/387a45dfad3390e9558684839fed1696.jpg&amp;quot; width=&amp;quot;600&amp;quot; height=&amp;quot;250&amp;quot; style=&amp;quot;width: 600px; height: 250px; display: block; object-fit: cover; filter: sepia(0.5) contrast(1.18) brightness(0.92) saturate(0.9); transition: opacity 0.3s ease;&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;scratch-overlay-main&amp;quot;&amp;gt;&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;stain-overlay-main&amp;quot;&amp;gt;&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;grain-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood1&amp;quot; class=&amp;quot;blood-main-a&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood2&amp;quot; class=&amp;quot;blood-main-b&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood3&amp;quot; class=&amp;quot;blood-main-c&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood4&amp;quot; class=&amp;quot;blood-main-d&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood5&amp;quot; class=&amp;quot;blood-main-e&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood6&amp;quot; class=&amp;quot;blood-main-f&amp;quot; style=&amp;quot;display: none;&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&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;br /&gt;&amp;#160; &amp;#160; &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;style&amp;gt;&lt;br /&gt;&amp;#160; #photo1, #photo2, #photo3, #photo4, #photo5, #photo6 { transition: transform 0.8s ease-out; }&lt;br /&gt;&amp;#160; #photo1:hover, #photo2:hover, #photo3:hover, #photo4:hover, #photo5:hover, #photo6:hover { transform: rotate(0deg) scale(1.08) !important; z-index: 30 !important; }&lt;br /&gt;&amp;#160; #mainWrapper { transition: transform 0.8s ease-out; }&lt;br /&gt;&amp;#160; #mainWrapper:hover { transform: rotate(0deg) scale(1.05) !important; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .scratch-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 5px); border-radius: 8px; z-index: 2; }&lt;br /&gt;&amp;#160; .scratch-overlay-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.07) 2px, rgba(0,0,0,0.07) 5px), repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(80,60,40,0.06) 3px, rgba(80,60,40,0.06) 7px); border-radius: 9px; z-index: 2; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .stain-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: radial-gradient(circle at 20% 30%, rgba(160,120,80,0.18) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(100,70,40,0.14) 0%, transparent 60%); border-radius: 8px; z-index: 2; }&lt;br /&gt;&amp;#160; .stain-overlay-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: radial-gradient(ellipse at 15% 25%, rgba(160,130,95,0.15) 0%, transparent 40%), radial-gradient(ellipse at 85% 70%, rgba(110,85,60,0.12) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(180,155,125,0.08) 0%, transparent 70%); border-radius: 9px; z-index: 2; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .blood-type-a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 65% 25%, rgba(220,40,20,0.55) 0%, rgba(200,35,15,0.4) 4%, transparent 7%), radial-gradient(circle at 30% 75%, rgba(210,35,18,0.45) 0%, rgba(190,30,12,0.3) 3%, transparent 6%), radial-gradient(circle at 85% 85%, rgba(230,45,22,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-type-b { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(ellipse at 40% 50%, rgba(120,20,12,0.65) 0%, rgba(100,15,8,0.45) 6%, transparent 10%), radial-gradient(circle at 75% 35%, rgba(130,22,14,0.5) 0%, rgba(110,18,10,0.35) 4%, transparent 7%), radial-gradient(circle at 20% 80%, rgba(115,18,10,0.4) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-type-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(ellipse at 55% 60%, rgba(190,35,18,0.5) 0%, rgba(170,28,14,0.35) 8%, transparent 12%), radial-gradient(circle at 80% 20%, rgba(200,38,20,0.4) 0%, transparent 6%), radial-gradient(ellipse at 25% 40%, rgba(180,30,15,0.35) 0%, transparent 8%); }&lt;br /&gt;&amp;#160; .blood-type-d { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 70% 70%, rgba(80,15,8,0.55) 0%, rgba(60,10,5,0.4) 5%, transparent 9%), radial-gradient(circle at 30% 25%, rgba(90,18,10,0.45) 0%, rgba(70,12,6,0.3) 4%, transparent 7%); }&lt;br /&gt;&amp;#160; .blood-type-e { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 45% 35%, rgba(235,50,25,0.6) 0%, rgba(215,40,18,0.45) 5%, transparent 9%), radial-gradient(circle at 60% 80%, rgba(225,45,22,0.5) 0%, rgba(205,35,16,0.35) 4%, transparent 7%), radial-gradient(circle at 15% 55%, rgba(240,55,28,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-type-f { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 50% 45%, rgba(180,32,16,0.55) 0%, rgba(160,25,12,0.4) 6%, transparent 10%), radial-gradient(circle at 25% 70%, rgba(200,38,20,0.45) 0%, rgba(180,30,14,0.3) 3%, transparent 6%), radial-gradient(ellipse at 80% 30%, rgba(140,22,11,0.5) 0%, rgba(120,18,8,0.35) 5%, transparent 8%), radial-gradient(circle at 10% 15%, rgba(210,42,22,0.3) 0%, transparent 4%); }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .blood-main-a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 35% 25%, rgba(220,40,20,0.55) 0%, rgba(200,35,15,0.4) 6%, transparent 10%), radial-gradient(circle at 70% 55%, rgba(210,38,18,0.45) 0%, rgba(190,32,14,0.35) 5%, transparent 8%), radial-gradient(circle at 25% 80%, rgba(230,45,22,0.4) 0%, rgba(210,38,16,0.3) 4%, transparent 7%); }&lt;br /&gt;&amp;#160; .blood-main-b { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(ellipse at 60% 30%, rgba(120,20,12,0.65) 0%, rgba(100,15,8,0.45) 7%, transparent 12%), radial-gradient(circle at 20% 65%, rgba(130,22,14,0.5) 0%, rgba(110,18,10,0.35) 4%, transparent 8%), radial-gradient(circle at 80% 80%, rgba(115,18,10,0.4) 0%, transparent 6%); }&lt;br /&gt;&amp;#160; .blood-main-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(ellipse at 40% 50%, rgba(190,35,18,0.55) 0%, rgba(170,28,14,0.4) 8%, transparent 13%), radial-gradient(circle at 75% 25%, rgba(200,38,20,0.45) 0%, rgba(180,30,15,0.3) 5%, transparent 8%), radial-gradient(ellipse at 55% 80%, rgba(185,32,16,0.35) 0%, transparent 6%); }&lt;br /&gt;&amp;#160; .blood-main-d { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 25% 35%, rgba(80,15,8,0.6) 0%, rgba(60,10,5,0.45) 6%, transparent 11%), radial-gradient(circle at 85% 70%, rgba(90,18,10,0.5) 0%, rgba(70,12,6,0.35) 5%, transparent 9%), radial-gradient(ellipse at 50% 20%, rgba(75,14,7,0.4) 0%, transparent 7%); }&lt;br /&gt;&amp;#160; .blood-main-e { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 55% 40%, rgba(235,50,25,0.6) 0%, rgba(215,40,18,0.45) 7%, transparent 12%), radial-gradient(circle at 30% 70%, rgba(225,45,22,0.5) 0%, rgba(205,35,16,0.35) 5%, transparent 9%), radial-gradient(circle at 80% 20%, rgba(240,55,28,0.4) 0%, transparent 6%), radial-gradient(ellipse at 15% 50%, rgba(220,42,20,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-main-f { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 45% 35%, rgba(180,32,16,0.55) 0%, rgba(160,25,12,0.4) 6%, transparent 10%), radial-gradient(circle at 70% 75%, rgba(200,38,20,0.45) 0%, rgba(180,30,14,0.35) 4%, transparent 7%), radial-gradient(ellipse at 25% 60%, rgba(140,22,11,0.5) 0%, rgba(120,18,8,0.35) 5%, transparent 9%), radial-gradient(circle at 85% 15%, rgba(210,42,22,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .grain-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: url(&#039;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot; viewBox=&amp;quot;0 0 200 200&amp;quot;&amp;gt;&amp;lt;filter id=&amp;quot;noise&amp;quot;&amp;gt;&amp;lt;feTurbulence type=&amp;quot;fractalNoise&amp;quot; baseFrequency=&amp;quot;0.9&amp;quot; numOctaves=&amp;quot;3&amp;quot; stitchTiles=&amp;quot;stitch&amp;quot;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;rect width=&amp;quot;100%&amp;quot; height=&amp;quot;100%&amp;quot; filter=&amp;quot;url(%23noise)&amp;quot; opacity=&amp;quot;0.08&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&#039;); background-repeat: repeat; background-size: 200px; border-radius: 9px; z-index: 4; mix-blend-mode: multiply; }&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const originalSrc = &amp;quot;https://i.pinimg.com/736x/38/7a/45/387a45dfad3390e9558684839fed1696.jpg&amp;quot;;&lt;br /&gt;&amp;#160; const mainPhoto = document.getElementById(&#039;mainPhoto&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const photo1 = document.getElementById(&#039;photo1&#039;);&lt;br /&gt;&amp;#160; const photo2 = document.getElementById(&#039;photo2&#039;);&lt;br /&gt;&amp;#160; const photo3 = document.getElementById(&#039;photo3&#039;);&lt;br /&gt;&amp;#160; const photo4 = document.getElementById(&#039;photo4&#039;);&lt;br /&gt;&amp;#160; const photo5 = document.getElementById(&#039;photo5&#039;);&lt;br /&gt;&amp;#160; const photo6 = document.getElementById(&#039;photo6&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const mainBlood1 = document.getElementById(&#039;mainBlood1&#039;);&lt;br /&gt;&amp;#160; const mainBlood2 = document.getElementById(&#039;mainBlood2&#039;);&lt;br /&gt;&amp;#160; const mainBlood3 = document.getElementById(&#039;mainBlood3&#039;);&lt;br /&gt;&amp;#160; const mainBlood4 = document.getElementById(&#039;mainBlood4&#039;);&lt;br /&gt;&amp;#160; const mainBlood5 = document.getElementById(&#039;mainBlood5&#039;);&lt;br /&gt;&amp;#160; const mainBlood6 = document.getElementById(&#039;mainBlood6&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function changeImage(newSrc, bloodType) {&lt;br /&gt;&amp;#160; &amp;#160; if (mainPhoto.src === newSrc) return;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; mainBlood1.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood2.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood3.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood4.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood5.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood6.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; if (bloodType === 1) mainBlood1.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 2) mainBlood2.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 3) mainBlood3.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 4) mainBlood4.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 5) mainBlood5.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 6) mainBlood6.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; mainPhoto.style.opacity = &#039;0.5&#039;;&lt;br /&gt;&amp;#160; &amp;#160; setTimeout(() =&amp;gt; {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; mainPhoto.src = newSrc;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; mainPhoto.style.opacity = &#039;1&#039;;&lt;br /&gt;&amp;#160; &amp;#160; }, 150);&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; if (photo1) photo1.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo1.querySelector(&#039;img&#039;).src, 1); });&lt;br /&gt;&amp;#160; if (photo2) photo2.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo2.querySelector(&#039;img&#039;).src, 2); });&lt;br /&gt;&amp;#160; if (photo3) photo3.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo3.querySelector(&#039;img&#039;).src, 3); });&lt;br /&gt;&amp;#160; if (photo4) photo4.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(originalSrc, 4); });&lt;br /&gt;&amp;#160; if (photo5) photo5.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo5.querySelector(&#039;img&#039;).src, 5); });&lt;br /&gt;&amp;#160; if (photo6) photo6.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo6.querySelector(&#039;img&#039;).src, 6); });&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;КАК У НАС ЗДЕСЬ ИГРАЮТ И ПРИНЯТО ВЗАИМОДЕЙСТВОВАТЬ ДРУГ С ДРУГОМ?&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;На форуме несколько систем ведения игры. Обо всех мы постепенно поговорим. Начнём с &lt;strong&gt;эпизодической системы&lt;/strong&gt;. Несмотря на то, что у нас эпизодическая система игры, она переняла в себя правила локационной игры и настольных игр. Что это значит?&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Во-первых&lt;/strong&gt;, мир вокруг — живой. Он является не безжизненными декорациями на сцене, а действительно существует вокруг твоего персонажа, может меняться из-за его решений или действий, реагировать на них, а может влиять и на твоего персонажа. Если ты играешь с мастером, то более чётко это сможешь ощутить, но так как игра с мастером не обязательна, то ты просто должен это учитывать в голове. И если, например, на твоего персонажа посреди белого дня нападают в толпе, кто-то обязательно среагирует, и тебе нужно это учитывать. Безусловно, если брать реалии нашего мира, то, к большому сожалению, порой толпа бездействует при каких-либо происшествиях. Однако это тоже реакция мира, поэтому и её ты можешь описать. Тут уже решать тебе, что хочется для персонажа больше — помощь из толпы (в которой, кстати, может быть персонаж другого игрока) либо бездействие толпы (тоже, кстати, среди них может быть персонаж другого игрока).&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Во-вторых&lt;/strong&gt;, в ваш с соигроком эпизод могут прийти другие персонажи, если вы их пригласите. При этом если в двух эпизодах отыгрывается реакция на одно и то же событие, в одном и том же дне и в один и тот же час, то при встрече можно смело писать, что вы были на одной стороне улицы, а персонажи других игроков — на другой, и даже могли видеть друг друга, но по каким-то причинам не подошли. Или как раз-таки подошли, чтобы устроить более масштабное взаимодействие.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В-третьих&lt;/strong&gt;, эпизоды являются не просто кусками из жизни персонажа, которые никак на него не влияют или не связаны друг с другом, а частями, из которых можно сложить единую картину. Это как с пазлом: кусок из другого пазла можно вставить, но общая картинка не получится. Можно переставить кусочек пазла в другое место, но там он будет смотреться неуместно. Поэтому не менее важна хронологическая последовательность эпизодов. Не торопись играть далёкое будущее, если в прошлом или настоящем у тебя есть события, которые могут кардинально перевернуть всё с ног на голову. Игра никуда не убежит, соигроки — тоже, а вернуть интерес к игре, если он вдруг пропал, можно очень разными способами. Главное, чтобы желание было, а всё остальное приложится.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В-четвёртых&lt;/strong&gt;, смерть персонажа — это не конец игры. Конец игры — это когда автор оставляет своего персонажа и больше не играет им. Это же справедливо и для конфликтных ситуаций. Если у персонажей возник конфликт, то он возник &lt;strong&gt;ИСКЛЮЧИТЕЛЬНО&lt;/strong&gt; у персонажей. Не переносите это на игроков. Игроки ни при чём. Конфликт — это не страшно. Любой конфликт — это развитие. А куда и в какую сторону — игра покажет. Доверяйте своим персонажам. Они живут в мире #барсука, им виднее. Мы тут, скорее, в роли наблюдателей и проводников, чем ведущих. Безусловно, неприятно, когда ожидания и действительность не сходятся, но не торопитесь с выводами. Нередко бывает так, что случившиеся изменения оказываются гораздо интереснее того, что ожидалось.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В-пятых&lt;/strong&gt;, все конфликты между игроками решаются словами через рот, диалогом. Что-то беспокоит, не нравится, хочется обсудить — пишите соигроку и обсуждайте. Умалчивание и обсуждение за спиной до добра не доводят, проблему не решают, а усугубляют. Учимся верить человеку на слово: как сказал — так и есть. Сказал, что всё ок? Значит, ок. Даже если у нас иная информация, открылся седьмой глаз Будды во лбу и мы умеем читать мысли. Принимаем как есть, анализируем, делаем выводы и решаем: надо оно нам, не надо, готовы мы в этом разбираться или нет. Другой человек — это другой человек. У него своя правда, свой мир. Даже если кажется, что говорите об одном и том же, вы можете вкладывать разный смысл. Если не получается найти точек соприкосновения, понимания, общего языка и принять друг друга, то незачем друг друга принуждать и что-то доказывать. Вам не по пути. И это нормально. В крайнем случае, к решению конфликта можно привлечь администрацию форума, если вы понимаете, что сами не справляетесь и вам нужно стороннее незаинтересованное лицо, чтобы помочь разобраться в сложившейся ситуации.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В-шестых&lt;/strong&gt;, если ты не обозначил свои потребности или проблемы — считаем, что их нет. Если у тебя есть потребность что-то обыграть или обсудить — приходишь к игроку и говоришь: «Мне н-нада». Игрок даёт тебе обратную связь: может он это дать, не может, в какие сроки и так далее. И дальше вы думаете, что со всем этим вы можете вместе сделать. К счастью, читать чужие мысли мы не умеем (и слава богу — мне там делать нечего, своих хватает), поэтому если тебе нужна какая-то игра для понимания или развития своего персонажа — обозначай это. Если тебе нужна игра непосредственно с Мастером Игры, то пиши по любому поводу и по любой игре, которая тебе нужна (даже если она тебе кажется дурацкой). Я здесь, в конце концов, исключительно ради этого и очень грущу, когда мне не с кем играть. Если тебе прям горит эта игра, ты всегда можешь это обозначить, и я найду время, чтобы хотя бы раз в день тебе отвечать. То же самое касается и проблем: есть проблема — говори. От того, что ты не расскажешь о своей проблеме, последствия всё равно будут, и не факт, что лучше, чем если бы ты эти проблемы обсудил и услышал точку зрения человека, с кем проблема есть.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В-седьмых&lt;/strong&gt;, никогда, ни при каких обстоятельствах, не мешайте ролевое и личное. Не переносите отношения персонажей на отношения между игроками. Ничего хорошего из этого не выходит. Не обязательно быть близкими людьми (друзьями, любовниками, хорошо общаться и знать всё друг о друге), чтобы хорошо играть отношения между персонажами. Персонажи — это персонажи, и то, как они строят отношения по игре, происходит между ними. Вам, как игрокам, не обязательно быть близкими. Достаточно просто проявлять уважение друг к другу и, например, спрашивать, есть ли у человека сейчас силы, желание, время поговорить об игре. И не забывать, что подобное должно быть и в твой адрес. Не обижайтесь, если человек сейчас не в ресурсе разделить с тобой эмоции по поводу игры. Это нормально. Мы живём в очень интересные времена, поэтому своё безопасное место, где нас принимают со всеми достоинствами и недостатками, мы можем построить только сами. Уважайте себя, любите себя, цените, но не забывайте проявлять подобное и по отношению к тем, с кем вы заняты общим хобби.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В-восьмых&lt;/strong&gt;, в поиске игры, связей между персонажами, обсуждении можно и нужно обсуждать все возникшие вопросы, писать о своих желаниях и так далее. В личном порядке это тоже можно делать. Можно задавать короткие вопросы друг другу и Мастеру Игры с целью понять, знает ваш персонаж ту или иную информацию или нет. То же самое справедливо и для глобальных эпизодов. Обсуждение эпизодов нужно в первую очередь для того, чтобы наладить коммуникацию между игроками, а также для лучшего понимания того, кто как ведёт и видит игру. Без обратной связи улучшить качество игры, а также сделать её комфортной для всех, попросту невозможно.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В-девятых&lt;/strong&gt;, мастер игры играет с игроком, а не против игрока. Он не противопоставляет себя игроку и не ставит целью его победить. Противостояние возможно (и это круто) между персонажами, но с игроками для этого воевать и ссориться не нужно.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В-десятых&lt;/strong&gt;, если тебе кажется, что всё сломалось и упало — это не так. Починить можно всегда и всё — было бы желание. К тому же «плохой» в моменте конец — это не всегда плохо, как и «хороший» в моменте по итогу не всегда хорошо. Держи это в уме и смело дерзай, пробуй, экспериментируй, ни в чём себе не отказывай, а что из этого получится — увидим вместе. Игра заканчивается только тогда, когда ты перестаёшь играть.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В-одиннадцатых&lt;/strong&gt;, обращай внимание на то, что пишут игроки и Мастер Игры в своих постах. Со всем, что только угодно, ты можешь повзаимодействовать, изучить, потрогать, спросить у другого персонажа, что это такое. Изучай, исследуй и заставляй работать не только свой собственный мозг, но и мозг другого игрока. Вместе думать над тем, что там блеснуло под занавеской и к чему может привести, если это поднять, гораздо интереснее.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В-двенадцатых&lt;/strong&gt;, я очень не люблю незавершённые истории. И не только я. Поэтому если ты решишь уйти, не описав, что именно станет с той или иной историей, или не вывел из истории своего персонажа, то именно твой авторский персонаж остаётся с тобой. Его использовать никто не будет. Однако если он важен для какого-то события или других персонажей, то будет создан персонаж по подобию и образу твоего. В силу того, что это будет творческое переосмысление (повторить и знать твой авторский уникальный стиль, а также нюансы, которые закладывал ты, никто не может), у нас выйдет другой персонаж с поклоном в твою сторону.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;В-тринадцатых&lt;/strong&gt;, вместо НПС у нас используется термин «массовка». Персонаж «массовки» является таким же полноценным персонажем, как и тот, на которого заведён отдельный аккаунт. Просто он используется под маской с основного аккаунта игрока.&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;СИСТЕМА РЕТРОГРАДНОГО МЕРКУРИЯ&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Ретроградный Меркурий&lt;/strong&gt; обозначает возможность вмешательства Мастера Игры в твой эпизод с другим игроком. Нулевое значение &amp;#9791; означает, что мастер обходит стороной ваш эпизод, а 5 &amp;#9791;&amp;#9791;&amp;#9791;&amp;#9791;&amp;#9791; — что он очень активно мешается вам под ногами и всячески к вам пристаёт. В общем, чем больше Меркурий, тем навязчивее Мастер Игры. При создании эпизода по системе Ретроградного Меркурия обязательно скидывай его в поиск игры, связи между персонажами, обсуждение с упоминанием в теме Мастера Игры, чтобы мастер мог прийти к вам в игру. Заодно ты можешь указать момент, с которого он может вмешиваться, чтобы не мешать логике взаимодействия между вашими персонажами. Если тебе не нужно участие Мастера Игры в эпизоде, то просто удали из шаблона эпизода верхнюю часть (до кода, в который вставляется картинка).&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;СТИЛЬ ВЕДЕНИЯ ИГРЫ&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Вариативный&lt;/strong&gt; — события в игре строятся на ходу, то есть мастер задаёт тебе проблему, а ты её как-то решаешь своим персонажем, и из этого вытекает следующее событие. При вариативном ведении игры все результаты засчитываются в пользу игрока, и историю, по факту, полностью пишет он сам.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Линейный&lt;/strong&gt; — если ты думаешь, что это самый простой способ для мастера вести игру, то ты ошибаешься. Во-первых, твой персонаж (и ты сам) можешь отказаться от того, что предлагает мастер. И это не будет нарушением с твоей стороны, потому что помни золотое правило: если твоего персонажа приняли в игру, то он подходит логике мира. Следовательно, единственная логика, которой тебе необходимо придерживаться, — это логика твоего персонажа. А о логике твоего персонажа и причинах его тех или иных поступков знать можешь только ты. И именно поэтому перед Мастером Игры стоит непростая задача: ему надо всеми правдами и неправдами привести твоего персонажа из точки А в точку Б. А когда ты хочешь, чтобы кто-то что-то сделал, как тебе надо, сделай так, чтобы он сам этого захотел. Вот пусть и ломает себе голову, а вы с персонажем развлекайтесь на полную и получайте удовольствие.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Выбор&lt;/strong&gt; — это система, при которой персонажу в ходе игры даётся возможность сделать выбор в пользу чего-то. Такие выборы могут встречаться по пути к цели и у самой цели. Выборов может быть больше, чем один: два, три… много. Более того, если ты придумаешь какой-то свой интересный вариант из тех, которые можно выбрать, мастер выберет то, что предложил ты. Все персонажи разные, поэтому как твой персонаж может ничего не выбирать (и это тоже будет выбором), так и другие персонажи могут быть терпеливее и охотно ответят на все вопросы, а могут быть ужасно нетерпеливыми и отвечать ни на что не станут, откажутся от собственного же предложения и вообще уйдут. Это нормально. Не стоит из-за этого огорчаться, ведь если где-то закрылась одна дверь, то обязательно откроется другая. К тому же, если персонажам кровь из носу надо заполучить какие-то взаимодействия друг с другом, они найдут способы это взаимодействие получить. Поэтому не переживай. Всё так или иначе решится.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Кубики&lt;/strong&gt; — у нас это не основная механика, которой мы пользуемся. Однако время от времени мы к ней прибегаем и получаются довольно забавные результаты, но системой мы не злоупотребляем, делая основной упор на то, что каждый персонаж добивается результата благодаря своим навыкам и характеристикам. Не в прямом смысле, а действиями, словами, поступками, наблюдательностью и вот этим всем.&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;ЧАША ВЕСОВ&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;Прежде всего хочу сразу сказать: учитывать &lt;strong&gt;Чашу весов&lt;/strong&gt; или нет — решать тебе. Да-да, как и с Меркурием. Ты сам решаешь, надо оно тебе или нет.&lt;/p&gt;
						&lt;p&gt;При старте игры Чаша весов находится в равновесии. Это значит, что на твою удачу и события в жизни ничего не влияет извне. Тебе либо везёт, либо нет, и насколько — решаешь исключительно сам.&lt;/p&gt;
						&lt;p&gt;Чаша весов существует с одной целью — разнообразить игру и ввести усложнения или облегчения для персонажа в его делах.&lt;/p&gt;
						&lt;p&gt;При низком уровне кармы у персонажа всё валится из рук, с ним чаще случаются неприятности: сгоревший чайник, упавший на пол телефон, его обольёт мимо проезжающая машина, он опоздает на свой транспорт, его уволят с работы и так далее.&lt;/p&gt;
						&lt;p&gt;При высоком уровне кармы персонажу, напротив, будет всячески везти, и все его дела будут ладиться.&lt;/p&gt;
						&lt;p&gt;На уровень кармы влияют хорошие и плохие поступки. Если ты пнул котёнка — это понижает твой уровень кармы. Если подобрал его и нашёл ему хорошие руки или отправил в приют для животных — повышается.&lt;/p&gt;
						&lt;p&gt;Отыгрывать последствия перевеса Чаши весов ты будешь сам, в тот период жизни персонажа, когда тебе удобно. Есть вариант, при котором ты перекладываешь это на плечи Мастера Игры.&lt;/p&gt;
						&lt;p&gt;Чтобы попросить изменить себе уровень Чаши весов и чтобы мастер подкинул тебе неприятностей или, наоборот, приятностей, которые так или иначе повлияют на твоего персонажа и его мировоззрение (а порой и нет, ибо не на всяком опыте мы учимся), обращайся в &lt;a href=&quot;https://badger.rolevaya.ru/viewtopic.php?id=19#p82&quot;&gt;Поиск игры, связей между персонажами, обсуждение&lt;/a&gt;.&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;СИСТЕМА ВИЗУАЛЬНЫХ ПОДСКАЗОК&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Система визуальных подсказок&lt;/strong&gt; — это интерактивная система, как в компьютерных играх, когда тебе в уголку экрана ненавязчиво всплывает подсказка. Это происходит не всегда и не везде, но иногда в игре с Мастером Игры ты можешь наткнуться на следующие опознавательные знаки:&lt;/p&gt;&lt;ul style=&quot;list-style: disc&quot;&gt;&lt;li&gt;&lt;p&gt;&amp;#128269; — в руки твоему персонажу попала важная улика.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&amp;#129504; — твой персонаж додумался до какой-то ключевой информации.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&amp;#128173; — возможность разговорить персонажа.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&amp;#128065;&amp;#65039;&amp;#8205;&amp;#128488;&amp;#65039; — твой персонаж оказался достаточно внимательным, чтобы заметить что-то важное.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&amp;#8987; — время на реакцию твоего персонажа ограничено.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;&amp;#128302; — твой персонаж ощущает мистическое воздействие.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;
						&lt;p&gt;При наведении на ту или иную подсказку можно узнать подробности того, что было открыто и/или найдено твоим персонажем. Пользоваться данной подсказкой или нет — твой выбор, как именно — тоже.&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;РАЗНИЦА МЕЖДУ ЛИЧНЫМИ И ГЛОБАЛЬНЫМИ (СЮЖЕТНЫМИ) ЭПИЗОДАМИ&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;Если мы обратимся к классике, то есть к литературе, то узнаем о таком дивном явлении, как конфликт. &lt;strong&gt;Конфликт&lt;/strong&gt; — это столкновение противоположных взглядов действующих лиц в художественных произведениях. Он является движущей силой сюжета. Нам интересен этот термин с той точки зрения, что он двигает сюжет. Сюжет бывает &lt;strong&gt;глобальным&lt;/strong&gt; (то, что происходит в мире и вокруг персонажа) и &lt;strong&gt;личным&lt;/strong&gt; (то, что происходит с персонажем непосредственно или внутри него). Соответственно, участие в глобальных сюжетах &lt;strong&gt;необязательно&lt;/strong&gt;, оно происходит по желанию.&lt;/p&gt;
						&lt;p&gt;Начиная с &lt;strong&gt;19 января 2026 г.&lt;/strong&gt;, несмотря на то что участие в глобальных эпизодах — дело добровольное, если в течение &lt;strong&gt;90 дней&lt;/strong&gt; на ту или иную новость в глобальных квестах реакции со стороны игроков не было (то есть они не начали играть по этим событиям с мастером), событие развивается дальше в ту сторону, которая удобна мастеру. Данный порядок был введён для того, чтобы мир и окружение в нём были действительно живыми, а происходящие события учитывались персонажами, так как события могут происходить на соседней с ними улице и могут довольно сильно их впечатлить. Данное правило справедливо и для некоторых личных эпизодов, поэтому будьте внимательны не только к своим персонажам, но и к персонажам других игроков. Взаимное уважение всегда идёт только на пользу!&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Wed, 22 Apr 2026 03:58:29 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=37709#p37709</guid>
		</item>
		<item>
			<title>Непосредственно о мире и что он из себя представляет</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=37721#p37721</link>
			<description>&lt;p&gt;[html]&amp;lt;div style=&amp;quot;position: relative; width: 600px; margin: 80px auto 100px auto;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 600px; margin: 0 auto;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;!-- ФОТО 1: СНИЗУ-СЛЕВА --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo1&amp;quot; style=&amp;quot;position: absolute; bottom: -55px; left: 20px; width: 110px; height: 110px; z-index: 15; cursor: pointer; transform: rotate(-14deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/1200x/52/42/50/524250b662acff78cd4a164af5f260bd.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-a&amp;quot;&amp;gt;&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;!-- ФОТО 2: СНИЗУ-ПО-ЦЕНТРУ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo2&amp;quot; style=&amp;quot;position: absolute; bottom: -25px; left: 240px; width: 120px; height: 120px; z-index: 15; cursor: pointer; transform: rotate(6deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/df/5f/c6/df5fc64b316b249b5efdd54d9c2c7a53.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-b&amp;quot;&amp;gt;&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;!-- ФОТО 3: СВЕРХУ-СПРАВА --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo3&amp;quot; style=&amp;quot;position: absolute; top: -60px; right: 30px; width: 105px; height: 105px; z-index: 15; cursor: pointer; transform: rotate(18deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/1200x/5d/b0/60/5db060d9783d695ef6d70c7322413b84.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-c&amp;quot;&amp;gt;&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;!-- ФОТО 4: СВЕРХУ-СЛЕВА (ВОЗВРАЩАЕТ ИСХОДНУЮ КАРТИНКУ) --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo4&amp;quot; style=&amp;quot;position: absolute; top: -35px; left: 100px; width: 95px; height: 95px; z-index: 15; cursor: pointer; transform: rotate(-22deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ ГЛАВНУЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/71/8d/5e/718d5e8fc6e669f6c27ec4e6b0b8d08a.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-d&amp;quot;&amp;gt;&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;!-- ФОТО 5: СНИЗУ-СПРАВА --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo5&amp;quot; style=&amp;quot;position: absolute; bottom: -70px; right: 80px; width: 115px; height: 115px; z-index: 15; cursor: pointer; transform: rotate(25deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/d0/3f/3d/d03f3d84dd06ff734656f72e09136349.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-e&amp;quot;&amp;gt;&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;!-- ФОТО 6: СВЕРХУ-ПО-ЦЕНТРУ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo6&amp;quot; style=&amp;quot;position: absolute; top: -30px; left: 170px; width: 100px; height: 100px; z-index: 15; cursor: pointer; transform: rotate(-10deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/8b/0f/77/8b0f77c59cfd90dd193eda9f59e00eed.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-f&amp;quot;&amp;gt;&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;!-- ОСНОВНАЯ ФОТОГРАФИЯ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainWrapper&amp;quot; style=&amp;quot;position: relative; z-index: 20; transform: rotate(1deg); transition: transform 0.8s ease-out; display: inline-block;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #9a8b7a; border-radius: 14px; padding: 4px; box-shadow: 0 0 0 1px #7a6b5a, inset 0 0 0 1px #b8a99a;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #c0c0c0; border-radius: 10px; padding: 1px; box-shadow: inset 0 0 0 1px #e8e8e8, inset 0 0 3px rgba(0,0,0,0.15);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; overflow: hidden; border-radius: 9px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ ГЛАВНУЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img id=&amp;quot;mainPhoto&amp;quot; src=&amp;quot;https://i.pinimg.com/736x/71/8d/5e/718d5e8fc6e669f6c27ec4e6b0b8d08a.jpg&amp;quot; width=&amp;quot;600&amp;quot; height=&amp;quot;250&amp;quot; style=&amp;quot;width: 600px; height: 250px; display: block; object-fit: cover; filter: sepia(0.5) contrast(1.18) brightness(0.92) saturate(0.9); transition: opacity 0.3s ease;&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;scratch-overlay-main&amp;quot;&amp;gt;&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;stain-overlay-main&amp;quot;&amp;gt;&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;grain-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood1&amp;quot; class=&amp;quot;blood-main-a&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood2&amp;quot; class=&amp;quot;blood-main-b&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood3&amp;quot; class=&amp;quot;blood-main-c&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood4&amp;quot; class=&amp;quot;blood-main-d&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood5&amp;quot; class=&amp;quot;blood-main-e&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood6&amp;quot; class=&amp;quot;blood-main-f&amp;quot; style=&amp;quot;display: none;&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&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;br /&gt;&amp;#160; &amp;#160; &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;style&amp;gt;&lt;br /&gt;&amp;#160; #photo1, #photo2, #photo3, #photo4, #photo5, #photo6 { transition: transform 0.8s ease-out; }&lt;br /&gt;&amp;#160; #photo1:hover, #photo2:hover, #photo3:hover, #photo4:hover, #photo5:hover, #photo6:hover { transform: rotate(0deg) scale(1.08) !important; z-index: 30 !important; }&lt;br /&gt;&amp;#160; #mainWrapper { transition: transform 0.8s ease-out; }&lt;br /&gt;&amp;#160; #mainWrapper:hover { transform: rotate(0deg) scale(1.05) !important; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .scratch-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 5px); border-radius: 8px; z-index: 2; }&lt;br /&gt;&amp;#160; .scratch-overlay-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.07) 2px, rgba(0,0,0,0.07) 5px), repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(80,60,40,0.06) 3px, rgba(80,60,40,0.06) 7px); border-radius: 9px; z-index: 2; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .stain-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: radial-gradient(circle at 20% 30%, rgba(160,120,80,0.18) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(100,70,40,0.14) 0%, transparent 60%); border-radius: 8px; z-index: 2; }&lt;br /&gt;&amp;#160; .stain-overlay-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: radial-gradient(ellipse at 15% 25%, rgba(160,130,95,0.15) 0%, transparent 40%), radial-gradient(ellipse at 85% 70%, rgba(110,85,60,0.12) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(180,155,125,0.08) 0%, transparent 70%); border-radius: 9px; z-index: 2; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .blood-type-a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 65% 25%, rgba(220,40,20,0.55) 0%, rgba(200,35,15,0.4) 4%, transparent 7%), radial-gradient(circle at 30% 75%, rgba(210,35,18,0.45) 0%, rgba(190,30,12,0.3) 3%, transparent 6%), radial-gradient(circle at 85% 85%, rgba(230,45,22,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-type-b { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(ellipse at 40% 50%, rgba(120,20,12,0.65) 0%, rgba(100,15,8,0.45) 6%, transparent 10%), radial-gradient(circle at 75% 35%, rgba(130,22,14,0.5) 0%, rgba(110,18,10,0.35) 4%, transparent 7%), radial-gradient(circle at 20% 80%, rgba(115,18,10,0.4) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-type-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(ellipse at 55% 60%, rgba(190,35,18,0.5) 0%, rgba(170,28,14,0.35) 8%, transparent 12%), radial-gradient(circle at 80% 20%, rgba(200,38,20,0.4) 0%, transparent 6%), radial-gradient(ellipse at 25% 40%, rgba(180,30,15,0.35) 0%, transparent 8%); }&lt;br /&gt;&amp;#160; .blood-type-d { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 70% 70%, rgba(80,15,8,0.55) 0%, rgba(60,10,5,0.4) 5%, transparent 9%), radial-gradient(circle at 30% 25%, rgba(90,18,10,0.45) 0%, rgba(70,12,6,0.3) 4%, transparent 7%); }&lt;br /&gt;&amp;#160; .blood-type-e { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 45% 35%, rgba(235,50,25,0.6) 0%, rgba(215,40,18,0.45) 5%, transparent 9%), radial-gradient(circle at 60% 80%, rgba(225,45,22,0.5) 0%, rgba(205,35,16,0.35) 4%, transparent 7%), radial-gradient(circle at 15% 55%, rgba(240,55,28,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-type-f { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 50% 45%, rgba(180,32,16,0.55) 0%, rgba(160,25,12,0.4) 6%, transparent 10%), radial-gradient(circle at 25% 70%, rgba(200,38,20,0.45) 0%, rgba(180,30,14,0.3) 3%, transparent 6%), radial-gradient(ellipse at 80% 30%, rgba(140,22,11,0.5) 0%, rgba(120,18,8,0.35) 5%, transparent 8%), radial-gradient(circle at 10% 15%, rgba(210,42,22,0.3) 0%, transparent 4%); }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .blood-main-a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 35% 25%, rgba(220,40,20,0.55) 0%, rgba(200,35,15,0.4) 6%, transparent 10%), radial-gradient(circle at 70% 55%, rgba(210,38,18,0.45) 0%, rgba(190,32,14,0.35) 5%, transparent 8%), radial-gradient(circle at 25% 80%, rgba(230,45,22,0.4) 0%, rgba(210,38,16,0.3) 4%, transparent 7%); }&lt;br /&gt;&amp;#160; .blood-main-b { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(ellipse at 60% 30%, rgba(120,20,12,0.65) 0%, rgba(100,15,8,0.45) 7%, transparent 12%), radial-gradient(circle at 20% 65%, rgba(130,22,14,0.5) 0%, rgba(110,18,10,0.35) 4%, transparent 8%), radial-gradient(circle at 80% 80%, rgba(115,18,10,0.4) 0%, transparent 6%); }&lt;br /&gt;&amp;#160; .blood-main-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(ellipse at 40% 50%, rgba(190,35,18,0.55) 0%, rgba(170,28,14,0.4) 8%, transparent 13%), radial-gradient(circle at 75% 25%, rgba(200,38,20,0.45) 0%, rgba(180,30,15,0.3) 5%, transparent 8%), radial-gradient(ellipse at 55% 80%, rgba(185,32,16,0.35) 0%, transparent 6%); }&lt;br /&gt;&amp;#160; .blood-main-d { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 25% 35%, rgba(80,15,8,0.6) 0%, rgba(60,10,5,0.45) 6%, transparent 11%), radial-gradient(circle at 85% 70%, rgba(90,18,10,0.5) 0%, rgba(70,12,6,0.35) 5%, transparent 9%), radial-gradient(ellipse at 50% 20%, rgba(75,14,7,0.4) 0%, transparent 7%); }&lt;br /&gt;&amp;#160; .blood-main-e { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 55% 40%, rgba(235,50,25,0.6) 0%, rgba(215,40,18,0.45) 7%, transparent 12%), radial-gradient(circle at 30% 70%, rgba(225,45,22,0.5) 0%, rgba(205,35,16,0.35) 5%, transparent 9%), radial-gradient(circle at 80% 20%, rgba(240,55,28,0.4) 0%, transparent 6%), radial-gradient(ellipse at 15% 50%, rgba(220,42,20,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-main-f { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 45% 35%, rgba(180,32,16,0.55) 0%, rgba(160,25,12,0.4) 6%, transparent 10%), radial-gradient(circle at 70% 75%, rgba(200,38,20,0.45) 0%, rgba(180,30,14,0.35) 4%, transparent 7%), radial-gradient(ellipse at 25% 60%, rgba(140,22,11,0.5) 0%, rgba(120,18,8,0.35) 5%, transparent 9%), radial-gradient(circle at 85% 15%, rgba(210,42,22,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .grain-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: url(&#039;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot; viewBox=&amp;quot;0 0 200 200&amp;quot;&amp;gt;&amp;lt;filter id=&amp;quot;noise&amp;quot;&amp;gt;&amp;lt;feTurbulence type=&amp;quot;fractalNoise&amp;quot; baseFrequency=&amp;quot;0.9&amp;quot; numOctaves=&amp;quot;3&amp;quot; stitchTiles=&amp;quot;stitch&amp;quot;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;rect width=&amp;quot;100%&amp;quot; height=&amp;quot;100%&amp;quot; filter=&amp;quot;url(%23noise)&amp;quot; opacity=&amp;quot;0.08&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&#039;); background-repeat: repeat; background-size: 200px; border-radius: 9px; z-index: 4; mix-blend-mode: multiply; }&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ ГЛАВНУЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const originalSrc = &amp;quot;https://i.pinimg.com/736x/71/8d/5e/718d5e8fc6e669f6c27ec4e6b0b8d08a.jpg&amp;quot;;&lt;br /&gt;&amp;#160; const mainPhoto = document.getElementById(&#039;mainPhoto&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const photo1 = document.getElementById(&#039;photo1&#039;);&lt;br /&gt;&amp;#160; const photo2 = document.getElementById(&#039;photo2&#039;);&lt;br /&gt;&amp;#160; const photo3 = document.getElementById(&#039;photo3&#039;);&lt;br /&gt;&amp;#160; const photo4 = document.getElementById(&#039;photo4&#039;);&lt;br /&gt;&amp;#160; const photo5 = document.getElementById(&#039;photo5&#039;);&lt;br /&gt;&amp;#160; const photo6 = document.getElementById(&#039;photo6&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const mainBlood1 = document.getElementById(&#039;mainBlood1&#039;);&lt;br /&gt;&amp;#160; const mainBlood2 = document.getElementById(&#039;mainBlood2&#039;);&lt;br /&gt;&amp;#160; const mainBlood3 = document.getElementById(&#039;mainBlood3&#039;);&lt;br /&gt;&amp;#160; const mainBlood4 = document.getElementById(&#039;mainBlood4&#039;);&lt;br /&gt;&amp;#160; const mainBlood5 = document.getElementById(&#039;mainBlood5&#039;);&lt;br /&gt;&amp;#160; const mainBlood6 = document.getElementById(&#039;mainBlood6&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function changeImage(newSrc, bloodType) {&lt;br /&gt;&amp;#160; &amp;#160; if (mainPhoto.src === newSrc) return;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; mainBlood1.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood2.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood3.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood4.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood5.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood6.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; if (bloodType === 1) mainBlood1.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 2) mainBlood2.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 3) mainBlood3.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 4) mainBlood4.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 5) mainBlood5.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 6) mainBlood6.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; mainPhoto.style.opacity = &#039;0.5&#039;;&lt;br /&gt;&amp;#160; &amp;#160; setTimeout(() =&amp;gt; {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; mainPhoto.src = newSrc;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; mainPhoto.style.opacity = &#039;1&#039;;&lt;br /&gt;&amp;#160; &amp;#160; }, 150);&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; if (photo1) photo1.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo1.querySelector(&#039;img&#039;).src, 1); });&lt;br /&gt;&amp;#160; if (photo2) photo2.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo2.querySelector(&#039;img&#039;).src, 2); });&lt;br /&gt;&amp;#160; if (photo3) photo3.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo3.querySelector(&#039;img&#039;).src, 3); });&lt;br /&gt;&amp;#160; if (photo4) photo4.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(originalSrc, 4); });&lt;br /&gt;&amp;#160; if (photo5) photo5.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo5.querySelector(&#039;img&#039;).src, 5); });&lt;br /&gt;&amp;#160; if (photo6) photo6.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo6.querySelector(&#039;img&#039;).src, 6); });&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;КОРЕННЫЕ ЖИТЕЛИ #БАРСУКА&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Оборотни&lt;/strong&gt; -&amp;#160; это люди, заражённые проклятой звериной кровью, попадающие под влияние неутолимого голода и жажды охоты. В отличие от перевёртышей, они превращаются в антропоморфных прямоходящих волкоподобных (реже медведеподобных) существ. При превращении в зверя тело видоизменяется: рвётся кожа, тело покрывается шерстью, конечности увеличиваются в размерах и видоизменяются, а лицо превращается в морду. Этот процесс крайне болезненный и неприятный, однако не такой травматичный, как у перевёртышей.&lt;/p&gt;
						&lt;p&gt;Оборотни &lt;strong&gt;зависимы от лунного цикла&lt;/strong&gt;. В полнолуние они утрачивают человечность и всякий контроль над собой, обращаясь в диких зверей, ведомых единственным инстинктом — неутолимым голодом. Волкоподобные оборотни чаще всего сбиваются в стаи. «Своих» они чувствуют нутром. Медведеподобные чаще всего являются одиночками. В стае у оборотней существует своя строгая иерархия. &lt;/p&gt;
						&lt;p&gt;Заражение происходит через укус.&lt;/p&gt;
						&lt;p&gt;Оборотни подвержены всем болезням, что и обычные звери. Они уязвимы к серебру, особенно освящённому. Выносливы, ловки, хитры и осторожны. Они являются действительно опасными противниками даже в человеческом облике. После гибели в звериной форме тело возвращается к своему истинному облику — человеческому.&lt;/p&gt;
						&lt;p&gt;Известно, что помимо одиночек, стай и прочих оборотней, которые о себе не заявили, существуют:&lt;br /&gt; - &lt;strong&gt;оборотни Хирсина&lt;/strong&gt; (более «миролюбивые», у них лучше контроль над зверем внутри даже в полнолуние);&lt;br /&gt; - &lt;strong&gt;оборотни Церкви Святого Франциска&lt;/strong&gt; (более кровожадны, не заботятся о контроле, отдаваясь полностью зову проклятой крови и голоду).&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Перевёртыши&lt;/strong&gt; — это люди, научившиеся принимать обличье зверей, птиц, пресмыкающихся. В отличие от оборотней, они превращаются по своей воле. По сути, это люди, которые носят в себе столько душ, сколько обликов имеют. Могут практиковать ворожбу, но для них это необязательное условие.&lt;/p&gt;
						&lt;p&gt;Первый свой облик они получают, проходя &lt;strong&gt;через обряд инициации&lt;/strong&gt;. &lt;/p&gt;
						&lt;p&gt;Это довольно опасный обряд: в нём &lt;strong&gt;высок риск смерти&lt;/strong&gt; от болевого шока или кровопотери, так как перевёртышу необходимо выпустить из себя душу животного и придать своему физическому телу её облик. Для этого необходимо открыть доступ душе из тела — соответственно, через живот, грудную клетку или спину. &lt;/p&gt;
						&lt;p&gt;В дальнейшем процесс обращения становится менее болезненным, но стоит понимать, что процесс перевоплощения выворачивает человека наизнанку, меняет его тело и мышление на те, чью форму он принимает. Немаловажен и тот факт, что чем дольше человек находится в облике зверя, тем меньше у него остаётся человеческого сознания, а значит, появляется риск навсегда остаться в животном теле. При гибели перевёртыши не становятся обратно людьми.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Вампиры&lt;/strong&gt; - это биологический вид, отличный от человеческого, однако способный давать совместное потомство с людьми.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Более древние вампиры&lt;/strong&gt; не переносят солнечный свет, имеют ярко выраженные клыки, более бледный, аристократический вид по сравнению со своими более поздними потомками. Вампиры современности не боятся солнечного света, хотя и не очень его любят, предпочитая тёмное время суток. Их клыки не так выражены: для того чтобы добраться до крови, им приходится кусать намного глубже, а порой требуется прибегать к подручным средствам вроде ножей. Они уязвимы перед серебром, особенно освящённым. Более сильны и выносливы, способны очаровывать и внушать нужные им чувства, расслаблять. Для поддержания жизни им необходимо пить человеческую кровь.&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Вампиром нельзя стать — им можно только родиться.&lt;/strong&gt; &lt;/p&gt;
						&lt;p&gt;Размножаются вампиры так же, как и люди: нужны особи противоположного пола, беременность длится девять месяцев. Вампиры-мужчины способны оплодотворить девушку-человека, а вампиры-девушки способны забеременеть от мужчины-человека. Девушка-вампир или девушка-человек, которая забеременела от вампира, всегда погибает в родах. Девушка-человек во время беременности находится под непреодолимыми чарами любви и влечения к вампиру, от которого беременна, и будет беспрекословно следовать за ним по пятам.&lt;/p&gt;
						&lt;p&gt;Вампиры не стареют, сами выбирают «облик», могут впадать в подобие летаргического сна, чтобы переждать «голодное время».&lt;/p&gt;
						&lt;p&gt;Убить вампира можно либо ударом серебряного клинка в сердце, либо в висок, либо отсечь голову. Иными способами их убить невозможно, даже если после ранения они не будут подавать признаков жизни некоторое время. Вампиры способны отращивать утерянные конечности.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Wed, 22 Apr 2026 03:58:22 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=37721#p37721</guid>
		</item>
		<item>
			<title>Места</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=26489#p26489</link>
			<description>&lt;p&gt;[html]&amp;lt;div style=&amp;quot;position: relative; width: 600px; margin: 50px auto;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; &amp;lt;!-- ОСНОВНАЯ ФОТОГРАФИЯ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;div style=&amp;quot;position: relative; z-index: 10; display: inline-block; width: 100%; transform: rotate(-0.5deg);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #9a8b7a; border-radius: 14px; padding: 4px; box-shadow: 0 0 0 1px #7a6b5a, inset 0 0 0 1px #b8a99a;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #c0c0c0; border-radius: 10px; padding: 1px; box-shadow: inset 0 0 0 1px #e8e8e8, inset 0 0 3px rgba(0,0,0,0.15);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; overflow: hidden; border-radius: 9px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/f9/7e/2f/f97e2f5a13be91bb2f47b8a5127bcd11.jpg&amp;quot; width=&amp;quot;600&amp;quot; height=&amp;quot;250&amp;quot; style=&amp;quot;width: 600px; height: 250px; display: block; object-fit: cover; filter: sepia(0.35) contrast(1.1) brightness(0.96); border-radius: 9px;&amp;quot;&amp;gt;&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; &amp;lt;div class=&amp;quot;scratch-overlay-main&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;stain-overlay-main&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;grain-overlay-main&amp;quot;&amp;gt;&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;br /&gt;&amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&amp;#160; /* ЦАРАПИНЫ (основное фото) */&lt;br /&gt;&amp;#160; .scratch-overlay-main {&lt;br /&gt;&amp;#160; &amp;#160; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.05) 2px, rgba(0,0,0,0.05) 5px),&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(80,60,40,0.04) 3px, rgba(80,60,40,0.04) 7px);&lt;br /&gt;&amp;#160; &amp;#160; border-radius: 9px; z-index: 2;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; /* ПЯТНА (основное фото) */&lt;br /&gt;&amp;#160; .stain-overlay-main {&lt;br /&gt;&amp;#160; &amp;#160; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; background: radial-gradient(ellipse at 15% 25%, rgba(160,130,95,0.1) 0%, transparent 40%),&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; radial-gradient(ellipse at 85% 70%, rgba(110,85,60,0.08) 0%, transparent 50%),&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; radial-gradient(circle at 50% 50%, rgba(180,155,125,0.05) 0%, transparent 70%);&lt;br /&gt;&amp;#160; &amp;#160; border-radius: 9px; z-index: 2;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; /* ЗЕРНИСТОСТЬ (основное фото) */&lt;br /&gt;&amp;#160; .grain-overlay-main {&lt;br /&gt;&amp;#160; &amp;#160; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; background-image: url(&#039;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot; viewBox=&amp;quot;0 0 200 200&amp;quot;&amp;gt;&amp;lt;filter id=&amp;quot;noise&amp;quot;&amp;gt;&amp;lt;feTurbulence type=&amp;quot;fractalNoise&amp;quot; baseFrequency=&amp;quot;0.9&amp;quot; numOctaves=&amp;quot;3&amp;quot; stitchTiles=&amp;quot;stitch&amp;quot;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;rect width=&amp;quot;100%&amp;quot; height=&amp;quot;100%&amp;quot; filter=&amp;quot;url(%23noise)&amp;quot; opacity=&amp;quot;0.04&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&#039;);&lt;br /&gt;&amp;#160; &amp;#160; background-repeat: repeat; background-size: 200px; border-radius: 9px; z-index: 3; mix-blend-mode: multiply;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;lt;/style&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;«Красная Зона»&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;20&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;СОДРУЖЕСТВО США - ЧАРЛСТОН&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;«Красная Зона» — это стрип-караоке-бар.&lt;/p&gt;
						&lt;p&gt;«Таро и судьба говорят подниматься тебе наверх!» — вот такой слоган располагается на визитках клуба. Лерой любит символизм, но не слишком в него упарывается. Это скорее шутка, потому что у бара нет второго этажа и никогда не было.&lt;/p&gt;
						&lt;p&gt;Бар располагается напротив пляжа. Перейдёшь дорогу — и вот тебе океан. Место довольно популярное. Три дня в неделю здесь выступают мальчики, три дня — девочки. В среду — выступления смешанные.&lt;/p&gt;
						&lt;p&gt;За пределами бара девочки и мальчики сами за себя отвечают, но вот в доме… их никто и пальцем против их воли тронуть не может. В «Красной Зоне» сбываются самые сокровенные мечты, если знать, как правильно их загадать.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Wed, 22 Apr 2026 03:56:01 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=26489#p26489</guid>
		</item>
		<item>
			<title>Бестиарий</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=106#p106</link>
			<description>&lt;p&gt;[html]&amp;lt;div style=&amp;quot;position: relative; width: 600px; margin: 50px auto;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; &amp;lt;!-- ОСНОВНАЯ ФОТОГРАФИЯ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;div style=&amp;quot;position: relative; z-index: 10; display: inline-block; width: 100%; transform: rotate(-0.5deg);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #9a8b7a; border-radius: 14px; padding: 4px; box-shadow: 0 0 0 1px #7a6b5a, inset 0 0 0 1px #b8a99a;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #c0c0c0; border-radius: 10px; padding: 1px; box-shadow: inset 0 0 0 1px #e8e8e8, inset 0 0 3px rgba(0,0,0,0.15);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; overflow: hidden; border-radius: 9px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/1200x/b1/89/98/b1899856a56d98c1b3751484c9f54401.jpg&amp;quot; width=&amp;quot;600&amp;quot; height=&amp;quot;250&amp;quot; style=&amp;quot;width: 600px; height: 250px; display: block; object-fit: cover; filter: sepia(0.35) contrast(1.1) brightness(0.96); border-radius: 9px;&amp;quot;&amp;gt;&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; &amp;lt;div class=&amp;quot;scratch-overlay-main&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;stain-overlay-main&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;grain-overlay-main&amp;quot;&amp;gt;&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;br /&gt;&amp;#160; &amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;lt;/div&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;style&amp;gt;&lt;br /&gt;&amp;#160; /* ЦАРАПИНЫ (основное фото) */&lt;br /&gt;&amp;#160; .scratch-overlay-main {&lt;br /&gt;&amp;#160; &amp;#160; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.05) 2px, rgba(0,0,0,0.05) 5px),&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(80,60,40,0.04) 3px, rgba(80,60,40,0.04) 7px);&lt;br /&gt;&amp;#160; &amp;#160; border-radius: 9px; z-index: 2;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; /* ПЯТНА (основное фото) */&lt;br /&gt;&amp;#160; .stain-overlay-main {&lt;br /&gt;&amp;#160; &amp;#160; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; background: radial-gradient(ellipse at 15% 25%, rgba(160,130,95,0.1) 0%, transparent 40%),&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; radial-gradient(ellipse at 85% 70%, rgba(110,85,60,0.08) 0%, transparent 50%),&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; radial-gradient(circle at 50% 50%, rgba(180,155,125,0.05) 0%, transparent 70%);&lt;br /&gt;&amp;#160; &amp;#160; border-radius: 9px; z-index: 2;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; /* ЗЕРНИСТОСТЬ (основное фото) */&lt;br /&gt;&amp;#160; .grain-overlay-main {&lt;br /&gt;&amp;#160; &amp;#160; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none;&lt;br /&gt;&amp;#160; &amp;#160; background-image: url(&#039;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot; viewBox=&amp;quot;0 0 200 200&amp;quot;&amp;gt;&amp;lt;filter id=&amp;quot;noise&amp;quot;&amp;gt;&amp;lt;feTurbulence type=&amp;quot;fractalNoise&amp;quot; baseFrequency=&amp;quot;0.9&amp;quot; numOctaves=&amp;quot;3&amp;quot; stitchTiles=&amp;quot;stitch&amp;quot;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;rect width=&amp;quot;100%&amp;quot; height=&amp;quot;100%&amp;quot; filter=&amp;quot;url(%23noise)&amp;quot; opacity=&amp;quot;0.04&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&#039;);&lt;br /&gt;&amp;#160; &amp;#160; background-repeat: repeat; background-size: 200px; border-radius: 9px; z-index: 3; mix-blend-mode: multiply;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;lt;/style&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;ТУЛЬПА&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;Паранормальное существо, созданное с помощью силы мысли и привязанное к своему создателю.&lt;/p&gt;
						&lt;p&gt;Тульпы возникают не так часто, однако являются довольно специфическими существами, которые могут как помогать своему хозяину, так и убить его. Внешний вид тульпы зависит от того, из каких именно чувств она по итогу выросла — страха, любви, боли и т.п. Чем «темнее» чувство, тем страшнее образ тульпы. Впрочем, из-за особенностей своего происхождения тульпа является крайне пластичной и может менять свой облик под то, что её хозяину будет максимально приятно. Изначально тульпа — бесполое существо, однако со временем она всё больше и больше приобретает черты характера своего хозяина, перетягивает на себя его вкусовые предпочтения и меняется под них.&lt;/p&gt;
						&lt;p&gt;Тульпа может вызывать болезни на физиологическом уровне в теле хозяина, если ей не хватает, например, его внимания, она ревнует или хочет его наказать. Между тем это существо способно также забирать в себя болезни хозяина, исцелять незначительные травмы и в целом всячески его оберегать, так как со смертью создателя и сама тульпа погибнет.&lt;/p&gt;
						&lt;p&gt;К сожалению, природа тульпы такова, что если она привязана непосредственно к хозяину, как бы сильно она его ни любила и насколько сильно у них ни была бы развита связь, рано или поздно она его убьёт. Однако этого можно избежать, если с помощью специального ритуала отсоединить тульпу от хозяина на какую-то вещь, которая станет вместилищем сущности, то есть своеобразным артефактом. Таким образом тульпа сможет не только быть «свободнее» от своего создателя, что позволит ей чувствовать, мыслить и быть отдельной, самостоятельной личностью, но и получит возможность эволюционировать, развиваться как сущность, становиться сильнее.&lt;/p&gt;
						&lt;p&gt;В крайне редких случаях эволюционировавшие тульпы могут выбираться из предметов своих создателей, чтобы вступиться за них или защитить от смертельной угрозы. Правда, после такого выхода в реальный мир им требуется достаточно длительное время на восстановление, из-за чего даже минимальный контакт с ними бывает невозможно установить, и может казаться, что тульпа после такого выхода погибла.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Wed, 22 Apr 2026 03:41:55 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=106#p106</guid>
		</item>
		<item>
			<title>Зоны отчуждения</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=37763#p37763</link>
			<description>&lt;p&gt;[html]&amp;lt;div style=&amp;quot;position: relative; width: 600px; margin: 80px auto 100px auto;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 600px; margin: 0 auto;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;!-- ФОТО 1: СНИЗУ-СЛЕВА --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo1&amp;quot; style=&amp;quot;position: absolute; bottom: -55px; left: 20px; width: 110px; height: 110px; z-index: 15; cursor: pointer; transform: rotate(-14deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/d2/12/db/d212db134be44ef7e9bd5fc7540c4d62.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-a&amp;quot;&amp;gt;&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;!-- ФОТО 2: СНИЗУ-ПО-ЦЕНТРУ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo2&amp;quot; style=&amp;quot;position: absolute; bottom: -25px; left: 240px; width: 120px; height: 120px; z-index: 15; cursor: pointer; transform: rotate(6deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/1200x/0b/95/fb/0b95fbc5a7e5fea2d24ec1bb10488901.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-b&amp;quot;&amp;gt;&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;!-- ФОТО 3: СВЕРХУ-СПРАВА --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo3&amp;quot; style=&amp;quot;position: absolute; top: -60px; right: 30px; width: 105px; height: 105px; z-index: 15; cursor: pointer; transform: rotate(18deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/2b/37/28/2b3728c957ebd0151b83ad1bf875f835.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-c&amp;quot;&amp;gt;&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;!-- ФОТО 4: СВЕРХУ-СЛЕВА (ВОЗВРАЩАЕТ ИСХОДНУЮ КАРТИНКУ) --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo4&amp;quot; style=&amp;quot;position: absolute; top: -35px; left: 100px; width: 95px; height: 95px; z-index: 15; cursor: pointer; transform: rotate(-22deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ ГЛАВНУЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/1200x/f6/2e/ff/f62eff663e46e20157252bff029c9eac.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-d&amp;quot;&amp;gt;&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;!-- ФОТО 5: СНИЗУ-СПРАВА --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo5&amp;quot; style=&amp;quot;position: absolute; bottom: -70px; right: 80px; width: 115px; height: 115px; z-index: 15; cursor: pointer; transform: rotate(25deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/1200x/ac/0a/b5/ac0ab50906349ed756eb5724fb6fb867.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-e&amp;quot;&amp;gt;&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;!-- ФОТО 6: СВЕРХУ-ПО-ЦЕНТРУ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;photo6&amp;quot; style=&amp;quot;position: absolute; top: -30px; left: 170px; width: 100px; height: 100px; z-index: 15; cursor: pointer; transform: rotate(-10deg); transition: transform 0.8s ease-out;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; background: #c4b5a5; border-radius: 10px; padding: 2px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; width: 100%; height: 100%; overflow: hidden; border-radius: 8px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img src=&amp;quot;https://i.pinimg.com/736x/36/a9/2d/36a92d9f34a58d8cd31fd59a16c4e545.jpg&amp;quot; style=&amp;quot;width: 100%; height: 100%; object-fit: cover; filter: sepia(0.55) contrast(1.2) brightness(0.9) saturate(0.85); pointer-events: none;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div class=&amp;quot;scratch-overlay&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;stain-overlay&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;blood-type-f&amp;quot;&amp;gt;&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;!-- ОСНОВНАЯ ФОТОГРАФИЯ --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainWrapper&amp;quot; style=&amp;quot;position: relative; z-index: 20; transform: rotate(1deg); transition: transform 0.8s ease-out; display: inline-block;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #9a8b7a; border-radius: 14px; padding: 4px; box-shadow: 0 0 0 1px #7a6b5a, inset 0 0 0 1px #b8a99a;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;background: #c0c0c0; border-radius: 10px; padding: 1px; box-shadow: inset 0 0 0 1px #e8e8e8, inset 0 0 3px rgba(0,0,0,0.15);&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div style=&amp;quot;position: relative; overflow: hidden; border-radius: 9px;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ ГЛАВНУЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;img id=&amp;quot;mainPhoto&amp;quot; src=&amp;quot;https://i.pinimg.com/1200x/f6/2e/ff/f62eff663e46e20157252bff029c9eac.jpg&amp;quot; width=&amp;quot;600&amp;quot; height=&amp;quot;250&amp;quot; style=&amp;quot;width: 600px; height: 250px; display: block; object-fit: cover; filter: sepia(0.5) contrast(1.18) brightness(0.92) saturate(0.9); transition: opacity 0.3s ease;&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;scratch-overlay-main&amp;quot;&amp;gt;&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;stain-overlay-main&amp;quot;&amp;gt;&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;grain-overlay&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood1&amp;quot; class=&amp;quot;blood-main-a&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood2&amp;quot; class=&amp;quot;blood-main-b&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood3&amp;quot; class=&amp;quot;blood-main-c&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood4&amp;quot; class=&amp;quot;blood-main-d&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood5&amp;quot; class=&amp;quot;blood-main-e&amp;quot; style=&amp;quot;display: none;&amp;quot;&amp;gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;#160; &amp;lt;div id=&amp;quot;mainBlood6&amp;quot; class=&amp;quot;blood-main-f&amp;quot; style=&amp;quot;display: none;&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&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;br /&gt;&amp;#160; &amp;#160; &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;style&amp;gt;&lt;br /&gt;&amp;#160; #photo1, #photo2, #photo3, #photo4, #photo5, #photo6 { transition: transform 0.8s ease-out; }&lt;br /&gt;&amp;#160; #photo1:hover, #photo2:hover, #photo3:hover, #photo4:hover, #photo5:hover, #photo6:hover { transform: rotate(0deg) scale(1.08) !important; z-index: 30 !important; }&lt;br /&gt;&amp;#160; #mainWrapper { transition: transform 0.8s ease-out; }&lt;br /&gt;&amp;#160; #mainWrapper:hover { transform: rotate(0deg) scale(1.05) !important; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .scratch-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.08) 2px, rgba(0,0,0,0.08) 5px); border-radius: 8px; z-index: 2; }&lt;br /&gt;&amp;#160; .scratch-overlay-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: repeating-linear-gradient(45deg, transparent, transparent 2px, rgba(0,0,0,0.07) 2px, rgba(0,0,0,0.07) 5px), repeating-linear-gradient(-45deg, transparent, transparent 3px, rgba(80,60,40,0.06) 3px, rgba(80,60,40,0.06) 7px); border-radius: 9px; z-index: 2; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .stain-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: radial-gradient(circle at 20% 30%, rgba(160,120,80,0.18) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(100,70,40,0.14) 0%, transparent 60%); border-radius: 8px; z-index: 2; }&lt;br /&gt;&amp;#160; .stain-overlay-main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background: radial-gradient(ellipse at 15% 25%, rgba(160,130,95,0.15) 0%, transparent 40%), radial-gradient(ellipse at 85% 70%, rgba(110,85,60,0.12) 0%, transparent 50%), radial-gradient(circle at 50% 50%, rgba(180,155,125,0.08) 0%, transparent 70%); border-radius: 9px; z-index: 2; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .blood-type-a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 65% 25%, rgba(220,40,20,0.55) 0%, rgba(200,35,15,0.4) 4%, transparent 7%), radial-gradient(circle at 30% 75%, rgba(210,35,18,0.45) 0%, rgba(190,30,12,0.3) 3%, transparent 6%), radial-gradient(circle at 85% 85%, rgba(230,45,22,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-type-b { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(ellipse at 40% 50%, rgba(120,20,12,0.65) 0%, rgba(100,15,8,0.45) 6%, transparent 10%), radial-gradient(circle at 75% 35%, rgba(130,22,14,0.5) 0%, rgba(110,18,10,0.35) 4%, transparent 7%), radial-gradient(circle at 20% 80%, rgba(115,18,10,0.4) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-type-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(ellipse at 55% 60%, rgba(190,35,18,0.5) 0%, rgba(170,28,14,0.35) 8%, transparent 12%), radial-gradient(circle at 80% 20%, rgba(200,38,20,0.4) 0%, transparent 6%), radial-gradient(ellipse at 25% 40%, rgba(180,30,15,0.35) 0%, transparent 8%); }&lt;br /&gt;&amp;#160; .blood-type-d { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 70% 70%, rgba(80,15,8,0.55) 0%, rgba(60,10,5,0.4) 5%, transparent 9%), radial-gradient(circle at 30% 25%, rgba(90,18,10,0.45) 0%, rgba(70,12,6,0.3) 4%, transparent 7%); }&lt;br /&gt;&amp;#160; .blood-type-e { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 45% 35%, rgba(235,50,25,0.6) 0%, rgba(215,40,18,0.45) 5%, transparent 9%), radial-gradient(circle at 60% 80%, rgba(225,45,22,0.5) 0%, rgba(205,35,16,0.35) 4%, transparent 7%), radial-gradient(circle at 15% 55%, rgba(240,55,28,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-type-f { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 8px; z-index: 3; background: radial-gradient(circle at 50% 45%, rgba(180,32,16,0.55) 0%, rgba(160,25,12,0.4) 6%, transparent 10%), radial-gradient(circle at 25% 70%, rgba(200,38,20,0.45) 0%, rgba(180,30,14,0.3) 3%, transparent 6%), radial-gradient(ellipse at 80% 30%, rgba(140,22,11,0.5) 0%, rgba(120,18,8,0.35) 5%, transparent 8%), radial-gradient(circle at 10% 15%, rgba(210,42,22,0.3) 0%, transparent 4%); }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .blood-main-a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 35% 25%, rgba(220,40,20,0.55) 0%, rgba(200,35,15,0.4) 6%, transparent 10%), radial-gradient(circle at 70% 55%, rgba(210,38,18,0.45) 0%, rgba(190,32,14,0.35) 5%, transparent 8%), radial-gradient(circle at 25% 80%, rgba(230,45,22,0.4) 0%, rgba(210,38,16,0.3) 4%, transparent 7%); }&lt;br /&gt;&amp;#160; .blood-main-b { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(ellipse at 60% 30%, rgba(120,20,12,0.65) 0%, rgba(100,15,8,0.45) 7%, transparent 12%), radial-gradient(circle at 20% 65%, rgba(130,22,14,0.5) 0%, rgba(110,18,10,0.35) 4%, transparent 8%), radial-gradient(circle at 80% 80%, rgba(115,18,10,0.4) 0%, transparent 6%); }&lt;br /&gt;&amp;#160; .blood-main-c { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(ellipse at 40% 50%, rgba(190,35,18,0.55) 0%, rgba(170,28,14,0.4) 8%, transparent 13%), radial-gradient(circle at 75% 25%, rgba(200,38,20,0.45) 0%, rgba(180,30,15,0.3) 5%, transparent 8%), radial-gradient(ellipse at 55% 80%, rgba(185,32,16,0.35) 0%, transparent 6%); }&lt;br /&gt;&amp;#160; .blood-main-d { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 25% 35%, rgba(80,15,8,0.6) 0%, rgba(60,10,5,0.45) 6%, transparent 11%), radial-gradient(circle at 85% 70%, rgba(90,18,10,0.5) 0%, rgba(70,12,6,0.35) 5%, transparent 9%), radial-gradient(ellipse at 50% 20%, rgba(75,14,7,0.4) 0%, transparent 7%); }&lt;br /&gt;&amp;#160; .blood-main-e { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 55% 40%, rgba(235,50,25,0.6) 0%, rgba(215,40,18,0.45) 7%, transparent 12%), radial-gradient(circle at 30% 70%, rgba(225,45,22,0.5) 0%, rgba(205,35,16,0.35) 5%, transparent 9%), radial-gradient(circle at 80% 20%, rgba(240,55,28,0.4) 0%, transparent 6%), radial-gradient(ellipse at 15% 50%, rgba(220,42,20,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; .blood-main-f { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; border-radius: 9px; z-index: 3; background: radial-gradient(circle at 45% 35%, rgba(180,32,16,0.55) 0%, rgba(160,25,12,0.4) 6%, transparent 10%), radial-gradient(circle at 70% 75%, rgba(200,38,20,0.45) 0%, rgba(180,30,14,0.35) 4%, transparent 7%), radial-gradient(ellipse at 25% 60%, rgba(140,22,11,0.5) 0%, rgba(120,18,8,0.35) 5%, transparent 9%), radial-gradient(circle at 85% 15%, rgba(210,42,22,0.35) 0%, transparent 5%); }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; .grain-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; background-image: url(&#039;data:image/svg+xml;utf8,&amp;lt;svg xmlns=&amp;quot;http://www.w3.org/2000/svg&amp;quot; viewBox=&amp;quot;0 0 200 200&amp;quot;&amp;gt;&amp;lt;filter id=&amp;quot;noise&amp;quot;&amp;gt;&amp;lt;feTurbulence type=&amp;quot;fractalNoise&amp;quot; baseFrequency=&amp;quot;0.9&amp;quot; numOctaves=&amp;quot;3&amp;quot; stitchTiles=&amp;quot;stitch&amp;quot;/&amp;gt;&amp;lt;/filter&amp;gt;&amp;lt;rect width=&amp;quot;100%&amp;quot; height=&amp;quot;100%&amp;quot; filter=&amp;quot;url(%23noise)&amp;quot; opacity=&amp;quot;0.08&amp;quot;/&amp;gt;&amp;lt;/svg&amp;gt;&#039;); background-repeat: repeat; background-size: 200px; border-radius: 9px; z-index: 4; mix-blend-mode: multiply; }&lt;br /&gt;&amp;lt;/style&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;!-- &amp;#11015;&amp;#65039; ЗАМЕНИ ССЫЛКУ НА СВОЮ ГЛАВНУЮ КАРТИНКУ &amp;#11015;&amp;#65039; --&amp;gt;&lt;/p&gt;
						&lt;p&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const originalSrc = &amp;quot;https://i.pinimg.com/1200x/f6/2e/ff/f62eff663e46e20157252bff029c9eac.jpg&amp;quot;;&lt;br /&gt;&amp;#160; const mainPhoto = document.getElementById(&#039;mainPhoto&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const photo1 = document.getElementById(&#039;photo1&#039;);&lt;br /&gt;&amp;#160; const photo2 = document.getElementById(&#039;photo2&#039;);&lt;br /&gt;&amp;#160; const photo3 = document.getElementById(&#039;photo3&#039;);&lt;br /&gt;&amp;#160; const photo4 = document.getElementById(&#039;photo4&#039;);&lt;br /&gt;&amp;#160; const photo5 = document.getElementById(&#039;photo5&#039;);&lt;br /&gt;&amp;#160; const photo6 = document.getElementById(&#039;photo6&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; const mainBlood1 = document.getElementById(&#039;mainBlood1&#039;);&lt;br /&gt;&amp;#160; const mainBlood2 = document.getElementById(&#039;mainBlood2&#039;);&lt;br /&gt;&amp;#160; const mainBlood3 = document.getElementById(&#039;mainBlood3&#039;);&lt;br /&gt;&amp;#160; const mainBlood4 = document.getElementById(&#039;mainBlood4&#039;);&lt;br /&gt;&amp;#160; const mainBlood5 = document.getElementById(&#039;mainBlood5&#039;);&lt;br /&gt;&amp;#160; const mainBlood6 = document.getElementById(&#039;mainBlood6&#039;);&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function changeImage(newSrc, bloodType) {&lt;br /&gt;&amp;#160; &amp;#160; if (mainPhoto.src === newSrc) return;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; mainBlood1.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood2.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood3.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood4.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood5.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; mainBlood6.style.display = &#039;none&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; if (bloodType === 1) mainBlood1.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 2) mainBlood2.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 3) mainBlood3.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 4) mainBlood4.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 5) mainBlood5.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; else if (bloodType === 6) mainBlood6.style.display = &#039;block&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; mainPhoto.style.opacity = &#039;0.5&#039;;&lt;br /&gt;&amp;#160; &amp;#160; setTimeout(() =&amp;gt; {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; mainPhoto.src = newSrc;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; mainPhoto.style.opacity = &#039;1&#039;;&lt;br /&gt;&amp;#160; &amp;#160; }, 150);&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; if (photo1) photo1.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo1.querySelector(&#039;img&#039;).src, 1); });&lt;br /&gt;&amp;#160; if (photo2) photo2.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo2.querySelector(&#039;img&#039;).src, 2); });&lt;br /&gt;&amp;#160; if (photo3) photo3.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo3.querySelector(&#039;img&#039;).src, 3); });&lt;br /&gt;&amp;#160; if (photo4) photo4.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(originalSrc, 4); });&lt;br /&gt;&amp;#160; if (photo5) photo5.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo5.querySelector(&#039;img&#039;).src, 5); });&lt;br /&gt;&amp;#160; if (photo6) photo6.addEventListener(&#039;click&#039;, (e) =&amp;gt; { e.stopPropagation(); changeImage(photo6.querySelector(&#039;img&#039;).src, 6); });&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;СОДРУЖЕСТВО ИТАЛИИ. РУМЫНИЯ&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;Румы&amp;#769;ния&lt;/strong&gt; — бывшее государство в Юго-Восточной части Содружество Италии, частично расположенное в северо-восточной части Балканского полуострова. На юго-востоке омывается водами Чёрного моря. &lt;/p&gt;
						&lt;p&gt;Территория отличается значительным этнокультурным разнообразием; бо&amp;#769;льшая часть верующих (около 87 % населения) исповедует православие. Общая численность населения порядка 19 038 098 чел.&lt;/p&gt;
						&lt;p&gt;&amp;quot;Столица&amp;quot; и крупнейший город — Брашов, другие крупные города — Клуж-Напока, Яссы, Констанца, Тимишоара, Бухарест, Крайова, Галац и Орадя. Основной язык — румынский, дополнительный — английский.&lt;/p&gt;
						&lt;p&gt;Территория Румынии — отличное сочетание &amp;quot;отката&amp;quot; до &amp;quot;средневековья&amp;quot; и современности. Чем дальше от крупных городов, тем больший упор идет на человеческий труд: рыболовство, охота, сельское хозяйство. При этом здесь не пользуются развитой аграрной техникой (только ряд территорий, где есть доступ и возможность обслуживать технику).&lt;/p&gt;
						&lt;p&gt;Денежная единица внутри территории — румынский лей (курс: 4 лея за 1 доллар Содружества США; 1 лей к 1 юаню Содружества Китая; 5 леев за 1 евро Содружества Италии). В крупных городах можно бес проблем пользоваться любой валютой, главное понимать курс, но вот чем дальше от крупных городов, тем &amp;quot;диче&amp;quot; население, а значит труднее обменяться на иную валюту, кроме родной. Где-то и вовсе работает только бартер или необходимо отработать нужную тебе вещь/продукты.&lt;/p&gt;
						&lt;p&gt;Для Румынии характерно примерно равное сочетание горной, холмистой и равнинной местностей. Через всю территорию страны, дугой — от границы с бывшей Украиной до границы с бывшей Сербией — проходят Карпаты, преобладающие в центре Румынии, с 14 горными хребтами. Самая высокая точка Румынии — гора Молдовяну (2 544 м). Среди полезных ископаемых выделяются нефть и полиметаллические руды.&lt;/p&gt;
						&lt;p&gt;Юго-восток страны омывается водами Чёрного моря, где расположены крупные торговые порты и морские базы военно-морского флота. Порты связаны с внутренними районами Содружества шоссейными и железными дорогами. Наличие выхода к морю делает выгодной международную морскую торговлю с другими Содружествами. Через Гибралтарский пролив осуществляется выход в Атлантический океан, через Суэцкий канал — в Индийский и Тихий океаны.&lt;/p&gt;
						&lt;p&gt;Регионы Румынии, граничащие с бывшими Болгарией и Венгрией — одни из самых плодородных в мире, именно они обрабатываются с помощью аграрной техники.&lt;/p&gt;
						&lt;p&gt;Румыния расположена в зоне континентального климата, отличающегося холодной зимой и тёплым летом. Среднегодовая температура — от 11&amp;#8239;°C на юге до 8&amp;#8239;°C на севере.&lt;/p&gt;
						&lt;p&gt;Весна отличается прохладными ночами и тёплыми днями. Лето, как правило, тёплое; средняя максимальная температура летом составляет 28&amp;#8239;°C, средняя минимальная — 16&amp;#8239;°C. Зимы холодные: средняя максимальная температура колеблется от 2&amp;#8239;°C на равнинах до &amp;#8722;15&amp;#8239;°C в горах. Абсолютный максимум составляет 44,5&amp;#8239;°C и был зарегистрирован в 1951 году, абсолютный минимум &amp;#8722;38,5&amp;#8239;°C — в 1942 году.&lt;/p&gt;
						&lt;p&gt;В среднем, выпадает 750 мм осадков в год, бо&amp;#769;льшая часть осадков выпадает летом. При этом значительны различия между различными районами — в горах выпадает до 1500 мм осадков в год, на юге и в центре — около 600 мм, в дельте Дуная — около 370 мм.&lt;/p&gt;
						&lt;p&gt;Леса занимают 19 % территории страны, при этом Румыния является одним из самых крупных районов ненарушенных лесов в Содружестве Италии.&lt;/p&gt;
						&lt;p&gt;В лесах живёт большое количество диких животных, среди которых медведи, волки и другие; на равнинах — лисы, зайцы, белки и барсуки. На территории страны обитают эндемичные млекопитающие (среди которых наиболее известна карпатская серна), птицы и рептилии. Фауна Румынии состоит из 33 792 видов животных, среди которых 33 085 беспозвоночных и 707 позвоночных.&lt;/p&gt;
						&lt;p&gt;Вся территория Румынии является Зоной отчуждения. Содружеством Италии поддерживается сельскохозяйственную промышленность региона, да и в целом, оказывается любая поддержка. Людей отсюда не эвакуируют, посещать территории бывшей страны не запрещено. Здесь не было ядерных ударов, но есть свои особенности, которые власти тщательно скрывают вместе с собственным кроеным населением. Объединенная церковь и Синдикат также помогают в этом. Официально территория не имеет статуса Зона отчуждения.&lt;/p&gt;
						&lt;p&gt;[html]&amp;lt;div style=&amp;quot;text-align: center;&amp;quot;&amp;gt;&lt;br /&gt;&amp;#160; &amp;lt;font face=&amp;quot;ClickClack&amp;quot; size=&amp;quot;30&amp;quot; style=&amp;quot;font-size: 30px; color: #3c322b; letter-spacing: 1px; display: inline-block;&amp;quot; id=&amp;quot;typewriterText&amp;quot;&amp;gt;&amp;lt;/font&amp;gt;&lt;br /&gt;&amp;lt;/div&amp;gt;&lt;br /&gt;&amp;lt;script&amp;gt;&lt;br /&gt;&amp;#160; const text = &amp;quot;БРАШОВ&amp;quot;;&lt;br /&gt;&amp;#160; const container = document.getElementById(&#039;typewriterText&#039;);&lt;br /&gt;&amp;#160; let i = 0;&lt;br /&gt;&amp;#160; let isDeleting = false;&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Храним позиции для каждой буквы (фиксированные, чтобы не дёргались при каждом обновлении)&lt;br /&gt;&amp;#160; let positions = [];&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function generatePositions(length) {&lt;br /&gt;&amp;#160; &amp;#160; const newPositions = [];&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Очень маленькое смещение: -1, 0, или +1 (редко)&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const offset = Math.floor(Math.random() * 3) - 1; // -1, 0, или 1&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; newPositions.push(offset);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; return newPositions;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function updateDisplay() {&lt;br /&gt;&amp;#160; &amp;#160; if (i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; container.innerHTML = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; return;&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &lt;br /&gt;&amp;#160; &amp;#160; const currentText = text.substring(0, i);&lt;br /&gt;&amp;#160; &amp;#160; let html = &#039;&#039;;&lt;br /&gt;&amp;#160; &amp;#160; for (let j = 0; j &amp;lt; currentText.length; j++) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; const char = currentText[j];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Для пробела не применяем смещение&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (char === &#039; &#039;) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block;&amp;quot;&amp;gt;&amp;amp;nbsp;&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; } else {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; const offset = positions[j] || 0;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; // Очень мягкое смещение с плавным переходом&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; html += `&amp;lt;span style=&amp;quot;display: inline-block; transform: translateY(${offset}px); transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);&amp;quot;&amp;gt;${char}&amp;lt;/span&amp;gt;`;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; container.innerHTML = html;&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; function typeWriterEffect() {&lt;br /&gt;&amp;#160; &amp;#160; if (!isDeleting &amp;amp;&amp;amp; i &amp;lt; text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; // Печатаем новую букву — обновляем позиции для всех напечатанных букв&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; if (i + 1 &amp;lt;= text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; &amp;#160; positions = generatePositions(i + 1);&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i++;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 140);&lt;br /&gt;&amp;#160; &amp;#160; } &lt;br /&gt;&amp;#160; &amp;#160; else if (!isDeleting &amp;amp;&amp;amp; i === text.length) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = true;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 2000);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i &amp;gt; 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; i--;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; updateDisplay();&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 80);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; &amp;#160; else if (isDeleting &amp;amp;&amp;amp; i === 0) {&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; isDeleting = false;&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; positions = [];&lt;br /&gt;&amp;#160; &amp;#160; &amp;#160; setTimeout(typeWriterEffect, 1500);&lt;br /&gt;&amp;#160; &amp;#160; }&lt;br /&gt;&amp;#160; }&lt;br /&gt;&amp;#160; &lt;br /&gt;&amp;#160; // Запускаем анимацию&lt;br /&gt;&amp;#160; typeWriterEffect();&lt;br /&gt;&amp;lt;/script&amp;gt;[/html]&lt;/p&gt;
						&lt;p&gt;Брашов расположен в центральной части бывшей страны на юго-востоке исторической области Трансильвании в живописных&amp;#160; и диких Карпатах. Город является нейтральной территорией, сердцем Зоны.&lt;/p&gt;
						&lt;p&gt;Постоянное население города составляет порядка&amp;#160; +/— 100 тыс. человек. Как и везде среди населения встречаются те, кто к чужакам относится спокойно и те, кто чужаков терпеть не может.&lt;/p&gt;
						&lt;p&gt;Брашов и в былые времена славился атмосферными старыми улочками, старинной готической архитектурой и потрясающей романтической атмосферой, представляя собой смесь прекрасных горных пейзажей и средневековой истории с значительным саксонским влиянием, а сейчас. когда, современность сюда не дошла (здесь нет мобильной связи, Интернета, телевизоров; есть почта, проводные телефоны, а все новости узнаются из газеты), то место действительно кажется застывшим, пусть жизнь в нем и продолжается. Здесь есть электричество (только в социальных, медицинских и правоохранительных учреждениях), система канализации, подачи и очищения воды, отопление — печное/каминное, освещение — масляные светильники/свечи.&lt;/p&gt;
						&lt;p&gt;Брашов был основан в 1211 году как крепость тевтонских рыцарей под названием Кронштадт.&lt;/p&gt;
						&lt;p&gt;На территории Брашова имеется много достопримечательностей, в том числе Чёрная церковь. Она является самой известной достопримечательностью Брашова. Религиозное сооружение было построено между 1385 и 1477 годами немецкой общиной и считается крупнейшим средневековым христианским храмом Юго-Восточной части Содружества Италии. Церковь может принять до 5000 человек, имеет один из самых больших органов и крупнейшую коллекцию турецких ковров.&lt;/p&gt;
						&lt;p&gt;Недалеко от самого города располагается Замок Бран. Одна из самых известных достопримечательностей Румынии, обязанная своей славе мифу о Дракуле, созданного Брэм Стокером на основе реальной исторической личности (князь Влад Цепеш). Это величественное сооружение построено на высокой скале и окружено ореолом тайн и легенд. Замок был построен в 14 веке на месте средневековой цитадели тевтонских рыцарей начала 13 века. Узкие извилистые лестницы ведут через множество деревянных комнат, многие из которых связаны подземными переходами. В них хранятся замечательные коллекции мебели, оружия и доспехов 14-19 века. Однако, в замок лучше не соваться, так как оттуда ты скорее всего не вернешься.&lt;/p&gt;
						&lt;p&gt;Помимо замка Бран есть еще ряд мест, которые запрещены к посещению. Хотя они и являются, к сожалению, местами интереса всяких &amp;quot;охотников&amp;quot; за &amp;quot;паранормальным и сверхъестественным&amp;quot;, любителей экстремальных ощущений. Все дело в том, что на территории бывшей Румынии существуют особенные места. Кто-то считает их священными, кто-то считает местами истинного зла. О них складывается много баек и легенд, местные оставляют рядом с этими местами жертвоприношения (сельскохозяйственные продукты, животных, рыбу, птицу) добавляя этим местам дополнительной загадочности.&lt;/p&gt;
						&lt;p&gt;Легенды гласят о некой сущности, которая живет в этих местах. Она забирает людей в служение себе. Когда человек приходит в место обитания сущности, то место начинает бесконечно меняться, и человек уже не может найти из него выход. Более того, за ним на охоту отправляются обращенные. Каждый обращенный отражает тот порок и те деяния, которыми он когда-то жил. Они обладают уродливой внешностью и сверхъестественными способностями. Обращенные не могут покинуть территорию владений сущности. Их нельзя убить или остановить известными способами (в том числе теми, которые практикует Объединенная церковь и Синдикат). Крайне редко бывает так, что сущность отпускает со своей территории человека. Он получается статус &amp;quot;выживший&amp;quot;. Но не все так просто. Выжившие носят в себе &amp;quot;мертвые огни&amp;quot; — это &amp;quot;семена&amp;quot;, &amp;quot;споры&amp;quot; сущности, которые она подселяет в человека. Чем дальше человек от Румынии, тем тише &amp;quot;голос&amp;quot; сущности и обращенных в его голове, реже проявляются галлюцинации, ведения и почти не беспокоят крайне реалистичные кошмары, из которых будто бы нет выхода. Если человек поддается воздействию сущности, то в нем &amp;quot;прорастает зло&amp;quot;. Он начинает походить на бешеную собаку, гонимую своими пороками, пока ее не остановит смерть из чужих рук. После смерти он оказывается в том месте, где получил &amp;quot;семена&amp;quot;, &amp;quot;споры&amp;quot; и становится одним из обращенных.&lt;/p&gt;
						&lt;p&gt;К жертвоприношениям местных сущность относится хорошо. Более того, складывается впечатление, что она является своего рода охранителем Румынии и делает ее земли плодородными, воды богатыми рыбы, а леса — дичи.&lt;/p&gt;
						&lt;p&gt;Синдикат и Объединенная церковь категорически не отправляет своих людей изучать и взаимодействовать с этими местами (более того, это даже запрещено), но тщательно отслеживают, чтобы эти места не возникли где-то еще.&lt;/p&gt;
						&lt;p&gt;После событий в ночь с 27 на 28 августа 2024 года власть в Румынии перешла группировке Счастливчика Джея. Синдикату, Объединенной церкви и властям Содружеств теперь приходится с ним считаться.&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Wed, 22 Apr 2026 02:59:08 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=37763#p37763</guid>
		</item>
		<item>
			<title>Картотека</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=76#p76</link>
			<description>&lt;p&gt;&lt;span style=&quot;font-family: Neuropol&quot;&gt;&lt;span style=&quot;font-size: 20px&quot;&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;em class=&quot;bbuline&quot;&gt;Т&lt;/em&gt;ехнические моменты&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;list-style: disc&quot;&gt;&lt;li&gt;&lt;p&gt;&lt;a href=&quot;https://badger.rolevaya.ru/pages/kartoteka&quot;&gt;Здесь&lt;/a&gt; (кликабельно) указаны все действующие персонажи. Формат для понимания довольно простой: &lt;strong&gt;№&lt;/strong&gt; - номер личного дела, &lt;strong&gt;картинка&lt;/strong&gt; - фотография персонажа на &amp;quot;документах&amp;quot;, &lt;strong&gt;Имя, Фамилия (в такой последовательности)/Кличка&lt;/strong&gt; - как персонаж известен в игре (если нажать на них, то можно перейти в анкету (недоступно для гостей), &lt;strong&gt;возраст&lt;/strong&gt; - известный год рождения персонажа согласно документам/по игре и т.п.; если в данном пункте стоит &amp;quot;дата смерти&amp;quot;, то это дата, когда персонаж признан мертвым, &lt;strong&gt;вид&lt;/strong&gt; - это то, кем персонаж является по своему виду (человек, конкретное существо, фэйбл и т.п.), &lt;strong&gt;местоположение и род деятельности&lt;/strong&gt; - где можно найти персонажа и узнать, чем он занимается; данный пункт нужен для того, чтобы придумать взаимосвязи с понравившимся персонажем, понять начальную точку старта игры и т.п., &lt;strong&gt;внешность&lt;/strong&gt; - это актер, певец и т.д. реального мира/не только, который закреплен за конкретным персонажем.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Если тебе понравился какой-то персонаж и ты хочешь узнать о нем побольше, либо повзаимодействовать с ним, смело пиши в &lt;a href=&quot;https://badger.rolevaya.ru/viewtopic.php?id=12#p73&quot;&gt;Терминал&lt;/a&gt;, если ты еще не с нами или в &lt;a href=&quot;https://badger.rolevaya.ru/viewtopic.php?id=19#p82&quot;&gt;Поиск игры, связей между персонажами, обсуждение&lt;/a&gt;, если ты уже с нами.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;Мы принимаем в игру переделанные концепты персонажей, поэтому если хочешь персонажа фильма/книги/игры и т.п. - без проблем, но он должен вписываться в мир барсука. Ты можешь его переделать самостоятельно, а можешь обратиться ко мне с этим вопросом, и мы с тобой до чего-нибудь обязательно договоримся.&lt;/p&gt;&lt;/li&gt;&lt;li&gt;&lt;p&gt;У нас нет ограничений по количеству персонажей на одного игрока, если ты ими играешь.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Thu, 21 Mar 2024 00:57:54 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=76#p76</guid>
		</item>
		<item>
			<title>Терминал</title>
			<link>https://badger.rolevaya.ru/viewtopic.php?pid=73#p73</link>
			<description>&lt;p&gt;&lt;span style=&quot;font-family: Neuropol&quot;&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 20px&quot;&gt;&lt;em class=&quot;bbuline&quot;&gt;П&lt;/em&gt;ривет и добро пожаловать!&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;span style=&quot;font-size: 10px&quot;&gt;&lt;span style=&quot;display: block; text-align: right&quot;&gt;&lt;strong&gt;автор анимации:&lt;/strong&gt; &lt;a href=&quot;https://www.artstation.com/artwork/xD161E&quot; rel=&quot;nofollow&quot; target=&quot;_blank&quot;&gt;Dusan Arsenijevic&lt;/a&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&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.ibb.co/JtnwD2J/Abandoned-bus-station-UE5.gif&quot; alt=&quot;https://i.ibb.co/JtnwD2J/Abandoned-bus-station-UE5.gif&quot; /&gt;&lt;/span&gt;&lt;/p&gt;&lt;ul style=&quot;list-style: disc&quot;&gt;&lt;li&gt;&lt;p&gt;Здесь ты можешь задать любые вопросы к администрации или игрокам проекта, &lt;a href=&quot;https://badger.rolevaya.ru/viewtopic.php?id=14#p76&quot;&gt;придержать какую-либо внешность&lt;/a&gt; или роль из &lt;a href=&quot;https://badger.rolevaya.ru/viewtopic.php?id=13#p74&quot;&gt;Международного розыска&lt;/a&gt;.&lt;/p&gt;&lt;/li&gt;&lt;/ul&gt;&lt;div class=&quot;custom_tag custom_tag_hr3&quot;&gt;&lt;/div&gt;
						&lt;p&gt;&lt;span style=&quot;font-family: Neuropol&quot;&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&lt;span style=&quot;font-size: 20px&quot;&gt;&lt;em class=&quot;bbuline&quot;&gt;М&lt;/em&gt;узыкальное сопровождение на случай очень важных переговоров с теми, с кем переговоров не ведут&lt;/span&gt;&lt;/span&gt;&lt;/span&gt;&lt;/p&gt;
						&lt;p&gt;&lt;strong&gt;&lt;span style=&quot;display: block; text-align: center&quot;&gt;&amp;#127928; Сметана band - Идите, пожалуйста, нах*й &amp;#127928;&lt;br /&gt;&amp;#127928; Пневмослон - Нах*й он пошел и рот е*ать его &amp;#127928;&lt;br /&gt;&amp;#127928; Заточка, ГУДТАЙМС - КП &amp;#127928;&lt;br /&gt;&amp;#127928; Пневмослон - А мне пох*й не на всё &amp;#127928;&lt;br /&gt;&amp;#127928; 2rbina 2rista - &amp;#161;Adi&amp;#243;s, pedrilas! &amp;#127928; &lt;br /&gt;&amp;#127928; M.E.O.W - Catharsis &amp;#127928; &lt;br /&gt;&lt;/span&gt;&lt;/strong&gt;&lt;/p&gt;</description>
			<author>mybb@mybb.ru (Мастер Игры)</author>
			<pubDate>Thu, 21 Mar 2024 00:51:43 +0300</pubDate>
			<guid>https://badger.rolevaya.ru/viewtopic.php?pid=73#p73</guid>
		</item>
	</channel>
</rss>
