��

mybb@mybb.ru (skeletonhysteria) — Wed, 11 Feb 2026 23:33:59 +0300

[hideprofile][html]

<div class="character-browser">
<style>
.character-browser{
width:100%;
margin:0 auto;
padding:0 20px 20px;
box-sizing:border-box;
display:flex;
flex-direction:column;
background:var(--role-list-browser-bg);
box-shadow:var(--role-list-browser-shadow);
}

/* ===== Sticky letter nav ===== */
.letter-nav{
position:sticky;
top:0;
z-index:2;

display:flex;
flex-wrap:wrap;
justify-content:center;
gap:5px;

margin:0 -20px 20px;
padding:10px 20px;

overflow-x:auto;
-ms-overflow-style:none;
scrollbar-width:none;

background:var(--role-list-letter-nav-bg);
border-top:1px solid var(--role-list-letter-nav-border);
border-bottom:1px solid var(--role-list-letter-nav-border);
}
.letter-nav::-webkit-scrollbar{display:none}

.letter-nav button{
width:36px;height:36px;min-width:36px;
display:inline-flex;
align-items:center;
justify-content:center;

padding:0;
margin:0;

border:1px solid var(--role-list-letter-btn-border);
border-radius:4px;
background:var(--role-list-letter-btn-bg);

font-size:14px;
font-weight:500;
color: var(--role-list-letter-btn-text-color);

cursor:pointer;
transition:.2s;
box-shadow:var(--role-list-letter-btn-shadow);
}
.letter-nav button.active{
background:var(--role-list-letter-btn-active-bg);
color:var(--role-list-letter-btn-active-text);
}
.letter-nav button:disabled{
opacity:.5;
cursor:not-allowed;
background:var(--role-list-letter-btn-disabled-bg);
}

/* ===== Controls ===== */
.controls{
position:sticky;
top:94px;
z-index:2;

display:flex;
align-items:center;
gap:15px;

margin-bottom:20px;
padding:15px;
border-radius:6px;

background:var(--role-list-controls-bg);
box-shadow:var(--role-list-controls-shadow);
flex-shrink:0;
}

/* ===== Segmented filter ===== */
.filter-buttons{
display:flex;
width:100%;
max-width:300px;
height:40px;

position:relative;
overflow:hidden;

background:var(--role-list-filter-bg);
border:1px solid var(--role-list-filter-border);
border-radius:8px;
box-shadow:var(--role-list-filter-inset-shadow);

margin-right:15px;
flex-shrink:0;
}
.filter-btn{
flex:1;
min-width:0;
height:100%;

display:flex;
align-items:center;
justify-content:center;

border:0;
margin:0;
padding:0;
background:transparent;

cursor:pointer;
font-size:14px;
font-weight:500;
color:var(--role-list-filter-btn-text);
white-space:nowrap;

position:relative;
z-index:1;
transition:color .2s;
}
.filter-btn.active{color:var(--role-list-filter-btn-active-text)}

.filter-buttons::after{
content:"";
position:absolute;
top:0;bottom:0;left:0;
width:33.33%;
background:var(--role-list-filter-indicator-bg);
border-radius:6px;
transition:transform .3s cubic-bezier(.25,.8,.5,1);
z-index:0;
}
.filter-buttons[data-active="all"]::after{transform:translateX(0)}
.filter-buttons[data-active="taken"]::after{transform:translateX(100%)}
.filter-buttons[data-active="needed"]::after{transform:translateX(200%)}

/* ===== Search ===== */
.search-box{
width:100%;
min-width:200px;
margin:0 10px;
padding:12px 20px 12px 45px;

border:2px solid var(--role-list-search-border);
border-radius:25px;

font-size:15px;
font-weight:500;
color:var(--role-list-search-text);

outline:0;
box-sizing:border-box;
transition:.2s;

background:var(--role-list-search-bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238B4E49' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") no-repeat 18px center;
box-shadow:var(--role-list-search-shadow);
}
.search-box:focus{
border-color:var(--role-list-search-focus-border);
box-shadow:0 0 0 4px var(--role-list-search-focus-ring);
transform:translateY(-1px);
}
.search-box::placeholder{
color:var(--role-list-search-placeholder-text);
font-weight:400;
}

/* Optional select (kept because it existed in original CSS) */
.filter-select{
flex:1;
min-width:150px;
padding:8px;
border:1px solid var(--role-list-select-border);
border-radius:4px;
background:var(--role-list-select-bg);
font-size:14px;
}

/* ===== Grid of fandom columns ===== */
/* ===== Character list container (was inline) ===== */
#characterList{
background-color: var(--role-list-character-list-bg);
padding: 20px;
border-radius: var(--role-list-character-list-radius);
min-height: 200px;
position: relative;
}

/* ===== Loading overlay (was inline) ===== */
#loadingIndicator{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;

position:absolute;
inset:0;

background: var(--role-list-loading-overlay-bg);
z-index:10;
border-radius: var(--role-list-character-list-radius);
}

.role-list-spinner{
width:40px;
height:40px;
border:4px solid var(--role-list-loading-spinner-track);
border-top:4px solid var(--role-list-loading-spinner-accent);
border-radius:50%;
animation: spin 1s linear infinite;
margin-bottom:15px;
}

.role-list-loading-text{
font-size:16px;
color: var(--role-list-loading-text);
font-weight:500;
}

.role-list-error-message{
color: var(--role-list-loading-error-text);
margin-top:10px;
display:none;
max-width:80%;
text-align:center;
}

.fandoms-container{
display:grid;
grid-template-columns:repeat(auto-fill,minmax(300px,1fr));
grid-auto-rows:400px;
gap:15px;

padding:15px;
margin:0;

flex:1;
overflow-y:auto;

height:calc(100vh - 150px);
}

.fandom-section{
background:var(--role-list-fandom-card-bg);
border-radius:8px;
box-shadow:var(--role-list-fandom-card-shadow);
overflow:hidden;

display:flex;
flex-direction:column;
height:100%;
}

.character-browser .fandom-header,
#pun-main .character-browser h2,
.character-browser .punbb .multipage .topic h2.fandom-header {
background:var(--role-list-fandom-header-bg);
padding:12px 15px !important;
margin:0;
position: relative !important;
left: 0 !important;
height: auto;
line-height: 1em;

display:flex;
justify-content:space-between;
align-items:center;

font-size:14px !important;
font-weight:600 !important;
color:var(--role-list-fandom-header-text);

border-bottom:1px solid var(--role-list-fandom-header-border);

position:sticky;
top:0;
z-index:1;
flex-shrink:0;
}

.fandom-characters{
padding:0 15px 15px;
flex:1;
min-height:0;
max-height:calc(100% - 50px);
overflow-y:auto;

scrollbar-width:thin;
scrollbar-color:var(--role-list-scrollbar-thumb) var(--role-list-scrollbar-track);
}
.fandom-characters::-webkit-scrollbar{width:6px}
.fandom-characters::-webkit-scrollbar-track{
background:var(--role-list-scrollbar-track);
border-radius:3px;
}
.fandom-characters::-webkit-scrollbar-thumb{
background:var(--role-list-scrollbar-thumb);
border-radius:3px;
}

.character-row{padding:8px 0;margin:0}
.characters-list{width:100%}

.needed-row{
margin-top:16px;
padding-top:12px;
border-top:1px solid var(--role-list-character-row-divider);
}
.character-row-header{
margin:10px 0 5px;
width:100%;
font-size:14px;
font-weight:600;
color:var(--role-list-character-row-header-text);
}

/* ===== Cards ===== */
.character-card{
display:flex;
flex-direction:row-reverse;
padding:8px 12px;
margin:4px 0;
border-radius:4px;
cursor:pointer;
transition:.2s;
position:relative;

white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
}
.character-card:hover{
background:var(--role-list-character-card-hover-bg);
transform:translateY(-1px);
box-shadow:var(--role-list-character-card-hover-shadow);
}
.character-card a{
width:100%;
display:flex;
align-items:center;
justify-content:space-between;

color:var(--role-list-character-link-text);
text-decoration:none;

font-size:15px;
font-weight:500;
text-transform:lowercase;

white-space:nowrap;
}

.taken-badge{
background:var(--role-list-taken-badge-bg);
color:var(--role-list-taken-badge-text);
padding:2px 8px;
border-radius:8px;
font-size:11px;
margin-left:6px;
font-weight:500;
text-transform:uppercase;
letter-spacing:.3px;
}
.char-count{
font-size:14px;
color:var(--role-list-count-text);
margin-left:8px;
font-weight:400;
}

.no-results{
grid-column:1 / -1;
text-align:center;
padding:30px;
color:var(--role-list-empty-text);
font-style:italic;
}
.hidden{display:none}

</style>
<div class="letter-nav" id="letterNav">

</div>
<div class="controls">
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px; width: 100%;">
<div class="filter-buttons">
<button id="filterAll" class="filter-btn active">��</button>
<button id="filterTaken" class="filter-btn">��</button>
<button id="filterNeeded" class="filter-btn">��</button>
</div>
<div style="flex: 1; min-width: 200px; position: relative;">
<input type="text" id="searchInput" class="search-box" placeholder="�� ..."
style="width: 100%;">
</div>
</div>
</div>

</div>
[/html]

��

mybb@mybb.ru (skeletonhysteria) — Wed, 24 Sep 2025 19:01:38 +0300

� ��

�� �� ��

� ��

��:

<div class="fandom">������ �� ����. �����</div><div class=name><a target="_blank" href="������ �� ������"><b>��� � ������� �� ���.</b></a></div><div class="lz"> ��� �� ������ ���� ��</div>

�� ;

� ��

��:

������ �� ����. �����

� ��

��:

<div class="plashka"><div class="img" style="background-image: url(https://i.ibb.co/tMvSFBFP/tumblr-d0eb9e939a3cd9cea96985f8674d8783-3fbb395e-400.jpg)"></div><div class="text"><div class="top">����������</div><div class="bottom">������ ���������� ����. ��� �� �����, ���� �����.</div></div></div>

�� ;

mybb@mybb.ru (skeletonhysteria) — Wed, 24 Sep 2025 04:22:27 +0300

wfwfwf

��

mybb@mybb.ru (skeletonhysteria) — Tue, 23 Sep 2025 02:39:23 +0300

[hideprofile][html]<style>
.news-container {
width: 100%;
max-width: 800px;
margin: 0 auto;
height: 821px;
overflow: hidden;
border-radius: 10px;
box-shadow: 5px 5px 40.4px -13.43px #00000040;
background: url(https://forumstatic.ru/files/001c/7c/fa/33886.jpg) no-repeat center/cover;
display: flex;
flex-direction: column;
padding-bottom: 40px;
}

.news-header {
width: 100%;
height: 82px;
padding: 20px 30px;
box-sizing: border-box;
display: flex;
justify-content: space-between;
align-items: center;
background: #8B4E49;
color: #EEEEED;
position: relative;
}

.news-header img {
width: 100px;
height: 100px;
border-radius: 50%;
position: absolute;
bottom: -50px;
left: calc(50% - 50px);
}

.news-title {
font-family: "Rennie", sans-serif;
text-transform: uppercase;
font-size: 24px;
}

.news-date {
font-size: 13px;
}

.news-summary {
font-size: 11px;
flex-basis: 40%;
}

.news-summary span {
font-style: italic;
}

.news-content {
width: calc(100% - 40px);
height: calc(100% - 82px);
flex-grow: 1;
padding: 70px 40px 20px 40px;
box-sizing: border-box;
background: #F7F7F5;
margin: 0 auto;
font-size: 14px;
display: flex;
flex-direction: column;
gap: 20px;
}

.news-text-middle {
display: flex;
justify-content: end;
align-items: center;
width: calc(100% + 60px);
}

.news-text-middle-image {
flex-grow: 1;
text-align: center;
}

.news-text-middle-image img {
height: 72px;
}

.news-text-middle-highlight {
background: #8B4E49;
color: #EEEEED;
display: inline-block;
width: 80%;
max-width: 80%;
min-height: 74px;
padding: 20px;
box-sizing: border-box;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}

.news-text-bottom {
flex-grow: 1;
overflow: auto;
}

.news-text-goodbye {
text-align: right;
text-transform: uppercase;
font-family: "Rennie", sans-serif;
font-size: 20px;
width: 100%;
}
</style>
<div class="news-container">
<div class="news-header">
<div class="news-title">
�� #1
<div class="news-date">22.09.2025</div>
</div>
<img src="https://forumavatars.ru/img/avatars/001c/7c/fa/2-1757898473.png" alt="">
<div class="news-summary">
<strong>� �� : </strong>
<span>�� , ��
��, �� "��" ��. �� !</span>
</div>
</div>

<div class="news-content">
<div class="news-text-top">
��!<br><br>
�� . �� , �
�� , �� . ��
�� , � � �� .
</div>
<div class="news-text-middle">
<div class="news-text-middle-image"><img src="https://forumstatic.ru/files/001c/7c/fa/81621.png" alt=""></div>
<div class="news-text-middle-highlight">
��
</div>
</div>
<div class="news-text-bottom">
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
<br><br>
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore
et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut
aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
culpa qui officia deserunt mollit anim id est laborum.
</div>
<div class="news-text-goodbye">
�� ...
</div>
</div>[/html]

��

mybb@mybb.ru (skeletonhysteria) — Mon, 22 Sep 2025 11:06:27 +0300

��-��

lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget dapibus mi. Vivamus congue luctus urna. Mauris et nisl malesuada, sagittis mi non, vestibulum turpis. Quisque pharetra, erat ac pellentesque aliquam, augue augue convallis mi, sed consequat mi nunc et est. Cras id sem in lectus facilisis facilisis. Vestibulum imperdiet non mi non sodales. Praesent turpis libero, sodales id tincidunt id, volutpat vel ipsum. Ut orci lacus, iaculis id pulvinar consectetur, gravida sed lorem. Quisque sed ligula quis ipsum lacinia condimentum. Integer augue mi, sollicitudin sit amet nulla quis, feugiat hendrerit felis. Donec elementum orci finibus orci venenatis pretium. Curabitur vel cursus lacus, ut hendrerit sapien.

��:

[table layout=fixed width=100%]
[tr]
[td][/td]
[td width=200px][align=center][font=Rennie]�����-������ ��������[/font]
[img]https://upforme.ru/uploads/0013/fd/b1/2/260059.png[/img] [img]https://upforme.ru/uploads/0013/fd/b1/2/849107.png[/img][/align]
[align=justify][size=10]lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget dapibus mi. Vivamus congue luctus urna. Mauris et nisl malesuada, sagittis mi non, vestibulum turpis. Quisque pharetra, erat ac pellentesque aliquam, augue augue convallis mi, sed consequat mi nunc et est. Cras id sem in lectus facilisis facilisis. Vestibulum imperdiet non mi non sodales. Praesent turpis libero, sodales id tincidunt id, volutpat vel ipsum. Ut orci lacus, iaculis id pulvinar consectetur, gravida sed lorem. Quisque sed ligula quis ipsum lacinia condimentum. Integer augue mi, sollicitudin sit amet nulla quis, feugiat hendrerit felis. Donec elementum orci finibus orci venenatis pretium. Curabitur vel cursus lacus, ut hendrerit sapien.[/size]
[/align][/td]
[td][/td]
[/tr]
[/table]

��
��

��

��:

[align=center][font=Proletariat][size=25]�������� �������[/size][/font][/align]
[align=center][font=Palatino Linotype][i]��� ��������� � ��� ���������[/i][/font][/align]
[align=center][img]https://upforme.ru/uploads/001c/7c/fa/4/738896.gif[/img][img]https://upforme.ru/uploads/001c/7c/fa/4/738896.gif[/img][img]https://upforme.ru/uploads/001c/7c/fa/4/738896.gif[/img][/align]
[align=center]�������� �������� ������ ��� ������[/align]

��

mybb@mybb.ru (Ailurus Fulgens) — Sun, 21 Sep 2025 00:22:06 +0300

��, ��! �� ! �� - �� !

�� vol 1

mybb@mybb.ru (Ailurus Fulgens) — Sun, 21 Sep 2025 00:11:16 +0300

� �� !
��. �� . � �� !

��

mybb@mybb.ru (Ailurus Fulgens) — Sun, 21 Sep 2025 00:03:19 +0300

�� . �� ! ��. �� . �� . �� !

�� • ��

mybb@mybb.ru (Ailurus Fulgens) — Sat, 20 Sep 2025 23:45:24 +0300

�� ? �� ? �� ? �� !
��! �� , �� , �� .

��

mybb@mybb.ru (skeletonhysteria) — Sat, 20 Sep 2025 22:33:50 +0300

��:

[table layout=fixed width=100%]
[tr]
[td][/td]
[td width=200px][align=center][font=Rennie]�����-������ ��������[/font]
[img]https://upforme.ru/uploads/0013/fd/b1/2/260059.png[/img] [img]https://upforme.ru/uploads/0013/fd/b1/2/849107.png[/img][/align]
[align=justify][size=10]lorem ipsum dolor sit amet, consectetur adipiscing elit. Morbi eget dapibus mi. Vivamus congue luctus urna. Mauris et nisl malesuada, sagittis mi non, vestibulum turpis. Quisque pharetra, erat ac pellentesque aliquam, augue augue convallis mi, sed consequat mi nunc et est. Cras id sem in lectus facilisis facilisis. Vestibulum imperdiet non mi non sodales. Praesent turpis libero, sodales id tincidunt id, volutpat vel ipsum. Ut orci lacus, iaculis id pulvinar consectetur, gravida sed lorem. Quisque sed ligula quis ipsum lacinia condimentum. Integer augue mi, sollicitudin sit amet nulla quis, feugiat hendrerit felis. Donec elementum orci finibus orci venenatis pretium. Curabitur vel cursus lacus, ut hendrerit sapien.[/size]
[/align][/td]
[td][/td]
[/tr]
[/table]

��
�� • ��

��

��:

[align=center][font=Proletariat][size=25]�������� �������[/size][/font][/align]
[align=center][font=Palatino Linotype][i]��� ��������� • ��� ���������[/i][/font][/align]
[align=center][img]https://upforme.ru/uploads/001c/7c/fa/4/738896.gif[/img][img]https://upforme.ru/uploads/001c/7c/fa/4/738896.gif[/img][img]https://upforme.ru/uploads/001c/7c/fa/4/738896.gif[/img][/align]
[align=center]�������� �������� ������ ��� ������[/align]

��

mybb@mybb.ru (skeletonhysteria) — Fri, 19 Sep 2025 17:58:40 +0300

� � �� ? �
�� ? �� .
�� -�� .

● �� �� ;

● �� ;
[ � �� , �� -�� ]

● �� , �� , � �� ;

● �� : 88*31;

● �� , �� .

● �� , � �� . �� , �� .
[ ��, �� , �� , �� , �� , � �� ]

��:

<a href="������" target="_blank" title="circus cross" ><img src="https://i.postimg.cc/0yJGV0Pj/1.jpg"></a>

��:

<a href="������" target="_blank" title="circus cross" ><img src="https://i.postimg.cc/Yq0zWwP1/3.png"></a>

��:

<a href="������" target="_blank" title="circus cross" ><img src="https://i.postimg.cc/4N0bvSCj/2.jpg"></a>

��:

[font=Rennie][size=20]● ��������� ������ � ������ ������[/size][/font] 

...

[font=Rennie][size=20]● ��� ������ ������� � �������[/size][/font] 

...

[font=Rennie][size=20]● ������ �� ���� � ����� ��������[/size][/font] 

...

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:33:05 +0300

�� vol1

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:32:43 +0300

● �� , �� , �� .

● �� . �� . �� .

● �� , �� , �� [ �� ], � �� . �� ? �� , �� , �� . �� .

��:

[align=center][url=������][img]https://i.ibb.co/4ZkxXFKh/1.png[/img][/url][/align]

��:

[align=center][url=������][img]https://upforme.ru/uploads/001c/7c/fa/3/875687.png[/img][/url][/align]

��:

[align=center][url=������][img]https://upforme.ru/uploads/001c/7c/fa/3/513149.png[/img][/url][/align]

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:32:37 +0300

● �� , �� , �� .

● �� . �� . �� .

● �� , �� , �� [ �� ], � �� . �� ? �� , �� , �� . �� .

��:

[align=center][url=������][img]https://i.ibb.co/4ZkxXFKh/1.png[/img][/url][/align]

��:

[align=center][url=������][img]https://upforme.ru/uploads/001c/7c/fa/3/875687.png[/img][/url][/align]

��:

[align=center][url=������][img]https://upforme.ru/uploads/001c/7c/fa/3/513149.png[/img][/url][/align]

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:31:32 +0300

� ��
�� , ��, �� .

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:30:59 +0300

� � �� ? �
�� , ��

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:30:50 +0300

� ��

�� .
�� . �� . �� .
( �� )

��

�� • 3 ��
�� • 5 ��
�� • 2 ��

�� • 2 ��

�� • 20 ��
�� • 10 ��
�� • 30 ��

�� 100 �� • 2 ��
�� 500 �� • 4 ��
�� 1000 �� • 6 ��

�� • 5 ��

�� • 1 ��

��:

[b]������� ��������� ��:[/b]

�� ��� �������� + ������ ������������� ��� �����

[b]����������:[/b]
����� ����� ����������� ������.

[b]����� ����� ����������:[/b]
�������� ����� � �������.

��

�� 10 ��

�� 25 ��
�� 60 ��

�� :
�� 20 ��
2 �� 30 ��

�� :
�� 30 ��
�� 50 ��

�� 2 ��

��:

[b]����� ��������� ��:[/b]

�� ��� ������

[b]����������:[/b]
������� �����������

[b]����� ����� ����������:[/b]
�������� ����� � �������.

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:29:25 +0300

� ��

� �� , �� , �� , � �� .

� NAME �
�fandom�

��, ��, ��

� ��

�� -�� . �� ? �� ?

��:

[align=center][font=Rennie][size=30]� NAME �[/size][/font]
�fandom�[/align]

[align=center][img]https://i.ibb.co/xSc6Pd1p/image.jpg[/img] [img]https://i.ibb.co/xSc6Pd1p/image.jpg[/img][/align]

[align=center][size=10]�������, ������, ���������� ��� �� ������ �� ����� � ��� ���������[/size][/align]

[align=center][font=Rennie][size=30]� �������� ���������� �[/size][/font][/align]

[table table-layout=fixed width=100%][tr][td width=5%][/td][td]

������ ���-������ �������� ����. ������ ������ ������ ����� ���������? ������ �� ������ ����� ������ ���� ����?

[/td][td width=5%][/td][/tr][/table]

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:29:16 +0300

� � ��

�� , �� .

� NAME �
�fandom�

��, ��, ��

� ��

�� -�� . �� ? �� ? �� ? �� ? �� ?

��:

[align=center][font=Rennie][size=30]� NAME �[/size][/font]
�fandom�[/align]

[align=center][img]https://i.ibb.co/xSc6Pd1p/image.jpg[/img] [img]https://i.ibb.co/xSc6Pd1p/image.jpg[/img][/align]

[align=center][size=10]�������, ������, ���������� ��� �� ������ �� ����� � ��� ���������[/size][/align]

[align=center][font=Rennie][size=30]� �������� ���������� �[/size][/font][/align]

[table table-layout=fixed width=100%][tr][td width=5%][/td][td]

������ ���-������ �������� ����. ������ ������ ������ ����� ���������? �� ������? �� �������? ������ ������ ��? ���� �� ������� ����� ���������?

[/td][td width=5%][/td][/tr][/table]

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:29:05 +0300

� ��

● �� �� . �� -�� , �� , �� .

● �� , �� , �� -�� , �� -�� , � �� . �� , � �� .

� NAME �
�fandom�

��, ��, ��

� ��

�� [ �� ] ��. �� ? ��? �� , �� , �� . �� .

� ��

�� -�� , �� . ��? ��? ��-�� ? �� .

��:

[align=center][font=Rennie][size=30]� NAME �[/size][/font]
�fandom�[/align]

[align=center][img]https://i.ibb.co/xSc6Pd1p/image.jpg[/img] [img]https://i.ibb.co/xSc6Pd1p/image.jpg[/img][/align]

[align=center][size=10]�������, ������, ���������� ��� �� ������ �� ����� � ��� ���������[/size][/align]

[align=center][font=Rennie][size=30]� �������� ���������� �[/size][/font][/align]

[table table-layout=fixed width=100%][tr][td width=5%][/td][td]

����� �� ������ ���������� ��� ������ [ ��� �� ����� ] ����������. ������ ��������� �� �����? ������? ������ ��� ����, ��� ���������� ������, ������������ � ��������� ����� ��������. ������ �������� ����� ���������.

[/td][td width=5%][/td][/tr][/table]

[align=center][font=Rennie][size=30]� ������������� �[/size][/font][/align]

[table table-layout=fixed width=100%][tr][td width=5%][/td][td]

���� ��� ����� ��� ���-�� �������� � ����� ������, �� �� ������ ������� ��� �����. ����������? ���������? �����-�� �������? ��� ����. 

[/td][td width=5%][/td][/tr][/table]

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:27:23 +0300

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:25:58 +0300

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

� ��

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:25:49 +0300

[hideprofile][html]

<div class="character-browser">
<style>
.character-browser {
width: 100%;
height: 800px;
max-width: 100%;
display: flex;
flex-direction: column;
margin: 0 auto;
padding: 0 20px 20px;
background: #f8f9fa;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
box-sizing: border-box;
}

.controls {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
padding: 15px;
background: white;
border-radius: 6px;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
flex-shrink: 0;
}

.letter-nav {
display: flex;
flex-wrap: wrap;
gap: 5px;
justify-content: center;
margin: 0 -20px 20px -20px;
padding: 10px 20px;
overflow-x: auto;
-ms-overflow-style: none;
scrollbar-width: none;
background: white;
border-top: 1px solid #e9ecef;
border-bottom: 1px solid #e9ecef;
}

.letter-nav button {
width: 36px;
height: 36px;
min-width: 36px;
border: 1px solid #e0e0e0;
background: white;
border-radius: 4px;
display: inline-flex;
align-items: center;
justify-content: center;
cursor: pointer;
font-size: 14px;
font-weight: 500;
padding: 0;
margin: 0;
transition: all 0.2s;
box-sizing: border-box;
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
position: relative;
overflow: hidden;
}

.letter-nav button:disabled {
opacity: 0.5;
cursor: not-allowed;
background: #f1f1f1;
}

.letter-nav button.active {
background: #8B4E49;
color: white;
}

.filter-buttons {
display: flex;
max-width: 300px;
width: 100%;
background: #f1f3f5;
border-radius: 8px;
padding: 0;
position: relative;
box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1);
border: 1px solid #e9ecef;
height: 40px;
overflow: hidden;
margin-right: 15px;
flex-shrink: 0;
}

.filter-btn {
position: relative;
padding: 0;
margin: 0;
border: none;
background: transparent;
cursor: pointer;
font-size: 14px;
font-weight: 500;
color: #495057;
z-index: 1;
transition: color 0.2s ease;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
line-height: 1.2;
height: 100%;
flex: 1;
min-width: 0;
}

.filter-btn:first-child {
border-top-left-radius: 7px;
border-bottom-left-radius: 7px;
}

.filter-btn:last-child {
border-top-right-radius: 7px;
border-bottom-right-radius: 7px;
}

.filter-btn.active {
color: white;
font-weight: 500;
}

.filter-buttons::after {
content: '';
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 33.33%;
background: #8B4E49;
border-radius: 6px;
transition: transform 0.3s cubic-bezier(0.25, 0.8, 0.5, 1);
z-index: 0;
}

.filter-buttons[data-active="all"]::after {
transform: translateX(0);
}

.filter-buttons[data-active="taken"]::after {
transform: translateX(100%);
}

.filter-buttons[data-active="needed"]::after {
transform: translateX(200%);
}

.letter-nav button:disabled {
opacity: 0.5;
cursor: not-allowed;
background: #f1f1f1;
}

.search-box {
flex: 1 1 auto;
min-width: 200px;
width: 100%;
padding: 12px 20px 12px 45px;
border: 2px solid #8B4E49;
border-radius: 25px;
font-size: 15px;
font-weight: 500;
transition: all 0.2s ease;
box-sizing: border-box;
outline: none;
background: #fff8f8 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%238B4E49' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E") no-repeat 18px center;
box-shadow: 0 3px 8px rgba(139, 78, 73, 0.15);
color: #2d3436;
margin: 0 10px;
}

.search-box:focus {
border-color: #e74c3c;
background-color: #ffffff;
box-shadow: 0 0 0 4px rgba(139, 78, 73, 0.25);
transform: translateY(-1px);
}

.search-box::placeholder {
color: #a0a0a0;
font-weight: normal;
}

.filter-select {
flex: 1;
min-width: 150px;
padding: 8px;
border: 1px solid #ddd;
border-radius: 4px;
background: white;
font-size: 14px;
}

.fandoms-container {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
grid-auto-rows: 400px;
/* This ensures all rows have the same height */
gap: 15px;
padding: 15px;
overflow-y: auto;
flex: 1;
margin: 0;
height: calc(100vh - 150px);
}

.fandom-section {
background: #fff;
border-radius: 8px;
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
overflow: hidden;
display: flex;
flex-direction: column;
height: 100%;
/* Make it take full height of grid cell */
position: relative;
}

.character-browser .fandom-header,
.character-browser .punbb .multipage .topic h2.fandom-header {
background-color: #f8f9fa !important;
padding: 12px 15px !important;
font-size: 18px !important;
font-weight: 600 !important;
color: #2c3e50 !important;
border-bottom: 1px solid #e9ecef !important;
display: flex !important;
justify-content: space-between !important;
align-items: center !important;
position: sticky !important;
top: 0 !important;
z-index: 1 !important;
flex-shrink: 0 !important;
margin: 0;
}

.fandom-characters {
padding: 0 15px 15px;
flex: 1;
overflow-y: auto;
max-height: calc(100% - 50px);
/* Account for header height */
scrollbar-width: thin;
scrollbar-color: #c1c1c1 #f1f1f1;
display: flex;
flex-direction: column;
}

.fandom-characters::-webkit-scrollbar {
width: 6px;
}

.fandom-characters::-webkit-scrollbar-track {
background: #f1f1f1;
border-radius: 3px;
}

.fandom-characters::-webkit-scrollbar-thumb {
background: #c1c1c1;
border-radius: 3px;
}

.character-row {
display: block;
padding: 8px 0;
margin: 0;
flex-shrink: 0;
}

.characters-list {
display: block;
width: 100%;
}

.needed-row {
margin-top: 16px;
padding-top: 12px;
border-top: 1px solid #e0e0e0;
}

.character-row-header {
font-size: 14px;
font-weight: 600;
color: #555;
margin: 10px 0 5px 0;
width: 100%;
}

@media (max-width: 768px) {
.fandom-characters {
grid-template-columns: 1fr;
}
}

.character-card {
display: flex;
flex-direction: row-reverse;
padding: 8px 12px;
margin: 4px 0;
border-radius: 4px;
transition: all 0.2s;
cursor: pointer;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}

.character-card:hover {
background: #f1f3f5;
transform: translateY(-1px);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
}

.character-card a {
color: #2d3436;
text-decoration: none;
padding: 0;
transition: all 0.2s;
white-space: nowrap;
display: flex;
align-items: center;
justify-content: space-between;
width: 100%;
font-size: 15px;
font-weight: 500;
}

.taken-badge {
background-color: rgba(139, 78, 73, 0.15);
color: #8B4E49;
padding: 2px 8px;
border-radius: 8px;
font-size: 11px;
margin-left: 6px;
vertical-align: middle;
font-weight: 500;
text-transform: uppercase;
letter-spacing: 0.3px;
}

.char-count {
font-size: 14px;
color: #666;
margin-left: 8px;
font-weight: normal;
}

.fandom-characters>div {
flex: 1;
min-height: 0;
overflow-y: auto;
}

/* Moved to character-card rule */

.character-name {
margin: 0;
color: #2c3e50;
font-size: 0.9em;
}

/* Hide race and class, only showing names */
.character-race,
.character-class {
display: none;
}

/* Quick nav removed for better space efficiency */

.no-results {
text-align: center;
padding: 30px;
color: #7f8c8d;
font-style: italic;
grid-column: 1 / -1;
}

.hidden {
display: none;
}

@media (max-width: 768px) {
.fandoms-container {
grid-template-columns: 1fr;
padding: 10px;
}

.letter-nav {
margin-left: -15px;
margin-right: -15px;
padding: 5px 15px;
gap: 3px;
}

.letter-nav button {
width: 28px;
height: 28px;
min-width: 28px;
font-size: 12px;
}

.controls {
flex-direction: column;
}

.search-box,
.filter-select {
width: 100%;
margin-bottom: 10px;
}

.fandom-characters {
grid-template-columns: repeat(auto-fill, minmax(120px, 1fr));
gap: 8px;
padding: 8px;
}
}

#letterNav {
display: flex;
overflow-x: auto;
white-space: nowrap;
padding: 8px 12px;
background: #f5f5f5;
border-bottom: 1px solid #e0e0e0;
scrollbar-width: none;
/* Hide scrollbar for Firefox */
-ms-overflow-style: none;
/* Hide scrollbar for IE/Edge */
}

#letterNav::-webkit-scrollbar {
display: none;
/* Hide scrollbar for Chrome/Safari */
}

#letterNav button {
flex: 0 0 auto;
margin: 0 2px;
}
</style>
<div class="letter-nav" id="letterNav">

</div>
<div class="controls">
<div style="display: flex; align-items: center; gap: 10px; margin-bottom: 10px; width: 100%;">
<div class="filter-buttons">
<button id="filterAll" class="filter-btn active">��</button>
<button id="filterTaken" class="filter-btn">��</button>
<button id="filterNeeded" class="filter-btn">��</button>
</div>
<div style="flex: 1; min-width: 200px; position: relative;">
<input type="text" id="searchInput" class="search-box" placeholder="�� ..."
style="width: 100%;">
</div>
</div>
</div>

<div id="characterList" class="fandoms-container"
style="background-color: #f8f9fa; padding: 20px; border-radius: 8px; min-height: 200px; position: relative;">
<div id="loadingIndicator" style="display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.9); z-index: 10; border-radius: 8px;">
<div style="width: 40px; height: 40px; border: 4px solid #f3f3f3; border-top: 4px solid #8B4E49; border-radius: 50%; animation: spin 1s linear infinite; margin-bottom: 15px;"></div>
<div style="font-size: 16px; color: #2d3436; font-weight: 500;">�� ...</div>
<div id="errorMessage" style="color: #e74c3c; margin-top: 10px; display: none; max-width: 80%; text-align: center;"></div>
</div>

</div>
<style>
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
</style>

</div>
[/html]

��

mybb@mybb.ru (wildwind) — Wed, 10 Sep 2025 15:25:43 +0300

��

�� :

� �� �� .

� �� 18+. �� , �� , �� 18-�� , �� .

� �� . �� . �� -�� , �� . �� , � �� -��. �� ? �� . �� . �� ? �� -�� , �� -�� , ��, �� , �� .

�� .

● �� �� . �� , �� , �� . �� -�� ? �� . �� .

● � �� �� , � �� : ��, �� , �� .�. �� . � �� . �� ? �� , �� , � �� .

● �� , �� , � �� , �� �� , � �� ��  �� � �� , �� . � �� , �� , �� , �� , �� , �� , �� , �� .�

● �� .
�� . �� : �� ? �� . �� �� . �� , � �� -�� . �� 2 ��, � �� .

● �� ��.
�� , � �� , �� , �� [ �� ]

● �� , � �� 28�� , �� , �� , � �� . �� , �� -�� -�� , � �� .

● �� ��  ( ��? �� ), �� . �� ? ��. �� ? ��. �� ? ��, ��, �� , � �� . �� , �� , �� .

● �� -�� , �� -�� , �� , � �� . �� . � �� , �� . � �� ? �� , � �� , �� . �� ? �� . ��? ��? �� ? �� .

● �� ��  �� . � �� , �� , �� -�� , �� -�� . �� , � �� .

● � �� : �� .

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

��, �� QuadroSystems� LLC.
�� .

������ �������

������ ������� �������� ���� ����� ������� ����� ������� ��������

������ ������

���� ������ ��������;

�������

������ �������

����� ��� ������ ������������

������� ���������� vol 1

���� ����������� ��������

������������ • ������� ������������� ���������

������ �������

������ ���������

������ ���������

��������� �������� vol1

����

����� � ���

����� ��������

����

������ ������

���� ������

������

��������

����������� �� �������

����

����� ���������

��

��

��

�� ;

��

��

��

�� vol 1

��

�� • ��

��

��

��

�� vol1

��

��

��

��

��

��

��

��

��

��

��