��

mybb@mybb.ru (elfr) — Thu, 30 Jul 2026 06:51:46 +0300

�� 29.07

��

mybb@mybb.ru (elfr) — Sun, 19 Jul 2026 09:06:41 +0300

[html]<div id="badges-limitki" class="glossy-news">
<style>
/* === �� "��-��" === */
#badges-limitki.glossy-news {
--dusty-rose: #D2A5A5;
--dusty-yellow: #E5C87B;
--dark-gray: #3C3C3C;
--light-gray: #F5F5F5;
--white: #FFFFFF;

font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: var(--dark-gray);
background: var(--light-gray);
max-width: 1000px;
margin: 0 auto;
padding: 25px 30px 20px;
box-sizing: border-box;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
border-radius: 4px;
}

@import url('https://fonts.googleapis.com/css2?family=Rubik+Mono+One&family=Playfair+Display:wght@600;700&display=swap');

#badges-limitki .content-block {
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--dusty-rose);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
margin-top: 24px;
}

#badges-limitki .block-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.5px;
color: var(--dark-gray);
margin: 0 0 12px;
padding-bottom: 6px;
border-bottom: 2px solid var(--dusty-yellow);
position: relative;
}
#badges-limitki .block-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 40px;
height: 2px;
background: var(--dusty-rose);
}

#badges-limitki a {
color: var(--dusty-rose);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid transparent;
transition: color 0.2s, border-bottom 0.2s;
}
#badges-limitki a:hover {
color: var(--dark-gray);
border-bottom-color: var(--dusty-yellow);
}

#badges-limitki p {
margin: 0 0 12px;
}
#badges-limitki p:last-child {
margin-bottom: 0;
}
</style>

<div style="text-align:center;font-size: 3em;font-family:Rubik Mono One;font-weight: 600;background-image: url(https://upforme.ru/uploads/001c/1a/2f/300/861706.gif);background-size: 250px;background-repeat: repeat;color: transparent;-webkit-background-clip: text;background-clip: text;">
��
</div>

<div class="content-block">
<div class="block-title">�� !</div>
<p>
�� , �� . ��, �� , � �� , �� <a href="https://nyc.f-rpg.me/viewtopic.php?id=1162">�� </a>.
</p>
<p>
� �� , �� /��/��/��:<br>
<a href="https://nyc.f-rpg.me/viewtopic.php?id=107">�� </a><br>
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1078">�� </a><br>
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1405">�� </a><br>
</p>
</div>
</div>[/html]

��

mybb@mybb.ru (elfr) — Mon, 13 Jul 2026 05:05:08 +0300

[html]<div id="july-calendar-grid" class="glossy-news">
<style>
#july-calendar-grid.glossy-news {
--dusty-rose: #D2A5A5;
--dusty-yellow: #E5C87B;
--dark-gray: #3C3C3C;
--light-gray: #F5F5F5;
--white: #FFFFFF;
--soft-lavender: #E8E0F0;
--soft-sage: #DCE8D5;
--soft-peach: #FDE8D0;

font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: var(--dark-gray);
background: var(--light-gray);
max-width: 1000px;
margin: 0 auto;
padding: 20px 24px;
box-sizing: border-box;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
border-radius: 4px;
}

#july-calendar-grid .content-block {
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--dusty-rose);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

#july-calendar-grid .block-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.5px;
color: var(--dark-gray);
margin: 0 0 16px;
padding-bottom: 6px;
border-bottom: 2px solid var(--dusty-yellow);
position: relative;
}
#july-calendar-grid .block-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 40px;
height: 2px;
background: var(--dusty-rose);
}

/* �� */
#july-calendar-grid .calendar-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
margin-bottom: 16px;
}
#july-calendar-grid .calendar-table td {
padding: 4px;
text-align: center;
vertical-align: middle;
}

/* �� */
#july-calendar-grid .day-card {
background: var(--white);
border: 1px solid var(--dusty-yellow);
border-radius: 4px;
height: 90px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: flex-start;
text-align: center;
padding: 6px 4px;
color: var(--dark-gray);
font-size: 9px;
line-height: 1.3;
transition: border-color 0.3s, background 0.3s, box-shadow 0.3s;
cursor: default;
box-sizing: border-box;
overflow: hidden;
}
#july-calendar-grid .day-card:hover {
border-color: var(--dusty-rose);
background: #FFF9F0;
box-shadow: 0 2px 8px rgba(210, 165, 165, 0.25);
}
#july-calendar-grid .day-card .day-number {
font-size: 16px;
font-weight: bold;
color: var(--dusty-rose);
margin-bottom: 2px;
flex-shrink: 0;
}
#july-calendar-grid .day-card .day-bonus {
font-size: 8px;
color: var(--dark-gray);
flex-shrink: 0;
margin-bottom: 2px;
}
#july-calendar-grid .day-card .day-task {
font-size: 8px;
color: #777;
line-height: 1.2;
flex-shrink: 1;
overflow: hidden;
text-overflow: ellipsis;
}

/* �� */
#july-calendar-grid .empty-card {
background: var(--light-gray);
border: 1px dashed #ddd;
border-radius: 4px;
height: 90px;
display: flex;
align-items: center;
justify-content: center;
color: #ccc;
font-size: 9px;
box-sizing: border-box;
}

/* �� */
#july-calendar-grid .gifts-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
}
#july-calendar-grid .gifts-table td {
padding: 4px;
text-align: center;
vertical-align: middle;
}

/* �� */
#july-calendar-grid .gifts-label {
font-family: 'Playfair Display', Georgia, serif;
font-size: 14px;
font-weight: bold;
color: var(--dusty-rose);
text-align: center;
margin: 12px 0 8px;
letter-spacing: 0.5px;
}

/* �� */
#july-calendar-grid .gift-cell {
background: var(--soft-lavender);
border: 2px solid var(--soft-sage);
border-radius: 4px;
height: 70px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
text-align: center;
padding: 4px;
color: var(--dark-gray);
font-size: 10px;
font-weight: bold;
line-height: 1.3;
box-sizing: border-box;
transition: background 0.3s, box-shadow 0.3s;
cursor: default;
}
#july-calendar-grid .gift-cell:hover {
background: #f0e8f7;
box-shadow: 0 2px 8px rgba(210, 165, 165, 0.2);
}

/* �� */
#july-calendar-grid p {
margin: 0 0 8px;
}
</style>

<tr>
<td>
<div class="day-card">
<div class="day-number">8</div>
<div class="day-bonus">+10$</div>
<div class="day-task">-</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">9</div>
<div class="day-bonus">+10$</div>
<div class="day-task">-</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">10</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� </div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">11</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� </div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">12</div>
<div class="day-bonus">+10$</div>
<div class="day-task">-</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">13</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� ?</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">14</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� </div>
</div>
</td>
</tr>

<tr>
<td>
<div class="day-card">
<div class="day-number">15</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� </div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">16</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� ?</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">17</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� \��\��</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">18</div>
<div class="day-bonus">+10$</div>
<div class="day-task">-</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">19</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� ?</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">20</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� ?</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">21</div>
<div class="day-bonus">+10$</div>
<div class="day-task">-</div>
</div>
</td>
</tr>

<tr>
<td>
<div class="day-card">
<div class="day-number">22</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� </div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">23</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� </div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">24</div>
<div class="day-bonus">+10$</div>
<div class="day-task">-</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">25</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� </div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">26</div>
<div class="day-bonus">+10$</div>
<div class="day-task">-</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">27</div>
<div class="day-bonus">+10$</div>
<div class="day-task">-</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">28</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� , �� </div>
</div>
</td>
</tr>

<tr>
<td>
<div class="day-card">
<div class="day-number">29</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� ?</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">30</div>
<div class="day-bonus">+10$</div>
<div class="day-task">�� ?</div>
</div>
</td>
<td>
<div class="day-card">
<div class="day-number">31</div>
<div class="day-bonus">+10$</div>
<div class="day-task">-</div>
</div>
</td>
<td><div class="empty-card">�</div></td>
<td><div class="empty-card">�</div></td>
<td><div class="empty-card">�</div></td>
<td><div class="empty-card">�</div></td>
</tr>
</table>

<div class="gifts-label">�� 30 �� </div>
<table class="gifts-table">
<tr>
<td>
<div class="gift-cell">
<div>+300$ � �� <br>
*�� </div>
</div>
</div>
</td>
</tr>
</table>
</div>
</div>[/html]

�� . �� 12 �� . �� , �� . ��-��
�� 

10.07: �� https://nyc.f-rpg.me/viewtopic.php?id=1407
11.07: �� https://nyc.f-rpg.me/viewtopic.php?id=1407
13.07: �� ? https://nyc.f-rpg.me/viewtopic.php?id=1407
14.07: �� ? https://nyc.f-rpg.me/viewtopic.php?id=1407
15.07: �� https://nyc.f-rpg.me/viewtopic.php?id=1324
16.07: �� ? https://nyc.f-rpg.me/viewtopic.php?id=1407
17.07: �� \�� https://nyc.f-rpg.me/viewtopic.php?id=296
19.07: �� ? https://nyc.f-rpg.me/viewtopic.php?id=1407
20.07: �� ? https://nyc.f-rpg.me/viewtopic.php?id=1407
22.07: �� https://nyc.f-rpg.me/viewtopic.php?id=1326
23.07: ��
25.07: �� https://nyc.f-rpg.me/viewtopic.php?id=1407
28.07: �� , �� https://nyc.f-rpg.me/viewtopic.php?id=1407
29.07: �� ? https://nyc.f-rpg.me/viewtopic.php?id=1407
30.07: �� : �� ? https://nyc.f-rpg.me/viewtopic.php?id=1407

[hideprofile]

��

mybb@mybb.ru (elfr) — Mon, 13 Jul 2026 05:03:54 +0300

�� 
1. ��
2. ��
3. ��
4. �� , �� . �� .
5. ��, �� , ��: ��, �� -��, �� .
6. ��
��:
1. ��
2. ��
3. ��

�� 
1. �� , �� , �� .
2. �� .
3. �� .
4. �� "�� " �� "�� " �� 0,03 ��.
5. �� .
6. �� .

�� 
1) ��
2) �� , �� : " �� -�� ! �� ,��
3)�� .
� �� 20, �� ?
4) �� ... 12?
5) ��. ��
��:
1)�� . ��, ��
2) �� . �� , �� , � ��: �� -��) ��??? ��
3) �� . ��, �� , ��

��
1. �� (�� , �� ).
�� (�� )
3. �� (�� ) � �� ).
4. ��-�� , �� ( �� , �� )
5. �� 4 ��.
6 �� .
��
1. � �� , �� . �� .
2. �� .
3. �� . (� �� ))

�� 
* �� . �� –�� , � ��.
* �� . �� , �� , �� . �� .
* � �� , �� , �� , �� , �� -�� .
*�� . �� , �� . (��,� �� , �� , �� )
* �� , � �� . �� – �� .

��

mybb@mybb.ru (elfr) — Mon, 13 Jul 2026 05:01:56 +0300

[html]<div id="info-block" class="glossy-news">
<style>
#info-block.glossy-news {
--dusty-rose: #D2A5A5;
--dusty-yellow: #E5C87B;
--dark-gray: #3C3C3C;
--light-gray: #F5F5F5;
--white: #FFFFFF;

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');

#info-block .content-block {
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--dusty-rose);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
overflow: hidden; /* �� float */
}

#info-block .block-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.5px;
color: var(--dark-gray);
margin: 0 0 12px;
padding-bottom: 6px;
border-bottom: 2px solid var(--dusty-yellow);
position: relative;
}
#info-block .block-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 40px;
height: 2px;
background: var(--dusty-rose);
}

/* �� */
#info-block .float-image {
float: left;
width: 150px; /* �� 150px */
height: 150px; /* �� 150px */
object-fit: cover;
margin: 0 20px 14px 0;
border-radius: 12px; /* �� */
border: 1px solid var(--dusty-yellow);
background: var(--light-gray);
}

#info-block a {
color: var(--dusty-rose);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid transparent;
transition: color 0.2s, border-bottom 0.2s;
}
#info-block a:hover {
color: var(--dark-gray);
border-bottom-color: var(--dusty-yellow);
}

#info-block p {
margin: 0 0 12px;
}
#info-block p:last-child {
margin-bottom: 0;
}
</style>

<div class="content-block">
<div class="block-title">�� : Rachel Holt</div>

<p>
�� Rachel Holt!
</p>
<p>
� �� 10 �� (�� 22.07 ��) �� , �� .
</p>
<p>
* �� , �� <br>
* �� , �� (�� -��, �� )<br>
* �� (��, �� )<br>
* � �� , � �� "��" ��: ��, ��, ��, �� <br>
* �� :)<br>
</p>
</div>
</div>[/html]
[html]<div id="info-block" class="glossy-news">
<style>
#info-block.glossy-news {
--dusty-rose: #D2A5A5;
--dusty-yellow: #E5C87B;
--dark-gray: #3C3C3C;
--light-gray: #F5F5F5;
--white: #FFFFFF;

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:wght@600;700&display=swap');

#info-block .content-block {
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--dusty-rose);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
}

#info-block p {
margin: 0 0 12px;
}
#info-block p:last-child {
margin-bottom: 0;
}
</style>

<div class="content-block">
<div class="block-title">��
</div>
<p>
�� :)
</p>
<p>1. �� ?</p>
<p>2. �� \��?</p>
<p>3. �� ?</p>
</div>
</div>[/html]

��

mybb@mybb.ru (elfr) — Tue, 07 Jul 2026 08:29:26 +0300

[html]<div id="badges-limited-edition" class="glossy-news">
<style>
/* === �� : ��-�� === */
#badges-limited-edition.glossy-news {
--dusty-rose: #D2A5A5;
--dusty-yellow: #E5C87B;
--dark-gray: #3C3C3C;
--light-gray: #F5F5F5;
--white: #FFFFFF;

font-family: 'Verdana', 'Century Gothic', Arial, sans-serif;
font-size: 12px;
line-height: 1.6;
color: var(--dark-gray);
background: var(--light-gray);
max-width: 1000px;
margin: 0 auto;
padding: 20px 24px;
box-sizing: border-box;
box-shadow: 0 4px 24px rgba(0,0,0,0.06);
border-radius: 4px;
}

#badges-limited-edition .content-block {
background: var(--white);
padding: 20px 24px;
border-radius: 6px;
border: 1px solid var(--dusty-rose);
box-shadow: 0 2px 8px rgba(0,0,0,0.03);
overflow: hidden; /* �� */
}

#badges-limited-edition .float-image {
float: left;
width: 120px;
height: auto;
margin: 0 16px 10px 0;
border-radius: 6px;
border: 1px solid var(--dusty-yellow);
display: block;
}

#badges-limited-edition .block-title {
font-family: 'Playfair Display', Georgia, serif;
font-weight: 700;
font-size: 20px;
letter-spacing: 0.5px;
color: var(--dark-gray);
margin: 0 0 16px;
padding-bottom: 6px;
border-bottom: 2px solid var(--dusty-yellow);
position: relative;
}
#badges-limited-edition .block-title::after {
content: '';
position: absolute;
bottom: -2px;
left: 0;
width: 40px;
height: 2px;
background: var(--dusty-rose);
}

#badges-limited-edition p {
margin: 0 0 12px;
}
#badges-limited-edition p:last-child {
margin-bottom: 0;
}

#badges-limited-edition a {
color: var(--dusty-rose);
text-decoration: none;
font-weight: 600;
border-bottom: 1px solid transparent;
transition: color 0.2s, border-bottom 0.2s;
}
#badges-limited-edition a:hover {
color: var(--dark-gray);
border-bottom-color: var(--dusty-yellow);
}
</style>

<div class="content-block">
<div class="block-title">#6 �� (�� 15.07)</div>
<img src="https://forumstatic.ru/files/001c/b3/e9/34952.png?img=28" alt="��" class="float-image">
<p>
�� .
</p>
<p>
�� 15.07.<br>
�� 2 000 $ <br>
�� .
</p>
</div>
</div>[/html]
1. 2. 3.
4. 5. 6.

��

�� :
�� - �� .

��

mybb@mybb.ru (elfr) — Tue, 16 Jun 2026 09:47:52 +0300

[html]<!DOCTYPE html>
<html lang="ru">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>�� </title>
<style>
/* ===== �� : �� .agent-dossier ===== */
.agent-dossier {
all: initial;
display: block;
max-width: 860px;
margin: 0 auto;
font-family: 'Courier New', 'Lucida Console', 'Consolas', monospace;
font-size: 14px;
line-height: 1.5;
color: #4a4a4a;
background-color: #e0e0e0;
border: 2px solid #9e9e9e;
border-radius: 4px;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.15);
box-sizing: border-box;
}

.agent-dossier *,
.agent-dossier *::before,
.agent-dossier *::after {
all: unset;
display: revert;
box-sizing: border-box;
font-family: inherit;
font-size: inherit;
color: inherit;
line-height: inherit;
}

/* ===== �� ===== */
.agent-dossier .dossier-table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
border: 1px solid #b0b0b0;
}

.agent-dossier .dossier-table th,
.agent-dossier .dossier-table td {
padding: 12px 16px;
vertical-align: top;
border: 1px solid #c0c0c0;
}

/* ===== �� ===== */
.agent-dossier .dossier-label {
font-weight: 700;
color: #5e5e5e;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.75rem;
white-space: nowrap;
}

.agent-dossier .dossier-value {
color: #3a3a3a;
font-weight: 500;
}

.agent-dossier .label-cell {
width: 28%;
background-color: #d8d8d8;
text-align: right;
padding-right: 14px;
border-right: 2px solid #aaaaaa;
}

.agent-dossier .value-cell {
background-color: #d5d5d5;
text-align: left;
}

.agent-dossier .section-divider {
background-color: #d0d0d0;
border-bottom: 1px solid #aaaaaa;
text-align: center;
font-weight: 700;
letter-spacing: 2px;
text-transform: uppercase;
color: #4e4e4e;
font-size: 0.75rem;
padding: 8px;
}

/* ===== �� (�� , �� 120×120) ===== */
.agent-dossier .family-row {
display: flex;
gap: 16px;
padding: 4px 0;
flex-wrap: wrap;
justify-content: center;
}

.agent-dossier .family-card {
flex: 0 0 auto;
width: 100px;
background-color: #d8d8d8;
border: 1px solid #b0b0b0;
border-radius: 2px;
text-align: center;
overflow: hidden;
transition: border-color 0.2s ease;
}

.agent-dossier .family-card:hover {
border-color: #6a6a6a;
}

.agent-dossier .family-photo {
width: 100px;
height: 100px;
object-fit: cover;
display: block;
background-color: #c8c8c8;
border-bottom: 1px solid #b0b0b0;
}

.agent-dossier .family-info {
padding: 8px 5px 6px;
}

.agent-dossier .family-relation {
font-size: 0.6rem;
letter-spacing: 1.2px;
text-transform: uppercase;
color: #5a5a5a;
font-weight: 700;
line-height: 1.2;
}

.agent-dossier .family-name {
font-size: 0.72rem;
color: #2e2e2e;
margin-top: 3px;
font-weight: 600;
line-height: 1.3;
word-break: break-word;
}

.agent-dossier .family-note {
font-size: 0.65rem;
color: #6e6e6e;
margin-top: 2px;
font-style: italic;
line-height: 1.3;
}

/* ===== �� (�� ) ===== */
.agent-dossier .tags-row {
display: flex;
gap: 20px;
padding: 4px 0;
}

.agent-dossier .tag-card {
flex: 1;
background-color: #d8d8d8;
border: 1px solid #b0b0b0;
border-radius: 2px;
text-align: center;
padding: 14px 10px;
}

.agent-dossier .tag-image {
width: 150px;
height: 150px;
object-fit: cover;
background-color: #c8c8c8;
border: 2px solid #aaaaaa;
margin: 0 auto 10px;
display: block;
}

.agent-dossier .tag-caption {
font-size: 0.7rem;
letter-spacing: 1px;
text-transform: uppercase;
color: #5a5a5a;
font-weight: 600;
}

.agent-dossier .tag-detail {
font-size: 0.75rem;
color: #3e3e3e;
margin-top: 4px;
}

/* ===== �� ===== */
.agent-dossier .timeline-block {
padding: 2px 0;
}

/* �� */
.agent-dossier .episode-scroll {
max-height: 700px;
overflow-y: auto;
padding-right: 6px;
scrollbar-width: thin;
scrollbar-color: #b0b0b0 #dcdcdc;
}

/* �� WebKit (Chrome, Safari, Edge) */
.agent-dossier .episode-scroll::-webkit-scrollbar {
width: 6px;
}

.agent-dossier .episode-scroll::-webkit-scrollbar-track {
background: #dcdcdc;
border-radius: 3px;
}

.agent-dossier .episode-scroll::-webkit-scrollbar-thumb {
background: #b0b0b0;
border-radius: 3px;
}

.agent-dossier .episode-scroll::-webkit-scrollbar-thumb:hover {
background: #8a8a8a;
}

.agent-dossier .year-divider {
display: flex;
align-items: center;
gap: 12px;
margin: 14px 0 10px 0;
padding: 0 4px;
}

.agent-dossier .year-divider:first-child {
margin-top: 4px;
}

.agent-dossier .year-line {
flex: 1;
height: 1px;
background-color: #b0b0b0;
}

.agent-dossier .year-badge {
background-color: #d0d0d0;
border: 1px solid #9e9e9e;
color: #3e3e3e;
padding: 4px 14px;
border-radius: 2px;
font-weight: 700;
letter-spacing: 1.5px;
font-size: 0.8rem;
white-space: nowrap;
}

.agent-dossier .episode-list {
list-style: none;
padding: 0;
margin: 0;
}

.agent-dossier .episode-list li {
display: flex;
align-items: flex-start;
gap: 14px;
padding: 10px 0;
border-bottom: 1px solid #c8c8c8;
}

.agent-dossier .episode-list li:last-child {
border-bottom: none;
}

/* �� + �� (�� ) */
.agent-dossier .episode-thumb-block {
flex-shrink: 0;
width: 200px;
text-align: center;
}

/* �� , �� */
.agent-dossier .episode-cover {
width: 200px;
height: 95px;
object-fit: cover;
display: block;
background-color: #c8c8c8;
border: 1px solid #b0b0b0;
border-radius: 2px;
filter: grayscale(100%) brightness(0.9);
transition: filter 0.35s ease;
}

.agent-dossier .episode-cover:hover {
filter: grayscale(0%) brightness(1);
}

.agent-dossier .episode-date {
font-size: 0.7rem;
color: #6e6e6e;
margin-top: 5px;
font-weight: 600;
letter-spacing: 0.5px;
}

/* �� */
.agent-dossier .episode-content {
flex: 1;
min-width: 0;
display: flex;
flex-direction: column;
gap: 5px;
}

.agent-dossier .episode-code {
font-weight: 700;
color: #5a5a5a;
letter-spacing: 0.5px;
font-size: 0.75rem;
}

/* �� */
.agent-dossier .episode-title-link {
color: #2c2c2c;
cursor: pointer;
font-weight: 700;
font-size: 0.95rem;
text-decoration: underline;
text-underline-offset: 3px;
transition: color 0.2s;
}

.agent-dossier .episode-title-link:hover {
color: #1a1a1a;
text-decoration: none;
}

/* �� , �� */
.agent-dossier .episode-participants {
font-family: 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
font-size: 0.7rem;
color: #6e6e6e;
letter-spacing: 0.3px;
font-style: italic;
}

.agent-dossier .episode-desc {
color: #555;
font-size: 0.85rem;
line-height: 1.5;
}

/* ===== �� ===== */
.agent-dossier .dossier-footer {
background-color: #d0d0d0;
text-align: center;
padding: 10px;
font-size: 0.7rem;
color: #7a7a7a;
letter-spacing: 1px;
border-top: 2px solid #aaaaaa;
}

/* ===== �� ===== */
@media (max-width: 700px) {
.agent-dossier .family-row {
gap: 10px;
}
.agent-dossier .family-card {
width: 100px;
}
.agent-dossier .family-photo {
width: 100px;
height: 100px;
}
.agent-dossier .tags-row {
flex-direction: column;
gap: 12px;
}
.agent-dossier .episode-list li {
flex-direction: column;
align-items: flex-start;
gap: 10px;
}
.agent-dossier .episode-thumb-block {
width: 100%;
max-width: 190px;
}
.agent-dossier .dossier-table .label-cell {
width: 35%;
}
.agent-dossier .episode-scroll {
max-height: 320px;
}
}
</style>
</head>
<body>

<div class="agent-dossier">
<table class="dossier-table">

<tbody>

<tr>
<td colspan="2" class="section-divider">▸ �� ◂</td>
</tr>
<tr>
<td colspan="2" style="padding: 10px 16px; background-color: #dcdcdc;">
<div class="tags-row">

<div class="tag-card">
<img
src="https://forumstatic.ru/files/001c/b3/e9/42561.png"
alt="�� "
class="tag-image"
width="200"
height="200"
>
<div class="tag-caption">�� </div>
<div class="tag-detail">№ 987-65-4321-VIDMAR-TJ � �� : O(I)</div>
</div>

<div class="tag-card">
<img
src="https://forumstatic.ru/files/001c/b3/e9/34219.png"
alt="�� "
class="tag-image"
width="200"
height="200"
>
<div class="tag-caption">�� "��" (�� )</div>
<div class="tag-detail">№ D-8721-4F-ECHO � �� : O(I)</div>
</div>
</div>
</td>
</tr>
</tbody>

<tbody>
<tr>
<td colspan="2" class="section-divider">▸ �� ◂</td>
</tr>
<tr>
<td colspan="2" style="padding: 10px 16px; background-color: #dcdcdc;">
<div class="family-row">

<div class="family-card">
<img
src="https://forumstatic.ru/files/001c/b3/e9/53836.png"
alt="��"
class="family-photo"
width="120"
height="120"
>
<div class="family-info">
<div class="family-relation">�� </div>
<div class="family-name">�� </div>
</div>
</div>

<div class="family-card">
<img
src="https://forumstatic.ru/files/001c/b3/e9/40281.png"
alt="�� "
class="family-photo"
width="120"
height="120"
>
<div class="family-info">
<div class="family-relation">��</div>
<div class="family-name">�� </div>
</div>
</div>

<div class="family-card">
<img
src="https://forumstatic.ru/files/001c/b3/e9/25369.png"
alt="�� "
class="family-photo"
width="100"
height="100"
>
<div class="family-info">
<div class="family-relation">��</div>
<div class="family-name">�� (��)</div>
</div>
</div>

<div class="family-card">
<img
src="https://forumstatic.ru/files/001c/b3/e9/84223.png"
alt="�� "
class="family-photo"
width="100"
height="100"
>
<div class="family-info">
<div class="family-relation">��</div>
<div class="family-name">�� </div>
</div>
</div>

<div class="family-card">
<img
src="https://forumstatic.ru/files/001c/b3/e9/64601.png"
alt="�� -��"
class="family-photo"
width="120"
height="120"
>
<div class="family-info">
<div class="family-relation">��</div>
<div class="family-name">�� (��)</div>
</div>
</div>
</div>
</td>
</tr>
</tbody>

<tbody>
<tr>
<td colspan="2" class="section-divider">▸ �� ◂</td>
</tr>
<tr>
<td colspan="2" style="padding: 10px 16px; background-color: #dcdcdc;">
<p class="dossier-value" style="margin-bottom: 8px; font-style: italic; color: #6e6e6e; font-size:0.85rem;">
�� .
</p>

<div class="episode-scroll">
<div class="timeline-block">


<div class="year-divider">
<span class="year-line"></span>
<span class="year-badge">2026</span>
<span class="year-line"></span>
</div>
<ul class="episode-list">
<li>
<div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/16968.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">6 �� 2026</div>
</div>
<div class="episode-content">
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1348" class="episode-title-link" target="_blank" rel="noopener noreferrer">�� , �� </a>
<span class="episode-participants">Grace North & Tyler Vidmar & Duke Carter</span>
<p class="episode-desc">�� , �� : �� .<br>
��: ��-�� .<br>
��: �� .<br>
��: �� , �� </p>
</div>
</li>
</ul>

<div class="year-divider">
<span class="year-line"></span>
<span class="year-badge">2025</span>
<span class="year-line"></span>
</div>
<ul class="episode-list">
<li>
<div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/58546.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">07 �� 2025</div>
</div>
<div class="episode-content">
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1376" class="episode-title-link" target="_blank" rel="noopener noreferrer">� �� </a>
<span class="episode-participants">Tyler Vidmar & Grace North</span>
<p class="episode-desc">�� .
�� .</p>
</div>
</li>
<li>
<div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/94982.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">05 �� 2025</div>
</div>
<div class="episode-content">
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1295" class="episode-title-link" target="_blank" rel="noopener noreferrer">�� </a>
<span class="episode-participants">Tyler Vidmar & Grace North</span>
<p class="episode-desc">�� , �� , �� , � �� .
�� , �� , �� .
�� , �� , �� , �� , � �� -��… ��.</p>
</div>
</li>
<li><div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/58546.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">�� 2025</div>
</div>
<div class="episode-content">
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1418" class="episode-title-link" target="_blank" rel="noopener noreferrer">�� </a>
<span class="episode-participants">Tyler Vidmar & Grace North</span>
<p class="episode-desc">� �� ? � �� , �� -�� , � �� . � � ��. �� . �� . �� ? �� , �� .<br>
***<br>
� � �� , � �� . � �� . �� , �� . �� . �� . �� ?</p>
</div>
</li>
<li><div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/73212.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">03 �� 2025</div>
</div>
<div class="episode-content">
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1318" class="episode-title-link" target="_blank" rel="noopener noreferrer">� �� </a>
<span class="episode-participants">Tyler Vidmar & Grace North</span>
<p class="episode-desc">�� . �� . �� .</p>
</div>
</li>
<li><div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/40536.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">�� 2025</div>
</div>
<div class="episode-content">
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1274" class="episode-title-link" target="_blank" rel="noopener noreferrer">� �� </a>
<span class="episode-participants">Tyler Vidmar & Grace North</span>
<p class="episode-desc">�� -��, �� .
�� , �� , �� , � �� .
�� ?!�</p>
</div>
</li>
<li><div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/88557.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">�� 2025</div>
</div>
<div class="episode-content">
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1195" class="episode-title-link" target="_blank" rel="noopener noreferrer">�� , �� </a>
<span class="episode-participants">Reina Burke & Tyler Vidmar</span>
<p class="episode-desc">� �� . �� . �� <br>
� � �� ? � �� , �� . � �� -�� …,� �� . � ��? �� ? �� ?</p>
</div>
</li>
</ul>

<div class="year-divider">
<span class="year-line"></span>
<span class="year-badge">2024</span>
<span class="year-line"></span>
</div>
<ul class="episode-list">
<li>
<div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/58546.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">�� 2024</div>
</div>
<div class="episode-content">
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1147" class="episode-title-link" target="_blank" rel="noopener noreferrer"> ��? �� </a>
<span class="episode-participants">Tyler Vidmar & Nao Kimura</span>
<p class="episode-desc">�� , �� </p>
</div>
</li>
</ul>

<div class="year-divider">
<span class="year-line"></span>
<span class="year-badge">2021</span>
<span class="year-line"></span>
</div>
<ul class="episode-list">
<li>
<div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/58546.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">�� 2021</div>
</div>
<div class="episode-content">
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1390" class="episode-title-link" target="_blank" rel="noopener noreferrer">�� </a>
<span class="episode-participants">Kira Gray & Tyler Vidmar</span>
<p class="episode-desc">�� -�� . �� .</p>
</div>
</li>

</ul>

<div class="year-divider">
<span class="year-line"></span>
<span class="year-badge">2018</span>
<span class="year-line"></span>
</div>
<ul class="episode-list">
<li>
<div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/58546.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">�� 2018</div>
</div>
<div class="episode-content">
<a href="https://nyc.f-rpg.me/viewtopic.php?id=1137" class="episode-title-link" target="_blank" rel="noopener noreferrer">� �� . � �� </a>
<span class="episode-participants">Lilo Houston & Tyler Vidmar</span>
<p class="episode-desc">�� . ��, �� . �� -�� , �� . �� , �� . �� .</p>
</div>
</li>
</ul>
</div>
</div>
</td>
</tr>
</tbody>

<div class="episode-scroll" style="max-height: 280px;">
<ul class="episode-list">
<li>
<div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/58546.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">�� </div>
</div>
<div class="episode-content">
<a href="#" class="episode-title-link" target="_blank" rel="noopener noreferrer">�� </a>
<span class="episode-participants">Tyler Vidmar & Instructor Hayes</span>
<p class="episode-desc">�� . �� , �� .</p>
</div>
</li>
<li>
<div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/58546.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">�� </div>
</div>
<div class="episode-content">
<a href="#" class="episode-title-link" target="_blank" rel="noopener noreferrer">�� </a>
<span class="episode-participants">Tyler Vidmar</span>
<p class="episode-desc">�� . �� -�� , �� .</p>
</div>
</li>
<li>
<div class="episode-thumb-block">
<img src="https://forumstatic.ru/files/001c/b3/e9/58546.png" alt="�� " class="episode-cover" width="190" height="90">
<div class="episode-date">�� </div>
</div>
<div class="episode-content">
<a href="#" class="episode-title-link" target="_blank" rel="noopener noreferrer">�� </a>
<span class="episode-participants">Tyler Vidmar & Thomas Reed</span>
<p class="episode-desc">�� , �� . �� -�� .</p>
</div>
</li>
</ul>
</div>
</td>
</tr>
</tbody>

<tfoot>
<tr>
<td colspan="2" class="dossier-footer">
�� : ��
</td>
</tr>
</tfoot>
</table>
</div>

</body>
</html>[/html]