the diamonds, the rust, and the rain

��

mybb@mybb.ru (rae rae) — Wed, 15 Apr 2026 00:03:57 +0300

�� !!!!

��

mybb@mybb.ru (rae rae) — Fri, 13 Mar 2026 18:23:25 +0300

��:

theme
hd
themeInfo
hdL
hdF
lead
bg
tabtitle[/data-tabname]:a
tab[/data-tabname]:a
tabdefault:s
plottag
plotpicS
plotpicL
cllc
ach
thingsCard
bk
btitle
bkupon
fc
choice
choiceRed
plotpicN
nmbr
aSt
estbtext
estbtext2
ror
ghostletterstext
ghostletterstext2

charform
charname
charfaceproto
charface
charimg
chargender
charinfo
charoccupation
charstatus
charworkplace
charrole
charbio

��

mybb@mybb.ru (rae rae) — Thu, 26 Feb 2026 00:01:41 +0300

��

��:

<a id="wren_cipher" class="modal-link" href="#" data-reveal-id="character"><div class="textpl"><text style='color:#fff!important;'><m>run</m></text></div></a>

��

��:

<a id="wren_cipher" class="modal-link" href="#" data-reveal-id="character"><div class="textpl"><text style='color:#FF0000!important; text-shadow: 1px 1px 0 #000!important;'><m>run</m></text></div></a>

��

mybb@mybb.ru (rae rae) — Mon, 16 Feb 2026 15:58:51 +0300

��:

.custom_tag_hdInner > p {
    font: 400 15px var(--fancy-font) !important;
    margin: 0!important;
}

.custom_tag_hdSub p {
    margin: 3px 0 0 !important;
    font: 500 10px var(--body-font) !important;
    text-transform: lowercase;
}

.custom_tag_podcast {
    width: 800px;
    margin: 10px auto 0;
    background: var(--forcol);
    border-radius: 5px;
    padding: 10px 10px 30px 10px;
    box-sizing: border-box;
    display: flex;
    flex-direction: column;
    gap: 25px;
}

.custom_tag_podcast * p { margin: 0!important; }

.custom_tag_podhead {
    height: 80px;
    width: 100%;
    background: var(--body);
    border-radius: 5px;
    padding: 20px 40px 20px 85px;
    box-sizing: border-box;
    position: relative;
}

.custom_tag_podTitle p {
    margin: 0 !important;
    font: 400 20px/100% var(--fancy-font) !important;
    text-transform: uppercase;
}

.custom_tag_podLead p {
    font: 600 10px var(--body-font) !important;
    padding-top: 3px;
}

.custom_tag_podInfo {
    display: flex;
    margin: 0 40px;
    gap: 25px;
}

.custom_tag_podInfo img {
    max-width: 300px!important;
    height: 300px;
    object-fit: cover;
}

.custom_tag_podText {
    max-height: 300px;
    overflow: auto;
    padding-right: 5px;
    white-space: pre-wrap;
}

.custom_tag_podText p {  font: 500 12px var(--body-font) !important; }

.custom_tag_news {
    background: var(--forcol);
    padding: 10px 10px 40px;
    box-sizing: border-box;
    width: 800px;
    margin: 15px auto;
    border-radius: 5px;
}

.custom_tag_news * p {
    margin: 0 !important;
    font: 500 12px / 150% var(--body-font) !important;
}

.custom_tag_newsHead {
    display: flex;
    flex-direction: column;
    background: var(--body);
    height: 150px;
    padding: 42px 40px 42px 250px;
    box-sizing: border-box;
    border-radius: 5px;
    position: relative;
}

.custom_tag_newsHead .custom_tag_newsTitle p {
    position: absolute;
    left: 40px;
    top: 50%;
    transform: translateY(-50%);
    font: 400 80px / 140% var(--fancy-font)!important;
}

.custom_tag_newsLead p {
    display: flex;
    flex-direction: column;
    font: 600 10px var(--body-font) !important;
}

.custom_tag_newsLead img {
    margin: 4px 0 0!Important;
    width: 491px;
    height: 51px;
    object-fit: cover;
}

.news_column-1,
.news_column-2,
.news_column-3 {
    width: 700px;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    margin-top: 25px;
    gap: 25px;
}

.custom_tag_newsTitle {
    display: flex;
    justify-content: center;
    width: 100%;
}

.news_column-1 .custom_tag_newsTitle p {
    font: 400 30px var(--fancy-font)!important;
    text-transform: uppercase;
}

.news_column-2 .custom_tag_newsTitle p,
.news_column-3 .custom_tag_newsTitle p {
    font: 400 20px var(--fancy-font)!important;
    text-transform: uppercase;
    margin-bottom: 10px !important;
    text-align: center;
}

.custom_tag_newsInfo {
    display: flex;
    gap: 25px;
}

.custom_tag_newsPara {
    min-height: 200px;
    max-height: 300px;
    overflow: auto;
    padding-right: 4px;
}

.news_column-1 img {
    margin: 0;
    width: 300px;
    height: 300px;
    object-fit: cover;
}

.news_column-1 .custom_tag_newsPara { max-width: 375px;}
.news_column-2 .custom_tag_newsPara {  width: 337px; }
.news_column-3 .custom_tag_newsPara {  width: 216px; }

.admin-hi {
    position: absolute;
    top: 15px;
    left: -63px;
}

.admin-hi p:has(img) {
    margin: 0;
    width: 120px;
    height: 120px;
    background: var(--body);
    border: 1px solid #C6C6C6;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 7px;
    box-shadow: 0px 1px 4px 0px #00000040;
}

.admin-hi p img {
    margin: 0;
    border-radius: 10px;
    width: 100px;
    height: 100px;
    object-fit: cover;
    border: 2px solid var(--body);
}

.hi-h3 {
    margin: 0;
    position: absolute;
    top: -36px;
    left: 0;
    width: 119px;
    height: 32px;
    display: flex;
    align-items: center;
    border-radius: 5px;
    padding-left: 25px;
    box-sizing: border-box;
    box-shadow: 0px 1px 4px 0px #00000040;
    color: var(--t_color);
    font: 700 10px var(--body-font);
    text-transform: uppercase;
    background: var(--body);
}

.hi-h3 p {
    margin: 0 !important;
    font: 600 10px var(--body-font) !important;
}

.hi-h3:before {
    content: '';
    position: absolute;
    top: 35px;
    left: 14px;
    border-left: 2px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid rgb(0 0 0 / 38%);
    z-index: 0;
    filter: blur(3px);
    transform: rotate(171deg);
}

.hi-h3:after {
    content: '';
    position: absolute;
    bottom: -6px;
    left: 14px;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 7px solid rgb(190 190 190);
    z-index: 0;
    transform: rotate(180deg);
}

/* ------------- ������� -------------*/

[data-forum-id="4"] .post-author,
[data-forum-id="4"] h3 { display: none !important; }
[data-forum-id="4"] .post-body { margin: 0; }
[data-forum-id="4"] .reactions-root { padding: 0 65px;}
[data-forum-id="4"] .post-links { width: 88%; }
[data-forum-id="4"] div.post-rating a {  right: 72px; }
[data-forum-id="4"] div.post-rating a:before {
    content: '\f004';
    font: 27px 'Font Awesome';
    position: absolute;
    z-index: -1;
    left: 3px;
    transform: translateX(-50%);
    top: -6px;
    color: var(--t-body);
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
}

[data-forum-id="4"] div.post-vote a {
    right: 98px;
    top: 22px;
}

[data-forum-id="4"] div.post-vote a:before {
    position: absolute;
    content: '\f27a';
    font: 23px 'Font Awesome';
    color: var(--t-body);
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
}

[data-forum-id="4"] div.post-vote a:hover:before { transform: none!important; opacity: .6; }

.socset-profile-card {
    background: var(--back) bottom;
    width: 800px;
    height: 433px;
    border-radius: 5px;
    padding-top: 140px;
    box-sizing: border-box;
    position: relative;
    margin: 0 auto;
}

.socset-profile-card img {
    width: 100px;
    height: 100px;
    object-fit: cover;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 85px;
}

.dark .socset-profile-card img { border: 5px solid #B4B4B4; }
.light .socset-profile-card img { border: 5px solid #bebcb9; }

.socset-profile-inner {
    border-radius: 0 0 5px 5px;
    height: 100%;
    display: flex;
    flex-direction: column;
    padding-top: 70px;
    box-sizing: border-box;
    align-items: center;
}

.dark .socset-profile-inner {  background: #b4b4b4; }
.light .socset-profile-inner {  background: #bebcb9; }

.socset-username {
    order: -1;
    font: 400 20px var(--fancy-font);
    text-transform: uppercase;
    margin-bottom: 10px!important;
}

.socset-nickname {
    font: 600 10px var(--body-font);
    margin-bottom: 10px;
}

.socset-description {
   font: 500 12px / 135% var(--body-font);
    width: 240px;
    margin-bottom: 87px;
}

.socset_new .socset-description { margin-bottom: 15px; }
.network_buttons {
    display: flex;
    gap: 10px;
}

.network_buttons div {
    font: 600 10px var(--body-font);
    text-transform: uppercase;
    padding: 3px 8px;
    background: #00000014;
    border-radius: 5px;
    border: 1px solid #949494;
    margin-bottom: 50px;
}

.network_search {
    width: 10px;
    height: 10px;
    position: relative;
}

.network_search:after {
   content: '\f002';
   font: 10px 'Font Awesome';
   position: absolute;
   top: 2px;
   left: 0;
}

.socset-stats { display: flex; gap: 35px; font: 600 10px / 150% var(--body-font); }
.socset_new .socset-stats { gap: 20px; text-transform: uppercase; }

.socset-post-card {
    background: #0000000D;
    width: 800px;
    padding: 10px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: 0 auto;
}

.socset_new .socset-post-inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 25px;
}

.network_comments .socset-post-inner { gap: 0; }

.socset-post-header {
    display: flex;
    width: 100%;
    min-height: 90px;
    gap: 15px;
    padding: 20px;
    box-sizing: border-box;
    background: var(--body);
    border-radius: 5px;
}

.network_twit .socset-post-header {
    flex-wrap: wrap;
    height: auto;
    border-radius: 0 20px 20px 20px;
}

.network_comments .socset-post-header {
    height: auto;
    flex-direction: column;
    align-items: center;
    gap: 10px;
}

.socset-post-header img {
    width: 50px;
    height: 50px;
    object-fit: cover;
}

 .socset-post-content {
    display: flex;
    flex-direction: column;
    font: 500 12px / 140% var(--body-font);
}

.socset-post-content p {  font: 500 12px / 140% var(--body-font)!important; }

.network_post .socset-post-content {
    white-space: pre-wrap;
    display: block;
    max-width: 740px!important;
}

.socset-post-username {
    font: 400 20px var(--fancy-font);
    text-transform: uppercase;
}

.socset-post-nickname {
    font: 600 10px var(--body-font);
    text-align: left;
}

.socset_new .socset-post-content {  max-width: 500px; }

 .socset-post-content p:has(img) { order: -1;    margin: 20px 0 !important; }
.socset-post-content img,
.socset-post_pic {
    max-height: 600px;
    max-width: 600px;
}

.socset-post-tags {
    font: 600 10px / 140% var(--body-font);
    text-transform: uppercase;
    word-spacing: 9px;
}

.socset-post-actions {
    display: flex;
    gap: 70px;
    margin-bottom: 10px;
    font: 600 10px var(--body-font);
    justify-content: center;
    margin-top: 10px;
}

.socset-post-actions div { position: relative; }

.socset-post-actions .like:before { content: '\f004'; }
.socset-post-actions .repost:before { content: '\f021'; }
.socset-post-actions .comment:before { content: '\f27a'; }
.socset-post-actions .s_download:before { content: '\e09a'; }

.socset-post-actions div:before {
    font: 9px 'Font Awesome';
    margin-right: 4px;
}

.socset-post-card p { margin: 0!important; }
.socset-post-images {
    order: -1;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 6px;
    margin: 20px 0;
}

.socset_new .socset-post-images { order: 0; margin: 0px;}

.socset-post-images img {
    width: 200px;
    height: 200px;
    object-fit: cover;
}

.socset-post-twit {
    width: 100%;
    font: 500 12px / 140% var(--body-font);
}

.network_comments-people,
.network_comments-people a {
    text-transform: uppercase;
    font: 400 20px var(--fancy-font) !important;
}

.network_comments-date {
    font: 600 10px var(--body-font);
}

.network_comments-chat {
    display: flex;
    flex-direction: column;
    margin: 30px 95px 30px;
    width: 610px;
}

.network_comments-chat_left,
.network_comments-chat_right {
    display: flex;
    flex-direction: column;
    gap: 5px;
    margin-bottom: 10px;
    width: 450px;
}

.network_comments-chat_right { align-self: flex-end; }
.network_comments-chat_right  .network_comments-chat_info { flex-direction: row-reverse; }

.network_comments-chat_info { display: flex; }
.network_comments-chat_info img {
    width: 20px;
    height: 20px;
    margin: 0 !important;
}


.network_comments-chat_info h5 {
    margin: 0 !important;
    padding: 0 5px;
    height: 20px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0.08) 0%, rgba(180, 180, 180, 0) 100%);
    width: 100%;
    display: flex;
    align-items: center;
    text-transform: uppercase;
    font: 600 10px var(--body-font) !important;
}

.network_comments-chat_right .network_comments-chat_info h5 {
    flex-direction: row-reverse;
    background: linear-gradient(90deg, rgba(180, 180, 180, 0) 0%, rgba(0, 0, 0, 0.08) 100%);
}

.network_comments-chat_line {
    background: var(--body);
    padding: 10px 10px;
    box-sizing: border-box;
    border-radius: 0 10px 10px 10px;
    font: 500 12px var(--body-font)!important;
}


/* ------------------------- ��������� � �������� ------------------------------*/

.cop {
    position: absolute;
    display: block;
    bottom: -160px;
    left: 50%;
    transform: translateX(-50%);
    color: #cbcbcbcf !important;
    font: 700 var(--body-font) !important;
    text-shadow: 1px 1px 0 #000000a8;
}

.cop:hover {
  color: var(--hovlink) !important;
}

.partner {
  width: 1002px;
  max-height: 60px;
  overflow: auto;
  bottom: -215px;
  align-content: center;
  padding: 0 20px;
  opacity: 0.5;
  transition: all 0.3s ease-in-out;
}

.partner:hover {
  opacity: 1;
}

.partners {
  width: 1042px;
  height: 90px;
  position: absolute;
  bottom: -191px;
  align-content: center;
  box-shadow: var(--br-n-shadow);
  backdrop-filter: blur(5px);
}

/* ------------------------- ������� � ������ ������ ------------------------------*/
/* ������ �������  */
.reactions-root button,
.reactions-root [type="button"],
.reactions-root [type="reset"],
.reactions-root [type="submit"] {
  -webkit-appearance: button !important;
  background-color: transparent;
  border: 1px solid transparent !important;
  background: var(--forcol);
}

.reactions-root button.reaction-picker-button {
  border-radius: 8px !important;
  border: var(--forcol-border) !important;
  box-shadow: none !important;
}

.reactions-root .emoji-mart-anchor {
  padding: 10px 4px !important;
  height: 40px !important;
}

.reactions-root button {
  box-shadow: none !important;
}

.reactions-root button.reaction-picker-button * {
  fill: #0d0b0b9c !important;
}

.reaction-chip.reaction-chip--clicked,
.reaction-chip:not(.reaction-chip--disabled):hover {
  background-color: var(--forcol) !important;
  border: var(--forcol-border) !important;
}

.emoji-mart-emoji {
  transition: all 0.3s ease-in-out;
}

.reaction-counter__count {
  color: var(--t-body);
}

.reactions-root {
  margin-top: -15px;
}

.reactions-root .emoji-mart .emoji-mart-emoji {
  padding: 0px !important;
  margin: 3px;
  cursor: pointer !important;
}

.reactions-root .emoji-mart-category-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.emoji-mart-emoji:hover:before {
  display: none !important;
}
.emoji-mart-emoji:hover {
  transform: scale(1.25);
}

.reactions-root .emoji-mart-category .emoji-mart-emoji span {
  cursor: pointer !important;
}

.hideprofile .reactions-root {
  margin-left: 25px !important;
}

.reactions-root .emoji-mart {
  font: var(--body-font) !important;
  display: inline-block !important;
  color: #424242 !important;
  border: var(--forcol-border) !important;
  border-radius: 0px !important;
background: var(--body) !important;
  width: 495px !important;
}

.reactions-root .emoji-mart-category-label span {
  background-color: var(--forcol) !important;
  border: var(--forcol-border) !important;
  border-radius: 5px;
  margin: 5px;
  width: 468px !important;
}

.reaction-counters-container {
  gap: 6px !important;
}

.reactions-root .emoji-mart-search {
  margin: 10px 15px 10px 10px;
  padding: 0 0px !important;
}

.reactions-root .emoji-mart-bar:first-child {
  border: none !important;
}

.reactions-root .emoji-mart-search input {
  font-size: 13px !important;
  display: block;
  width: 100%;
  padding: 8px 25px 8px 10px !important;
  border-radius: 5px;
  outline: 0;
  border: var(--forcol-border) !important;
}

/* ������� �����   */
div.post-rating p {
  float: right !important;
  border: 0 !important;
  padding: 3px !important;
}

div.post-vote p {
  float: right !important;
  border: 0 !important;
  padding: 3px 13px !important;
  margin-right: 5px !important;
  position: relative;
}

div.post-vote p .negative {
  margin-left: 13px;
}

div.post-rating a,
div.post-vote a {
  font-size: 11px !important;
  text-decoration: none !important;
  letter-spacing: -2px !important;
  color: transparent !important;
  font-family: verdana;
}

div.post-rating a {
    cursor: pointer !important;
    position: relative;
    top: 20px;
    padding-right: 2px;
    z-index: 1;
    font-weight: 300;
    right: 6px;
}

div.post-rating a:before {
    content: '\f0f4';
    font: 28px 'Font Awesome';
    position: absolute;
    z-index: -1;
    left: 4px;
    transform: translateX(-50%);
    top: -5px;
    color: var(--t-body);
    opacity: 0.3;
    transition: all 0.4s ease-in-out;
}

div.post-rating a:hover:before {
  opacity: 0.7;
}

.mylike div.post-rating a:before {
  opacity: 0.7;
}
.mylike div.post-vote a:before {
  opacity: 0;
}

div.post-vote a {
    color: transparent !important;
    position: absolute;
    right: -4px;
    top: -2px;
}

div.post-vote a:hover {
  color: transparent !important;
}

div.post-vote a:before {
    position: absolute;
    content: '\f564';
    font: 19px 'Font Awesome';
    color: var(--t-body);
    opacity: 0.4;
    transition: all 0.4s ease-in-out;
}

div.post-vote a:hover:before {
    transform: translateY(10px);
}

/* ����������� ���������� ����������� � ��������� */
.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
  background: #ab9e9a !important;
  border-radius: 8px;
  color: #fff;
  content: attr(data-new-topics);
  display: inline-block;
  font-size: 0.8em;
  font-weight: 700;
  height: 12px;
  line-height: 12px;
  margin: -6px;
  min-width: 12px;
  padding: 2px;
  position: absolute;
  text-align: center;
}

.notify-parent {
  position: relative;
}

.notify-bubble {
  background: lightblue;
  border-radius: 3px;
  color: black;
  font: bolder 12px/1.2 Tahoma;
  margin: 0;
  min-width: 14px;
  padding: 0 1px;
  position: absolute;
  text-align: center;
}

.notify-bubble:after {
  border-color: lightblue transparent;
  border-style: solid;
  border-width: 3px 3px 0;
  content: "";
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
}

.bubble {
  background: var(--hovlink) !important;
  border: 0 none;
  border-radius: 3px;
  color: #d4d2ce !important;
  display: inline-block;
  font: bolder 9px Roboto !important;
  margin: 0;
  min-width: 12px;
  padding: 0 1px;
  position: absolute;
  right: 2px !important;
  text-align: center;
  top: -9px !important;
}

.bubble:after {
  border-color: #857a75 !important;
  border-style: solid;
  border-width: 2px 2px 0 !important;
  content: "";
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
}

span.num_msg {
  position: absolute;
  margin-top: -15px;
  margin-left: -8px;
  font: 700 10px "Raleway" !important;
  background: var(--hovlink) !important;
  padding: 1px 4px;
  border-radius: 2px;
  height: 14px !important;
  color: #d6e4e9 !important;
  box-shadow: none !important;
  cursor: pointer;
}

span.num_msg:before {
  background: var(--hovlink) !important;
  top: 13px !important;
  margin-left: 0 !important;
}

/* ������� ��������  */
.hvStickerPackModal {
  padding: 20px !important;
  width: 910px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px !important;
  border: var(--forcol-border) !important;
  background: var(--modal) !important;
  box-shadow: none !important;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16),
    0 3px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.hvStickerPackModalContainer {
  position: absolute !important;
  width: 957px !important;
  height: fit-content !important;
  left: 51% !important;
  transform: translateX(-50%) !important;
  z-index: 999 !important;
  margin-top: -400px;
}

.hvStickerPackModalTab {
  padding: 5px 15px !important;
  border-radius: 5px !important;
  background: var(--forcol) !important;
  border: var(--forcol-border) !important;
  font-size: 11px !important;
  font-family: "Mulish" !important;
  cursor: pointer;
  margin-top: 10px !important;
  text-transform: lowercase !important;
  margin-right: 8px !important;
  font-weight: 600;
}

.hvStickerPackModalTab:hover {
  background: rgb(191 191 191 / 20%) !important;
}
.hvStickerPackModalTab.active {
  background: rgb(31 31 31 / 20%) !important;
}

.hvStickerPackModalContent {
  border: none !important;
}

/* �������� �����  */
#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 660px;
    overflow-x: auto;
    z-index: 100;
    padding: 30px;
    border: var(--forcol-border);
    background: var(--body);
    box-shadow: 0px 1px 0px #878e96;
    border-radius: 10px;
}

.hv-storage-count {
  color: var(--t-body);
  font: 700 11px "Mulish";
  text-transform: uppercase;
}

#mask_dialog .hv-add-template {
  cursor: pointer;
  float: right;
  margin: -4px 15px 8px;
  padding: 5px 10px;
  border: solid 1px #979390;
  background: var(--quotcol);
  border-radius: 10px;
}

#mask_dialog .hv-mask-dialog-title {
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  font-family: "Mulish";
  text-transform: uppercase;
  line-height: 34px;
  position: relative;
}

#mask_dialog .hv-form-block input,
#mask_dialog .hv-form-block textarea {
  width: 100% !important;
}
#mask_dialog .hv-form-block {
  max-height: 420px;
  overflow-y: auto;
}

#mask_dialog .hv-control {
  padding: 20px;
  text-align: center;
  position: relative;
}

#mask_form {
  padding: 0px 10px;
  max-height: 420px;
}

#float .vibor {
  display: block;
  width: 20px;
  height: 20px;
  position: relative;
}

#float > div:last-of-type {
  display: flex;
  justify-content: center;
  margin-top: -11px;
}

#floatbut:before {
  content: "\f03c";
}
#button-mask:before {
  content: "\f6fa";
}
#float .vibor:before {
  content: "\f03b";
}

#button-justify:before { content: '\f039'; }
#button-voice:after {content: "\f130";}
#button-spoiler2:before { content: "\f13a"; }

#floatbut:before,
#button-mask:before,
#float .vibor:before,
#button-justify:before,
#button-voice:after,
#button-spoiler2:before {
  font-family: Font Awesome;
  position: absolute;
  font-size: 12px;
  top: 50%;
  left: 50%;
  cursor: pointer;
  color: var(--t-body);
  transform: translateY(-50%) translateX(-50%);
  transition: all 0.2s ease-in-out;
}

#float .vibor:last-of-type:before {
  transform: translateY(-50%) translateX(-50%) scale(-1, 1);
}

#float .vibor:before {
  font-size: 16px;
}

#button-styles:before {
  content: "\f044";
  font-family: Font Awesome;
  position: absolute;
  font-size: 14px;
  top: 50%;
  left: 50%;
  cursor: pointer;
  color: var(--back-color);
  transform: translateY(-50%) translateX(-50%);
  transition: all 0.2s ease-in-out;
}

#button-Change�ase:after {
  position: absolute;
  content: "\f034";
  font-family: "Font Awesome";
  font-size: 12px;
  left: 50%;
  top: 105%;
  transform: translateX(-50%) translateY(-50%);
  height: 20px;
  color: var(--t-body);
  transition: all 0.3s ease-in-out;
}

#button-Change�ase:hover:after,
#button-mask:hover:before,
#button-styles:hover:before,
#button-voice:hover:after,
#floatbut:hover:before,
#button-sticker:hover:before,
#button-justify:hover:before,
#button-spoiler2:hover:before {
  color: var(--hovlink);
}

.pl-share {
  display: none !important;
}

.linksb .pagelink strong,
.linkst .pagelink strong {
  font: 10px 700 var(--body-font);
  padding: 1px 5px 2px;
  background: var(--forcol);
  border-radius: 5px;
  border: 1px solid #9f9e98;
}

.isguest #pun-viewtopic .topic {
  margin-bottom: 15px;
}

.lastedit {
  display: none;
}

#pre_placement > a {
  height: 0px !important;
  top: 30px !important;
  right: 4px !important;
}

#pre_placement > a:after {
  content: "\f358";
  font-family: Font Awesome;
  font-size: 16px;
}

.Form-Table {
  width: 95%;
  top: 30px;
  left: 20px;
  margin-bottom: 10px;
}

.table_GamePosts tr:nth-child(odd) {
  background: #00000010 !important;
}

.table_GamePosts {
  background: none !important;
}

.punbb .table_GamePosts td {
  border: 1px solid #74726e !important;
}

.punbb .table_GamePosts tbody tr:not(.first) .aa {
  color: #c4c0b9 !important;
  background: url(https://forumstatic.ru/files/0018/b2/d3/45858.png?v=1) !important;
}

/* ������ "��������" �� ����� */
.hide-box .qcn {
  display: none;
}

/* ��� �������� */
.custom_tag_lower {
  text-transform: lowercase;
}

/* ��� �������� */
.custom_tag_upper {
  text-transform: uppercase;
}

#notify-link .unreads,
#navpm .unreads {
  background: var(--hovlink) !important;
  font-size: 8px !important;
  color: #ccc7bf !important;
  right: -1.3em !important;
  top: -1em !important;
}

#notifications .notification-item {
  box-sizing: border-box;
  padding: 10px 15px 0px !important;
}

#notifications .notification-item:last-of-type {
  padding: 10px 15px 10px !important;
}

.unread-notifications .modal-inner {
  margin-top: 0 !important;
}
.unread-notifications h2 {
  background-color: #aaa69f !important;
  box-sizing: border-box !important;
  padding: 6px !important;
}
.notification-right span {
  font-weight: 600 !important;
}
.notification-right span a {
  font-weight: 700 !important;
}
#notifications-stored tbody tr {
  box-sizing: border-box;
  padding: 10px 15px 0px;
  display: flex;
}

.notification-image {
  opacity: 0.85;
  float: left;
  border-radius: 5px !important;
  filter: grayscale(0.5) brightness(0.9);
  border: 1px solid #978d7b;
  box-sizing: border-box;
}

.notification-image:hover {
  opacity: 1;
}

/* -------------- ���������� ����� ��������� ��� �������� ���� ----------------*/

.html_thems-wrapper {
    display: flex;
    flex-direction: column;
    margin: auto;
    align-items: center;
    gap: 20px;
    border-radius: 12px;
    overflow: hidden;

}
 
.html_thems-header {
	display: flex;
	flex-direction: column;
	justify-content: center;
    color: var(--beg100);
	padding: 15px 15px 20px;
	align-self: stretch;
}


.html_thems-title span {
display: flex;
    align-items: center;
    justify-content: center;
    color: var(--links);
    width: auto;
    padding: 10px 0px 20px !important;
    margin: 0px;
    font: normal 38px var(--font-accent);
    text-transform: lowercase;
}

.html_thems-desc2 {
    font-size: 7px;
    color: var(--links);
    margin: -39px 85px -11px !important;
    text-align: center;
    text-transform: uppercase;
}

.html_thems-container_wrapper2 {
	margin: 0 20px !important;
	align-self: stretch;
	display: flex;
    height: 290px;
	justify-content: center;
	font-family: var(--font);
	gap: 5px;
	position: relative;
	overflow: hidden;
	padding-bottom: 20px;
}

.html_thems-container_wrapper2:after {
	content: "";
	background: linear-gradient(to bottom, var(--linear) 0%, var(--beg300) 100%);
	width: 100%;
	height: 20px;
	position: absolute;
	bottom: 0;
	left: 0;
}

.bank_button {
    flex: auto;
    margin: 14px 1px 0px !important;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 7px 7px 0 0;
    padding-bottom: 5px;
    box-sizing: border-box;
    cursor: pointer;
    height: 40px;
    border: 1px solid #949494;
    width: 50%;
    font: 500 20px var(--fancy-font);
    text-transform: uppercase;
    background: #00000000;
}

.bank_button.active {
        background: var(--body);
    color: var(--hovlink);
}

.bank_section-wrapper {
    border-radius: 0px 0 10px 10px;
    padding: 20px;
    box-sizing: border-box;
    font-size: 12px;
    margin: 33px 0px 0px 0px !important;
    position: absolute;
    top: 100%;
    left: 0px;
    width: calc(100% - 2px);
    height: calc(100% - 66px);
    opacity: 0;
    transition: opacity .4s linear 0s, top .4s linear 0s;
    background: var(--body);
    border: 1px solid rgb(148, 148, 148);
    margin-left: 1px !important;
}

.bank_section-wrapper.showme {
	opacity: 1;
	top: 19px
}

.bank-main {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.bank_container {
	height: 100%;
	display: flex;
	flex-direction: column;
	flex: 1
}

.bank_header {
    text-transform: uppercase;
    font: 600 12px var(--body-font) !important;
    text-align: center;
    margin: 0 !important;
    background: var(--back) bottom;
    height: 35px;
    border-radius: 10px 10px 0 0;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--body);
}


.bank_header2 {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 600;
    text-align: center;
    color: var(--text1);
    margin-bottom: 5px !important;
}

.bank_header3 {
    text-transform: uppercase;
    font-size: 9px;
    font-weight: 600;
    text-align: center;
    margin: 10px 0 0;
}

.bank_inner {
    border-radius: 0 0 5px 5px;
    padding: 10px 15px 15px;
    text-transform: lowercase;
    height: 132px;
    position: relative;
    background: #afafaf82;
    border: 1px solid #949494;
    font: 500 10px var(--body-font) !important;
}

.bank_list {
	padding: 0 !important;
	overflow-y: auto;
	height: 100%;
	padding-right: 10px !important;
}

.bank_list2 {
	padding: 0 !important;
	overflow-y: auto;
	height: 100%;
	padding-right: 10px !important;
}



.bank_section-wrapper.decorations-statics .bank_bgs img {
	width: 122px;
	border-radius: 10px;
}

.bank_section-wrapper.decorations-statics .bank_icons img {
	width: 20px;
}

.decorations-statics {
	display: flex;
	justify-content: space-between;
	gap: 20px;
}

.decorations-statics .personal_banner {
	border-radius: 0
}

.bank_cost_alter {
	height: 20px;
	background: #9e7278;
	color: var(--beg100);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 7px;
	border-radius: 10px;
	box-sizing: border-box;
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 25px;
	padding-bottom: 2px;
	bottom: -30px;
	white-space: nowrap;
	z-index: 1;
}


.gift_inner {
    border-radius: 10px;
    align-self: stretch;
    padding: 0px;
    text-transform: lowercase;
    text-align: center;
    height: 174px;
    position: relative;
    font-size: 11px;
}


.gift_list {
    padding: 0 !important;
    overflow-y: auto;
    height: 100%;
    padding-right: 10px !important;
}


.oformi_list {
    padding: 0 !important;
    overflow-y: auto;
    height: 100%;
    padding-right: 10px !important;
}


.gift_icons .gift_list li {
    background: var(--beg300);
    width: 70px;
    height: 70px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 5px;
    margin: 2px;
}


.bank_section-wrapper.decorations-statics .gift_icons img {
    width: 56px;
}


.bank_bgs .bank_list, .bank_banners .bank_list {
	display: flex;
	flex-direction: column;
	align-items: center
}

.bank_icons .bank_list {
	display: block
}

.bank_icons .bank_list2 {
	display: block
}

.bank_icons .bank_list li {
	width: 25px;
	height: 25px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	margin: 2px;
}

.bank_icons .bank_list2 li {
	width: 224px;
	height: 40px;
	display: inline-flex;
	justify-content: center;
	align-items: center;
	border-radius: 5px;
	margin: 2px;
}

	.earn-button {
    margin: 0 3px;
    background: var(--hovlink);
    color: var(--text3);
    border: none;
    cursor: pointer;
    padding: 4px 8px;
    font-size: 11px;
    transition: all 0.2s ease;
    border-radius: 4px;
    font-weight: bold;
    min-width: 24px;
    text-align: center;
	}
	.earn-button:hover {
    filter: brightness(1.2);
    transform: scale(1.05);
    box-shadow: 0 2px 4px rgba(40, 40, 40, 0.2);
}
	.modal {
    display: none;
    position: fixed;
    z-index: 1000;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(40, 40, 40, 0.5);
	}
	.modal-content {
    background-color: var(--body);
    border: 1px solid var(--borders);
    margin: 15% auto !important;
    padding: 25px;
    border-radius: 12px;
    width: 80%;
    max-width: 600px;
    max-height: 80vh;
    box-shadow: 0 10px 30px rgba(40, 40, 40, 0.3);
    overflow: hidden;
}

.modal-content h3 {
    border: none;
    margin-top: 0 !important;
    height: auto;
    line-height: 120% !important;
}

	.close {
    color: var(--dark500);
    float: right;
    font-size: 28px;
    font-weight: bold;
    cursor: pointer;
	}
	.close:hover {
    color: var(--dark600);
	}
	.modal h3,
	.preview-header,
	.preview-total,
	.preview-total-balance,
	.submit-btn,
	.finish-btn {
    color: var(--accent2);
    font-family: var(--font-accent), var(--font), sans-serif;
	}
	.modal-title {
    font-size: 20px !important;
    color: var(--accent2) !important;
    margin-bottom: 5px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    background: transparent !important;
    padding: 0 !important;
	}
	.modal-content .modal-title {
    padding: 0 !important;
	}
	.modal-content.spend-modal .modal-title {
    color: var(--accent2) !important;
    padding: 0 !important;
	}
	.modal-content.spend-modal .info-text {
    border-left-color: var(--accent2);
	}
	.modal-content.spend-modal .submit-btn {
    background: var(--accent2);
	}
	.modal-content.spend-modal .submit-btn:hover {
    background: var(--cat-color);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(40, 40, 40, 0.2);
	}

	.modal-content.spend-modal .add-field-btn {
    background: var(--accent2);
	}

	.modal-content.spend-modal .add-field-btn:hover {
    background: var(--cat-color);
	}

	.form-group label {
    display: block;
    margin-bottom: 5px;
    font-weight: bold;
    color: var(--text1);
	}

	.form-group input,
	.form-group textarea {
    width: 100%;
    padding: 10px;
    border: 1px solid var(--borders);
    border-radius: 6px;
    background-color: var(--beg100);
    color: var(--text1);
    font-family: var(--font), sans-serif;
    box-sizing: border-box;
    transition: all 0.2s ease;
	}

	.form-group input:focus,
	.form-group textarea:focus {
    outline: none;
    border-color: var(--accent2);
    box-shadow: 0 0 0 2px rgba(151, 142, 106, 0.2);
    background-color: var(--text3);
	}

	.add-field-btn,
	.remove-field-btn {
    background: var(--accent2);
    color: var(--text3);
    border: none;
    border-radius: 4px;
    width: 30px;
    height: 28px;
    font-size: 18px;
    font-weight: bold;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
	}

	.add-field-btn:hover {
    background: var(--accent2);
	}

	.remove-field-btn {
    background: var(--cat-color);
	}

	.remove-field-btn:hover {
    background: var(--dark500);
	}

	.submit-btn,
	.finish-btn {
    background: var(--accent2);
    color: var(--text3);
    border: none;
    border-radius: 6px;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(40, 40, 40, 0.1);
    width: fit-content;
	}

	.submit-btn:hover,
	.finish-btn:hover {
    background: var(--accent2);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(40, 40, 40, 0.2);
	}

	.info-text {
    background: var(--beg500);
    padding: 15px;
    border-left: 4px solid var(--accent2);
    margin: 10px 0;
    max-width: 96%;
    color: var(--text2);
    box-shadow: 0 2px 4px rgba(40, 40, 40, 0.05);
	}

	#selected-items-preview {
    background: var(--body);
    border-radius: 8px;
    padding: 20px 25px 20px;
    margin: 20px 22px 20px;
    max-height: 400px;
    box-shadow: none;
    position: relative;
    border: 1px solid #949494;
}

	.preview-empty {
    color: var(--text2);
    text-align: center;
    font-style: italic;
    padding: 20px;
    font-size: 12px;
	}

	.preview-header {
    color: var(--body);
    background-color: var(--accent2);
    font: 500 13px var(--body-font) !important;
    text-align: center;
    width: fit-content;
    border-radius: 11px;
    text-transform: lowercase;
    padding: 4px 9px 5px;
    position: absolute;
    top: -11px;
    left: 15px;
    margin: 0;
}

	.preview-section-title {
    font-weight: bold;
    margin: 15px 0 8px 0;
    font-size: 12px;
    text-transform: uppercase;
    padding-bottom: 3px;
    border-bottom: 1px solid rgb(148 148 148 / 64%);
	}

	.preview-item {
    background: rgba(249, 248, 240, 0.05);
    border-radius: 4px;
    border-left: 2px solid transparent;
    padding: 4px;
    margin-bottom: 2px;
    transition: all 0.2s ease;
    position: relative;
	}

	.preview-item:hover {
    background: rgba(151, 142, 106, 0.1);
    transform: translateX(1px);
	}

	.preview-item-header {
    display: grid;
    grid-template-columns: 20px 1fr 60px 30px;
    align-items: center;
    gap: 7px;
    margin-bottom: 0;
	}

	.preview-item-number {
    color: var(--accent2);
    font-weight: bold;
    font-size: 12px;
	}

	.preview-item-name {
    color: var(--text1);
    font-weight: normal;
    font-size: 12px;
	}

	.preview-item-amount {
    text-align: right;
    color: var(--accent2);
    font-weight: bold;
    font-size: 12px;
    padding: 0;
    border-radius: 0;
    background: none;
	}

	.preview-item-amount[style*="color: #978e6a"] {
    color: var(--accent2) !important;
	}

	.preview-item-amount[style*="color: #bc6d52"] {
    color: var(--accent2) !important;
	}

	.preview-item-actions {
    display: flex;
    justify-content: center;
	}

	.preview-item-actions button {
    background: var(--forcol);
    border: 1px solid rgb(152 152 152);
    border-radius: 3px;
    transition: all 0.2s ease;
    height: 20px;
    width: 20px;
    padding: 0 !important;
    display: flex;
    align-items: center;
    justify-content: center;
}

	.preview-item-actions button:hover {
    background: rgba(121, 78, 84, 0.3);
    border-color: rgba(121, 78, 84, 0.5);
    transform: scale(1.05);
	}

	.preview-total,
	.preview-total-balance {
    background: rgba(249, 248, 240, 0.05);
    padding: 4px;
    margin: 2px 0;
    font-size: 12px;
    color: var(--text1);
    transition: all 0.2s ease;
	}

	.preview-total strong,
	.preview-total-balance strong {
    color: var(--accent2);
    font-size: 12px;
	}

	.preview-total.negative strong,
	.preview-total-balance.negative strong {
    color: var(--accent2);
	}

	.preview-item.spend-item .preview-item-amount {
    color: var(--accent2);
	}

	.preview-item.spend-item .preview-item-number {
    color: var(--accent2);
	}

	.field-row {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 10px;
	}

	.earnForm,
	#earnForm {
    display: flex;
    flex-direction: column;
    gap: 10px;
	}

	.spend-modal .modal-title {
    color: var(--accent2) !important;
    padding: 0 !important;
	}

	#modal-title {
    padding: 0 !important;
	}

	.spend-modal .submit-btn,
	.spend-modal .finish-btn {
    background: var(--accent2);
	}

	.spend-modal .submit-btn:hover,
	.spend-modal .finish-btn:hover {
    background: var(--cat-color);
    transform: translateY(-1px);
    box-shadow: 0 4px 8px rgba(40, 40, 40, 0.2);
	}

	.spend-modal .add-field-btn {
    background: var(--accent2);
	}

	.spend-modal .add-field-btn:hover {
    background: var(--cat-color);
	}

	.spend-modal .form-group input:focus,
	.spend-modal .form-group textarea:focus {
    border-color: var(--accent2);
    box-shadow: 0 0 0 2px rgba(188, 109, 82, 0.2);
	}

	.spend-modal .info-text {
    border-left: 4px solid var(--accent2);
	}

	.bank_list li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 8px !important;
    border-radius: 4px;
    transition: background-color 0.2s ease;
    position: relative;
}

.bank_list li:after {
    content: '';
    position: absolute;
    background: linear-gradient(90deg, #AAAAAA 0%, #C1C1C1 100%);
    height: 1px;
    width: 370px;
    bottom: -7px;
}

	.bank_list li:hover {
    background-color: rgba(249, 248, 240, 0.05);
	}

	.bank_list li b {
    flex: 1;
font-weight: 600 !important;
	}

	.gift_list li {
    position: relative;
    display: inline-block;
    margin: 5px;
	}

	.gift_list li img {
    display: block;
    transition: all 0.2s ease;
	}

	.gift_list li:hover img {
    opacity: 0.8;
    transform: scale(1.02);
	}

	.gift-select-btn {
    position: absolute;
    bottom: 3px;
    right: 3px;
               padding: 0 !important;
    width: 20px;
    height: 20px;
    background: var(--accent2);
    color: var(--text3);
    border: none;
    border-radius: 50%;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.2s ease;
    box-shadow: 0 2px 4px rgba(40, 40, 40, 0.3);
    opacity: 0;
	}

	.gift_list li:hover .gift-select-btn {
    opacity: 1;
	}

	.gift-select-btn:hover {
    background: var(--accent2);
    transform: scale(1.1);
    box-shadow: 0 3px 6px rgba(40, 40, 40, 0.4);
	}

.ststitems{
    display: flex;
    flex-wrap: wrap;
    font: 300 8px var(--font);
    margin: 0px 0px 0px;
    padding: 0px 0px 0px;
    align-items: flex-start;
    text-align: center;
    gap: 5px;
    text-transform: uppercase;
}

.html_shop-wrapper {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    border: solid 1px var(--borders);
    align-items: center;
    gap: 10px;
    border-radius: 12px;
    overflow: hidden;
    justify-content: center;
    align-content: stretch;
    font-family: var(--body-font);
    font-weight: 600;
}

.bg-cart-btn,
.icon-cart-btn {
    background: var(--header) 904px!important;
    color: #cecaca!important;
    border-radius: 5px!important;
    margin-top: 7px!important;
}

.html_shop-wrapper .html_thems-title {
	display: flex;
	width: 100%;
	justify-content: center;
}

.html_shop-wrapper .post-author {
    position: absolute !important;
    z-index: 100;
    left: -108px !important;
    top: 16px !important;
    background: #ababab;
}

.list-items-oformi {
    display: flex;
    text-align: center;
    font-family: var(--font-accent);
    font-size: 17px;
    background: var(--body);
    border: 1px solid #949494;
    border-radius: 10px;
    height: 460px;
    overflow-y: auto;
    padding: 20px !important;
    padding-right: 10px !important;
    flex-wrap: wrap;
    gap: 20px 50px;
    margin: 0px 15px !important;
    justify-content: center;
}


.list-item-oformi img {
margin-top: 9px;
    margin-left: -9px;
    min-width: 224px;
    max-width: 224px;
    height: 355px;
}



.shop_inner {
    border: 1px solid #949494;
    border-radius: 10px;
    width: 290px;
    background: var(--body);
    align-self: stretch;
    padding: 10px 15px 15px;
    text-transform: lowercase;
    height: 132px;
    position: relative;
    font-size: 11px;
}


.oformi_inner {
    border: 1px solid var(--borders);
    border-radius: 10px;
    width: 840px;
    background: var(--beg100);
    align-self: stretch;
    padding: 10px 15px 15px;
    text-transform: lowercase;
    height: 410px;
    position: relative;
    font-size: 11px;
}

.plashka-cart-btn {
   margin: 0px 0px 10px;
    background: var(--header) 904px!important;
    color: #cecaca!important;
    border-radius: 5px!important;
}


.shop_container {
    height: 100%;
    display: flex;
    flex-direction: column;
    width: 330px;
}

.shop_cost_alter {
	height: 20px;
	background: #9e7278;
	color: var(--beg100);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 7px;
	border-radius: 10px;
	box-sizing: border-box;
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 25px;
	padding-bottom: 2px;
	bottom: -10px;
	white-space: nowrap;
	z-index: 1
}

.shop_cost_alter2 {
	height: 20px;
	background: #9e7278;
	color: var(--beg100);
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 7px;
	border-radius: 10px;
	box-sizing: border-box;
	text-transform: uppercase;
	font-weight: 600;
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	padding: 0 25px;
	padding-bottom: 2px;
	bottom: 172px;
	white-space: nowrap;
	z-index: 1
}

#cart-icon:after {
    position: absolute;
    content: '\f291';
    font: 19px 'Font Awesome';
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    color: var(--body);
}

.html_shop-wrapper button:hover,
#cart-container button:hover { filter: brightness(1.2); }

.bank_icons img {
    width: 20px;
}

#cart-items > div {  background: none!important; }
#cart-items > div button {
    background: #941414!important;
    padding: 0 !important;
    font-size: 14px !important;
}

.html_shop-wrapper .post-author li .fld-name { display: none; }
.html_shop-wrapper .pa-fld2 .fld-name, .html_shop-wrapper .pa-fld3 .fld-name, .html_shop-wrapper .pa-posts .fld-name, .html_shop-wrapper .pa-respect .fld-name { display: flex!important; }


#earnModal h3 {
    border: none;
    text-transform: uppercase;
    margin: 0 0 20px !important;
    font: 500 17px var(--fancy-font) !important;
}

��

mybb@mybb.ru (rae rae) — Fri, 26 Dec 2025 16:23:42 +0300

��

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

��:

<!--HTML-->

<style>
	#shop-bg {
    object-position: top;
	}

	.shop-bg .list-item-oformi img {
    height: auto !important;
	}
</style>
<div class="html_shop-wrapper">

<div
    	class="post-author online topic-starter"
    	style="display: block !important; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2)"
    >
    	<ul>
        <li class="pa-fld5">
        	<span class="fld-name">������:</span>
        	<a id="name_surname" class="modal-link" href="#"
            ><img id="shop-icon" src="/" alt="������ ���������"
        	/></a>
        </li>
        <li class="pa-author onlines">
        	<a disabled href="/" id="shop-username"></a>
        </li>
        <li id="shop-status" class="pa-title"></li>
        <li class="pa-avatar item2">
        	<img id="shop-avatar" src="/" alt="������ ���������" />
        </li>
        <li class="pa-fld1">
        	<span class="fld-name">��:</span>
        	<div id="shop-lz">
            <!-- <div class="lz_ank"><a href="������">������, 42</a></div>
        	<div class="lz_desc">
            �� �������� ��� ��� ������, <a href="������">���</a>. �� �� ���� ��� ������ � ��� � ���� �����.
        	</div> -->
        </div>
        </li>
            <li class="pa-posts"><span class="fld-name">���������:</span> ∞</li>
            <li class="pa-respect">
            	<span class="fld-name"><a href="/respect.php?id=2" rel="nofollow">���������</a>:</span>
            	<span>∞</span>
            </li>
            <li class="pa-fld2"><span class="fld-name">�����:</span> ∞</li>
            <li class="pa-fld3"><span class="fld-name">�����:</span> <span class="GamePst">∞</span></li>
    	</ul>
    	<li class="pa-fld4">
        <span class="fld-name">������ � ���:</span>
        <div id="shop-plah" class="personal_banner" style="background: #c08c65"></div>
        <div class="personal_bg">
        	<img id="shop-bg" src="/" alt="������������ ���" />
        </div>
    	</li>
    </div>


	<div style="display: flex; flex-direction: row; gap: 15px; width: 96%; align-items: start">


    <!-- ������ ������������ ������� -->
    <div
    	style="
    width: 100%;
    margin-top: 0;
    padding: 15px;
    margin-left: 114px;
    border-radius: 10px;
    background: var(--body);
    border: 1px solid #949494;
    	"
    >
    	<h4 style="margin: 0 0 15px 0; text-align: center; font-size: 16px; color: #333">������������ �������</h4>

    	<!-- ��������� ������ -->

    	<div style="margin-bottom: 8px">
        <label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
        	>��� ������ (������ �� ��������):</label
        >
        <input
        	id="plashka-bg-image"
        	type="text"
        	placeholder="https://example.com/image.png"
        	style="width: 100%; padding: 5px; border: 1px solid #aaa; border-radius: 5px; font-size: 12px; box-sizing: border-box;"
        />
    	</div>

    	<div style="margin-bottom: 8px">
        <label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
        	>���� ������ (���� ���� ��� ��������� ����� ������� ��� ���������):</label
        >
        <input
        	id="plashka-bg-color"
        	type="text"
        	placeholder="#ff6b6b ��� #ff6b6b, #4ecdc4, #45b7d1"
        	style="width: 100%; padding: 5px; border: 1px solid #aaa; border-radius: 5px; font-size: 12px; box-sizing: border-box;"
        />
    	</div>

    	<div style="margin-bottom: 0">
        <label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
        	>����� ������ (�������� 2 ������, ���������� ��������� ������):</label
        >
        <textarea
        	id="plashka-text"
        	rows="2"
        	placeholder="������ ������
������ ������"
        	style="
            width: 100%;
            padding: 5px;
            border: 1px solid #aaa;
            border-radius: 5px;
            font-size: 12px;
            resize: vertical;
        	"
        ></textarea>
    	</div>

    	<div style="margin-bottom: 0">
        <label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555"
        	>������ �� ��� �������:</label
        >
        <input
        	id="profile-bg-image"
        	type="text"
        	placeholder="https://example.com/background.png"
        	style="width: 100%; padding: 5px; border: 1px solid #aaa; border-radius: 5px; font-size: 12px;"
        />
    	</div>

    	<!-- ��������� ������ -->
    	<div style="margin-bottom: 0">
        <label style="display: block; font-size: 12px; margin-bottom: 3px; color: #555;"
        	>������ �� ������:</label
        >
        <input
        	id="icon-image"
        	type="text"
        	placeholder="https://example.com/icon.png"
        	style="width: 100%; padding: 5px; border: 1px solid #aaa border-radius: 5px; font-size: 12px;"
        />
    	</div>

    	<div style="text-align: center">
        <button
        	id="apply-profile-settings"
        	style="
    background: var(--header) 904px;
    color: #cecaca;
    border-radius: 5px;
    margin-top: 10px;
        	"
        >
        	��������� � �������
        </button>

        <button
        	id="reset-all"
        	style="
background: var(--header) 904px;
    color: #cecaca;
    border-radius: 5px;
        	"
        >
        	�������� ��
        </button>
    	</div>
    </div>
	</div>

	<div class="shop_container bank_icons shop-icon-300">
    <h5 class="bank_header2">���������: 300 �������</h5>
    <div class="shop_inner">
    	<ul class="bank_list">
        <li><img src="https://i.ibb.co/84DvpDyb/epoxydecoration-Emoji-Ag-ADYXMAAm-EHi-Uo.png" /></li>
        <li><img src="https://i.ibb.co/m5rxpThF/epoxydecoration-Emoji-Ag-ADz-G8-AApw2i-Eo.png" /></li>
        <li><img src="https://i.ibb.co/21kVGDQh/epoxydecoration-Emoji-Ag-ADZHAAAg3-Dk-Uo.png" /></li>
        <li><img src="https://i.ibb.co/FLKwm8wr/epoxydecoration-Emoji-Ag-ADZHAAAr1zi-Uo.png" /></li>
        <li><img src="https://i.ibb.co/jvgRNzzY/epoxydecoration-Emoji-Ag-ADz-HQAAjc-Xi-Uo.png" /></li>
        <li><img src="https://i.ibb.co/C5zBTTsp/epoxydecoration-Emoji-Ag-ADzmw-AAp-OTi-Eo.png" /></li>
        <li><img src="https://i.ibb.co/sdLvTBmv/epoxydecoration-Emoji-Ag-ADzn-MAAn-U8i-Eo.png" /></li>
        <li><img src="https://i.ibb.co/k24dm6FN/epoxydecoration-Emoji-Ag-ADZXIAAj2ji-Uo.png" /></li>
        <li><img src="https://i.ibb.co/XZcLbZVg/epoxydecoration-Emoji-Ag-ADZXk-AAlidk-Eo.png" /></li>
        <li><img src="https://i.ibb.co/7JmRS0MZ/epoxydecoration-Emoji-Ag-AEg-AACQwy-ISg.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/388114.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/647140.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/690787.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/693231.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/245000.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/617856.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/964462.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/190590.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/498187.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/993028.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/777457.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/829242.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/271666.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/692477.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/422171.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/413258.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/169462.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/302478.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/392200.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/47249.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/219722.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/455612.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/208443.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/924408.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/131090.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/195441.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/69519.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/251947.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/988083.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/459118.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/206608.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/387550.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/748018.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/319483.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/274137.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/949723.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/294552.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/351032.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/677044.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/104975.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/302263.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/104975.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/158913.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/671404.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/263750.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/946945.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/768451.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/334785.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/549965.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/881432.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/377737.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/943759.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/751767.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/874117.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/504240.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/774016.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/373372.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/126424.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/122837.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/188047.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/297783.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/701089.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/365649.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/364352.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/215342.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/177516.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/168438.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/187068.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/350161.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/172748.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/197634.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/239826.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/904596.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/786783.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/702063.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/385999.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/13663.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/388041.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/485726.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/311816.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/654930.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/2/329350.png" /></li>
        <li><img src="https://upforme.ru/uploads/001c/56/a9/6/838476.png" /></li>
        <li><img src="https://i.imgur.com/KM7K5uR.gif" /></li>
        <li><img src="https://i.imgur.com/EeVU0qw.gif" /></li>
        <li><img src="https://i.imgur.com/p3O53Th.gif" /></li>
        <li><img src="https://i.imgur.com/QEQJl3E.gif" /></li>
        <li><img src="https://i.imgur.com/0toMoHd.gif" /></li>
        <li><img src="https://i.imgur.com/QgRQ9du.gif" /></li>
        <li><img src="https://i.imgur.com/tFm9qCR.gif" /></li>
        <li><img src="https://i.imgur.com/MAb9XCb.gif" /></li>
        <li><img src="https://i.imgur.com/jH3myMt.gif" /></li>
        <li><img src="https://i.imgur.com/KaAbmGo.gif" /></li>
        <li><img src="https://i.imgur.com/abQPK7k.gif" /></li>
        <li><img src="https://i.imgur.com/QtyyG8V.gif" /></li>
        <li><img src="https://i.imgur.com/vfPg381.gif" /></li>
        <li><img src="https://i.imgur.com/rl2hUQR.gif" /></li>
    	</ul>
    </div>
	</div>
	<div class="shop_container bank_icons shop-icon-400">
    <h5 class="bank_header2">���������: 400 �������</h5>
    <div class="shop_inner">
    	<ul class="bank_list">
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/310410.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/158824.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/934732.webp" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/563259.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/61925.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/868525.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/27911.webp" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/882137.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/325329.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/449921.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/839873.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/102609.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/182172.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/381783.webp" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/790425.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/406948.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/369516.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/22406.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/868646.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/859303.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/983555.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/980324.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/256098.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/671571.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/397756.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/324893.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/176836.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/616924.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/319284.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/888502.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/596429.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/311200.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/52378.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/82722.webp" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/370912.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/307716.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/464515.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/700996.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/203810.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/954806.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/399130.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/484846.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/984335.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/928483.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/705974.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/496673.webp" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/393077.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/777771.webp" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/117850.webp" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/315679.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/377955.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/288112.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/963490.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/783785.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/115544.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/880380.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/958950.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/609544.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/682552.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/237714.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/746587.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/566560.webp" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/861132.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/85170.webp" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/950154.webp" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/605313.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/544002.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/441847.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/632619.gif" /></li>
        <li><img src="https://upforme.ru/uploads/001c/7a/06/6/473209.gif" /></li>
        <li><img src="https://i.imgur.com/JArUfPy.gif" /></li>
        <li><img src="https://i.imgur.com/5cOAwmY.gif" /></li>
        <li><img src="https://i.imgur.com/1ck4lpQ.gif" /></li>
        <li><img src="https://i.imgur.com/lAiTlqk.gif" /></li>
        <li><img src="https://i.imgur.com/dOqkrZt.gif" /></li>
        <li><img src="https://i.imgur.com/pMYCV90.gif" /></li>
        <li><img src="https://i.imgur.com/t0KQtem.gif" /></li>
        <li><img src="https://i.imgur.com/WWRmpJR.gif" /></li>
        <li><img src="https://i.imgur.com/Rcazy05.gif" /></li>
        <li><img src="https://i.imgur.com/NuCIYWW.gif" /></li>
        <li><img src="https://i.imgur.com/xk211An.gif" /></li>
        <li><img src="https://i.imgur.com/e4XYd5Y.gif" /></li>
        <li><img src="https://i.imgur.com/24zLkqi.gif" /></li>
        <li><img src="https://i.imgur.com/1WHmEGH.gif" /></li>
        <li><img src="https://i.imgur.com/qT15Flc.gif" /></li>
        <li><img src="https://i.imgur.com/jceFQcp.gif" /></li>
        <li><img src="https://i.imgur.com/Vthsb96.gif" /></li>
        <li><img src="https://i.imgur.com/7LQttdg.gif" /></li>
        <li><img src="https://i.imgur.com/Tbxs5aa.gif" /></li>
        <li><img src="https://i.imgur.com/IqF6zrG.gif" /></li>
        <li><img src="https://i.imgur.com/FUTNnwV.gif" /></li>
        <li><img src="https://i.imgur.com/Ot3swHR.gif" /></li>
        <li><img src="https://i.imgur.com/ZPHsXtf.gif" /></li>
        <li><img src="https://i.imgur.com/zEOcSH2.gif" /></li>
        <li><img src="https://i.imgur.com/Tq61Zx3.gif" /></li>
        <li><img src="https://i.imgur.com/NFMqv6f.gif" /></li>
        <li><img src="https://i.imgur.com/INhNnL6.gif" /></li>
        <li><img src="https://i.imgur.com/yRDUz1y.gif" /></li>
        <li><img src="https://i.imgur.com/nk2Fa9l.gif" /></li>
        <li><img src="https://i.imgur.com/9XKzCla.gif" /></li>
        <li><img src="https://i.imgur.com/SGOZvBZ.gif" /></li>
        <li><img src="https://i.imgur.com/QNKjknR.gif" /></li>
        <li><img src="https://i.imgur.com/PhogWSW.gif" /></li>
        <li><img src="https://i.imgur.com/WNyLKH1.gif" /></li>
        <li><img src="https://i.imgur.com/WttXvh5.gif" /></li>
        <li><img src="https://i.imgur.com/tTmmUls.gif" /></li>
        <li><img src="https://i.imgur.com/wW0AUMu.gif" /></li>
        <li><img src="https://i.imgur.com/qjrZIt8.gif" /></li>
        <li><img src="https://i.imgur.com/xactLlL.gif" /></li>
        <li><img src="https://i.imgur.com/BXrD12G.gif" /></li>
        <li><img src="https://i.imgur.com/6clg18c.gif" /></li>
        <li><img src="https://i.imgur.com/JWqpJj6.gif" /></li>
        <li><img src="https://i.imgur.com/zsEpch4.gif" /></li>
        <li><img src="https://i.imgur.com/oi0I2IP.gif" /></li>
        <li><img src="https://i.imgur.com/vpmgQKw.gif" /></li>
        <li><img src="https://i.imgur.com/qLEXRs3.gif" /></li>
        <li><img src="https://i.imgur.com/VZ2S15X.gif" /></li>
        <li><img src="https://i.imgur.com/POeRgVs.gif" /></li>
        <li><img src="https://i.imgur.com/5F4692x.gif" /></li>
        <li><img src="https://i.imgur.com/V4mjYKz.gif" /></li>
        <li><img src="https://i.imgur.com/IvdeINr.gif" /></li>
        <li><img src="https://i.imgur.com/uOujEL9.gif" /></li>
        <li><img src="https://i.imgur.com/qLiJqCc.gif" /></li>
        <li><img src="https://i.imgur.com/tr1VCl7.gif" /></li>
        <li><img src="https://i.imgur.com/xtb58K0.gif" /></li>
        <li><img src="https://i.imgur.com/lKer1Nq.gif" /></li>
        <li><img src="https://i.imgur.com/JrFcHap.gif" /></li>
        <li><img src="https://i.imgur.com/zETelhx.gif" /></li>
        <li><img src="https://i.imgur.com/yKm6qlW.gif" /></li>
        <li><img src="https://i.imgur.com/11cAPuy.gif" /></li>
        <li><img src="https://i.imgur.com/DYHD2el.gif" /></li>
        <li><img src="https://i.imgur.com/q4AN64Z.gif" /></li>
        <li><img src="https://i.imgur.com/03E737y.gif" /></li>
        <li><img src="https://i.imgur.com/OTqspj7.gif" /></li>
        <li><img src="https://i.imgur.com/LxYd7PK.gif" /></li>
        <li><img src="https://i.imgur.com/lmX3CWF.gif" /></li>
        <li><img src="https://i.imgur.com/eDVrZZf.gif" /></li>
        <li><img src="https://i.imgur.com/GSV89Sq.gif" /></li>
        <li><img src="https://i.imgur.com/et5llyF.gif" /></li>
        <li><img src="https://i.imgur.com/ojkfwb4.gif" /></li>
        <li><img src="https://i.imgur.com/6BhRejY.gif" /></li>
        <li><img src="https://i.imgur.com/DW2gQ4C.gif" /></li>
        <li><img src="https://i.imgur.com/iyJBeIW.gif" /></li>
        <li><img src="https://i.imgur.com/H6ez4pW.gif" /></li>
        <li><img src="https://i.imgur.com/UJgzTnv.gif" /></li>
        <li><img src="https://i.imgur.com/mStrS2I.gif" /></li>
    	</ul>
    </div>
	</div>
	<!-- ������ ��� ������� ������ -->
	<div class="shop_container bank_icons shop-plah-ru">
    <h5 class="bank_header2">���������: 500 �������/�� ������ ����� - 600 �������/��� �������� - 700</h5>
    <div class="shop_inner">
    	<ul class="bank_list2">
        <center>
        	<li class="personal_banner" style="background: #9c93e5;">
            <span>��� ���� ������ ����� �����?<br>�� ������</span>
        	</li>
        	<li class="personal_banner" style="background: #777763;">
            <span>���� ������, ����� ���������<br>������� �� ����������</span>
        	</li>
        	<li class="personal_banner" style="background: #d57392;">
            <span>���� ��� ������<br>�� � ������ �������</span>
        	</li>
        	<li class="personal_banner" style="background: #555555;">
            <span>����� ��� �������<br>�� �������� ������</span>
        	</li>
        	<li class="personal_banner" style="background: #609e7c;">
            <span>� ���� �����<br>� ���� ������</span>
        	</li>
        	<li class="personal_banner" style="background: #474173;">
            <span>� ����� �����<br>� �� ������, sorry</span>
        	</li>
        	<li class="personal_banner" style="background: #818181;">
            <span>��� ����, ��� �� <br>�������-�� ����������</span>
        	</li>
        	<li class="personal_banner" style="background: #465779;">
            <span>������ ������<br>�� �*� ������...</span>
        	</li>
        	<li class="personal_banner" style="background: #d57392;">
            <span>������� ������ ��� � ����������<br>�������� ���� �������</span>
        	</li>
        	<li class="personal_banner" style="background: #201c57;">
            <span>� �� ����� ��� ��<br>� ����� ������ �������</span>
        	</li>
        	<li class="personal_banner" style="background: #a1a6fa;">
            <span>����� ��������</span>
        	</li>
        	<li class="personal_banner" style="background: #175560;">
            <span>��� ����� - �����<br>�� � ���� �� �����</span>
        	</li>
        	<li class="personal_banner" style="background: #87289d;">
            <span>�������� ��������<br>�� ������ �����</span>
        	</li>
        	<li class="personal_banner" style="background: #f1c7e1;">
            <span>�� ��� ���������<br>�� ��� ���</span>
        	</li>
        	<li class="personal_banner" style="background: #450c49;">
            <span>����� ������ � ��������<br>������ �� ����</span>
        	</li>
        	<li class="personal_banner" style="background: #6a7d80;">
            <span>������� ����� ������<br>� � - �������</span>
        	</li>
        </center>
    	</ul>
    </div>
	</div>
	<!-- ������ ��� ���������� ������ -->
	<div class="shop_container bank_icons shop-plah-en">
    <h5 class="bank_header2">���������: 500 �������/�� ������ ����� - 600 �������/��� �������� - 700</h5>
    <div class="shop_inner">
    	<ul class="bank_list2">
        <center>
        	<li class="personal_banner" style="background: #b0a61f;">
            <span>it was a mad world<br>we lived for fun</span>
        	</li>
        	<li class="personal_banner" style="background: #81627a;">
            <span>live your dreams<br>before they're gone</span>
        	</li>
        	<li class="personal_banner" style="background: #3485e2;">
            <span>i am all of the days<br>that you choose to ignore</span>
        	</li>
        	<li class="personal_banner" style="background: #950753;">
            <span>and you just say the word<br>apparition comes</span>
        	</li>
        	<li class="personal_banner" style="background: #62698f;">
            <span>it feels like coming<br>home again</span>
        	</li>
        	<li class="personal_banner" style="background: #73302e;">
            <span>we are dreamers<br>your dream will be mine</span>
        	</li>
        	<li class="personal_banner" style="background: #dcbb7e;">
            <span>i've seen the world<br>lit it up as my stage now</span>
        	</li>
        	<li class="personal_banner" style="background: #217b97;">
            <span>i’m allergic<br>to stupidity</span>
        	</li>
        </center>
    	</ul>
    </div>
	</div>
	<h5 class="bank_header3">
    �������� ���� + ������: 800 ������� ♥️ ���/������ ��������: 400 ������� ♥️ ���� ���/������/������: 500 �������
    <br/>
    ���� ������ � �����: 700 �������   <br/>
P.S ����� ��� �������������� ����� �� �����������: ������������� ���� � ������ �������� ������ � �������������� ����������!
	</h5>
	<div class="list-section shop-complekt" list-name="face" style="display: block">
    <div class="list-items-inner">
    	<ul class="list-items-oformi">
        <li class="list-item-oformi">
        	1<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/32657.png" />
        </li>
        <li class="list-item-oformi">
        	2<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/601886.png" />
        </li>
        <li class="list-item-oformi">
        	3<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/695975.png" />
        </li>
        <li class="list-item-oformi">
        	4<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/574859.png" />
        </li>
        <li class="list-item-oformi">
        	5<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/555818.png" />
        </li>
        <li class="list-item-oformi">
        	6<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/277756.png" />
        </li>
        <li class="list-item-oformi">
        	7<br /><img src="https://upforme.ru/uploads/001c/7a/06/38/976828.png" />
        </li>
        <li class="list-item-oformi">
        	8<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/942217.png" />
        </li>
        <li class="list-item-oformi">
        	9<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/948336.png" />
        </li>
        <li class="list-item-oformi">
        	10<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/283415.png" />
        </li>
        <li class="list-item-oformi">
        	11<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/217677.png" />
        </li>
        <li class="list-item-oformi">
        	12<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/490889.png" />
        </li>
        <li class="list-item-oformi">
        	13<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/602588.png" />
        </li>
        <li class="list-item-oformi">
        	14<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/771862.png" />
        </li>
        <li class="list-item-oformi">
        	15<br /><img src="https://upforme.ru/uploads/001c/7a/06/2/625930.png" />
        </li>
        <li class="list-item-oformi">
        	16<br /><img src="https://upforme.ru/uploads/001c/7a/06/38/434378.png" />
        </li>
        <li class="list-item-oformi">
        	17<br /><img src="https://upforme.ru/uploads/001c/7a/06/38/248652.png" />
        </li>
        <li class="list-item-oformi">
        	18<br /><img src="https://upforme.ru/uploads/001c/7a/06/38/846479.png" />
        </li>
        <li class="list-item-oformi">
        	19<br /><img src="https://upforme.ru/uploads/001c/7a/06/38/545539.png" />
        </li>
        <li class="list-item-oformi">
        	20<br /><img src="https://upforme.ru/uploads/001c/7a/06/38/688162.png" />
        </li>
    
    	</ul>
    </div>
	</div>
	<!-- ������ "������� �������" -->
	<div style="text-align: center; margin: 10px 0 15px;">
    <button
    	id="open-cart-btn"
    	onclick="openCart()"
    	style="
    transition: all 0.3s ease;
    background: var(--header) 904px !important;
    color: #cecaca !important;
    border-radius: 5px !important;
    margin: 0;
    	"
    >
    	������� �������
    </button>
	</div>
</div>

<div
	id="cart-container"
	style="
    display: none;
    position: fixed;
    bottom: 20px;
    right: 20px;
    background: var(--body);
    border-radius: 10px;
    padding: 20px;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
    z-index: 1000;
    max-width: 400px;
    min-width: 300px;
    border: 1px solid #969696;
	"
>
	<div style="display: flex; justify-content: space-between; align-items: center; margin-bottom: 15px">
    <h3 style="
    color: var(--text1);
    font-size: 18px;
    background: none;
    border: navajowhite;
    font-family: 'Playfair Display';
    text-transform: uppercase;
    margin: 0 !important;
    padding-left: 10px !important;
">�������</h3>
    <button
    	onclick="closeCart()"
    	style="
    font-family: 'Font Awesome' !important;
    font-size: 16px !important;
    padding: 0;
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
    background: var(--forcol);
    border: 1px solid #8b8a8a;
    	"
    >
    	X
    </button>
	</div>
	<div id="cart-items" style="
    max-height: 300px;
    overflow-y: auto;
    margin-bottom: 15px;
    padding-right: 6px;
    font-family: 'Montserrat' !important;
    background: var(--forcol);
    border-radius: 5px;
    border: 1px solid #949494bf;
">
    <!-- ������ ����� ����������� ���� -->
	</div>
	<div style="border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 15px">
    <div style="display: flex; justify-content: space-between; margin-bottom: 15px">
    	<span style="color: var(--text1); font-weight: bold">����� �����:</span>
    	<span id="total-price" style="color: var(--accent2); font-weight: bold">0</span>
    </div>
    <button
    	onclick="completeOrder()"
    	style="
        width: 100%;
        border: none;
        border-radius: 8px;
        font-size: 16px;
        font-weight: bold;
        cursor: pointer;
        transition: all 0.3s ease;
    background: var(--header) 40px;
    color: #cecaca;
    border-radius: 5px;
box-shadow: 0 0 6px 0 #222;
    	"
    >
    	��������� �������
    </button>
	</div>
</div>

<!-- ������ ������� (������������ ����� ������� �� ������) -->
<div
	id="cart-icon"
	style="
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
background: #222;
    border-radius: 50%;
    width: 55px;
    height: 55px;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
    z-index: 999;
    transition: all 0.3s ease;
	"
	onclick="openCart()"
>
	<div
    id="cart-count"
    style="
    	position: absolute;
    	top: -5px;
    	right: -5px;
background: #941414;
    color: #ffffff;
    	border-radius: 50%;
    	width: 20px;
    	height: 20px;
    	display: flex;
    	align-items: center;
    	justify-content: center;
    	font-size: 12px;
    "
	>
    0
	</div>
</div>

<script src="https://forumstatic.ru/files/001c/76/bd/75781.js?v=11" type="text/javascript"></script>

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

[hideprofile]

��

mybb@mybb.ru (rae rae) — Fri, 26 Dec 2025 15:50:11 +0300

��

��! ��

��:

<!--HTML-->
<div class="html_thems-wrapper">

	<div class="html_thems-container_wrapper2">
    <div class="bank_button active">����</div>
    <div class="bank_section-wrapper showme bank-main">
    	<div class="bank_container obtain">
        <h5 class="bank_header">����������</h5>
        <div class="bank_inner">
        	<ul class="bank_list">
        	<li><b>�� ����������� (����������� �������������)</b> 300 <span style="width: 24px" /></li>
        	<li>
            <b>������ 100 ���������</b> 100
            <button class="earn-button" data-type="-100--1">+</button>
        	</li>
        	<li>
            <b>������ 100 ���������</b> 50
            <button class="earn-button" data-type="-100--2">+</button>
        	</li>
        	<li>
            <b>������ 100 ��������</b> 50
            <button class="earn-button" data-type="-100--3">+</button>
        	</li>
        	<li>
            <b>������� ���� � ������ �� �� 3� ��������</b> 300
            <button class="earn-button" data-type="---3--4">+</button>
        	</li>
        	<li>
            <b>������ ������ �������� �����</b> 50
            <button class="earn-button" data-type="----5">+</button>
        	</li>
        	<li>
            <b>����� � ������� �����</b> 100
            <button class="earn-button" data-type="----6">+</button>
        	</li>
        	<li>
            <b>�������� ������� (��� ������� 1 ����� �� �������)</b> 100
            <button class="earn-button" data-type="----1----7">+</button>
        	</li>
        	<li>
            <b>����������� ������</b> 700
            <button class="earn-button" data-type="--8">+</button>
        	</li>
        	<li>
            <b>���� � ���������� ���� nesswork</b> 50
            <button class="earn-button" data-type="-5-----9">+</button>
        	</li>
        	<li>
            <b>���� � �����</b> 500
            <button class="earn-button" data-type="---10">+</button>
        	</li>
        	<li>
            <b>������� �� ����� � ���</b> 100
            <button class="earn-button" data-type="-----11">+</button>
        	</li>
        	<li>
            <b>�������� ������ � ������� ���������</b> 100
            <button class="earn-button" data-type="-----12">+</button>
        	</li>
        	<li>
            <b>�������� ������ � ����� �������</b> 10
            <button class="earn-button" data-type="-----13">+</button>
        	</li>
        	<li>
            <b>��������� � ������� (�� ������ ���������)</b> 300
            <button class="earn-button" data-type="------14">+</button>
        	</li>
        	<li>
            <b>����������� ������� ������</b> 500
            <button class="earn-button" data-type="---15">+</button>
        	</li>
        	<li>
            <b>������ 10 �������� ������</b> 300
            <button class="earn-button" data-type="-10---16">+</button>
        	</li>
        	<li>
            <b>������ �� ���� � �������</b> 500
            <button class="earn-button" data-type="-----17">+</button>
        	</li>
        	<li>
            <b>������ ����������� ����������</b> 50
            <button class="earn-button" data-type="---18">+</button>
        	</li>
        	</ul>
        </div>
    	</div>
    	<div class="bank_container spend">
        <h5 class="bank_header">���������</h5>
        <div class="bank_inner">
        	<ul class="bank_list bank-spend-buttons">
        	<li><b>����������/������ � ������</b> 300 <button class="earn-button" data-type="30">+</button></li>
        	<li><b>�������</b> 200 <button class="earn-button" data-type="-19">+</button></li>
        	<li><b>����� ��������� �� �����</b> 700 <button class="earn-button" data-type="----20">+</button></li>
        	<li><b>����� ���������</b> 500 <button class="earn-button" data-type="--21">+</button></li>
        	<li><b>����� ���������</b> 1000 <button class="earn-button" data-type="--22">+</button></li>
        	<li><b>��� �� ���������� ��������� (���, �������, ���������, ���������) �� 3 ������</b> 3000 <button class="earn-button" data-type="---------3--23">+</button></li>
        	<li><b>����� ��������� ��� ������� ���������</b> 10000 <button class="earn-button" data-type="-----24">+</button></li>
        	<li><b>�������� ������� � ����� ������ � 50 ������</b> 1500 <button class="earn-button" data-type="------50--25">+</button></li>
        	<li><b>������ �� ������ �� 2 ������</b> 5000 <button class="earn-button" data-type="---26">+</button></li>
        	<li><b>+ 1 ����� �� ������ � ������</b> 500 <button class="earn-button" data-type="-1------27">+</button></li>
        	<li><b>������� / �����</b> 5000 <button class="earn-button" data-type="---28">+</button></li>
        	<li><b>�������� �����</b> 1000 <button class="earn-button" data-type="---29">+</button></li>
        	</ul>
        </div>
    	</div>
    </div>
    
    <div class="bank_button">�������</div>
    <div class="bank_section-wrapper decorations-statics">
    	<div class="bank_container gift_icons">
        <div class="gift_inner">
        	<ul class="gift_list">
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/681503.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/681503.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/104305.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/104305.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/202111.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/202111.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/488032.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/488032.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/916839.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/916839.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/241581.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/241581.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/640478.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/640478.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/210907.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/210907.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/460604.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/460604.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/284146.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/284146.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/707934.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/707934.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/415309.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/415309.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/228371.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/228371.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/661732.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/661732.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/464233.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/464233.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/350335.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/350335.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/658260.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/658260.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/286744.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/286744.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/819425.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/819425.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/442791.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/442791.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/166579.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/166579.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/368258.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/368258.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/713192.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/713192.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/103620.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/103620.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/629812.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/629812.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/553376.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/553376.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/906934.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/906934.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/926845.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/926845.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/882560.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/882560.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/372765.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/372765.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/751751.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/751751.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/230378.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/230378.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/603485.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/603485.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/524756.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/524756.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/623450.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/623450.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/143878.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/143878.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/939106.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/939106.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/911336.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/911336.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/741174.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/741174.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/605122.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/605122.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/329769.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/329769.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/406015.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/406015.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/80846.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/80846.png"
            >
            	+
            </button>
        	</li>
        	<li>
            <img src="https://upforme.ru/uploads/001c/7a/06/353/750951.png" />
            <button
            	class="gift-select-btn"
            	data-gift-url="https://upforme.ru/uploads/001c/7a/06/353/750951.png"
            >
            	+
            </button>
        	</li>
        	</ul>
        </div>
    	</div>
    </div>
	</div>
</div>

<div id="earnModal" class="modal">
	<div class="modal-content">
    <span class="close">&times;</span>
    <div id="modalContent"></div>
	</div>
</div>

<div id="selected-items-preview">
	<div class="preview-empty">�������� ������ ��� ���������/����</div>
</div>

<div style="text-align: center; margin: 30px 0">
	<button id="finishBtn" class="finish-btn" style="display: none">���������</button>
</div>
<script>
setTimeout(() => {
	// ������������ �������
	$('.bank_button').each(function() {
    $(this).on('click', function() {
    	$('.bank_button').not($(this)).next().removeClass('showme');
    	$(this).next().toggleClass('showme');
    });
	});
	$('.bank_button').click(function() {  
    $('.bank_button').not(this).removeClass('active');
    $(this).toggleClass('active');
	});

	const modalData = {
  "30": {
    "title": "����������/������ � ������",
    "description": "����������/������ � ������",
    "fields": [],
    "amount": -300
  },
  "----300-0": {
    "title": "�� ����������� (����������� �������������)",
    "description": "�������� ���: �� ����������� (����������� �������������)",
    "fields": [
      {
        "name": "character_name",
        "label": "��� ���������",
        "type": "text",
        "required": true
      }
    ],
    "amount": 300
  },
  "-100--1": {
    "title": "������ 100 ���������",
    "description": "�������� ���: ������ 100 ���������",
    "fields": [
      {
        "name": "count",
        "label": "���������� ���",
        "type": "number",
        "required": true
      }
    ],
    "amount": 100
  },
  "-100--2": {
    "title": "������ 100 ���������",
    "description": "�������� ���: ������ 100 ���������",
    "fields": [
      {
        "name": "count",
        "label": "���������� ���",
        "type": "number",
        "required": true
      }
    ],
    "amount": 50
  },
  "-100--3": {
    "title": "������ 100 ��������",
    "description": "�������� ���: ������ 100 ��������",
    "fields": [
      {
        "name": "count",
        "label": "���������� ���",
        "type": "number",
        "required": true
      }
    ],
    "amount": 50
  },
  "---3--4": {
    "title": "������� ���� � ������ �� �� 3� ��������",
    "description": "�������� ���: ������� ���� �� 3� ��������",
    "fields": [
      {
        "name": "link",
        "label": "������",
        "type": "url",
        "required": true
      }
    ],
    "amount": 300
  },
  "----5": {
    "title": "������ ������ �������� �����",
    "description": "�������� ���: ������ ������ �������� �����",
    "fields": [
      {
        "name": "count",
        "label": "����������",
        "type": "number",
        "required": true
      }
    ],
    "amount": 50
  },
  "----6": {
    "title": "����� � ������� �����",
    "description": "�������� ���: ����� � ������� �����",
    "fields": [
      {
        "name": "link",
        "label": "������",
        "type": "url",
        "required": true
      }
    ],
    "amount": 100
  },
  "----1----7": {
    "title": "�������� ������� (��� ������� 1 ����� �� �������)",
    "description": "�������� ���: �������� ������� (��� ������� 1 ����� �� �������)",
    "fields": [
      {
        "name": "link",
        "label": "������",
        "type": "url",
        "required": true
      }
    ],
    "amount": 100
  },
  "--8": {
    "title": "����������� ������",
    "description": "�������� ���: ����������� ������",
    "fields": [
      {
        "name": "link",
        "label": "������",
        "type": "url",
        "required": true
      }
    ],
    "amount": 700
  },
  "-5-----9": {
    "title": "���� � ���������� ���� nesswork",
    "description": "�������� ���: ������ ���� � ���������� ����",
    "fields": [
      {
        "name": "count",
        "label": "����������",
        "type": "number",
        "required": true
      }
    ],
    "amount": 50
  },
  "---10": {
    "title": "���� � �����",
    "description": "�������� ���: ������� � ������",
    "fields": [
      {
        "name": "link",
        "label": "������",
        "type": "url",
        "required": true
      }
    ],
    "amount": 500
  },
  "-----11": {
    "title": "������� �� ����� � ���",
    "description": "�������� ���: ������� �� ����� � ���",
    "fields": [
      {
        "name": "link",
        "label": "������",
        "type": "url",
        "required": true
      }
    ],
    "amount": 100
  },
  "-----12": {
    "title": "�������� ������ � ������� ���������",
    "description": "�������� ���: �������� ������ � ������� ���������",
    "fields": [
      {
        "name": "link",
        "label": "������",
        "type": "url",
        "required": true
      }
    ],
    "amount": 100
  },
  "-----13": {
    "title": "�������� ������ � ����� �������",
    "description": "�������� ���: �������� ������ � ����� �������",
    "fields": [
      {
        "name": "link",
        "label": "������",
        "type": "url",
        "required": true
      }
    ],
    "amount": 10
  },
  "------14": {
    "title": "��������� � ������� (�� ������ ���������)",
    "description": "�������� ���: ��������� � ������� (�� ������ ���������)",
    "fields": [
      {
        "name": "link",
        "label": "������",
        "type": "url",
        "required": true
      }
    ],
    "amount": 300
  },
  "---15": {
    "title": "����������� ������� ������",
    "description": "�������� ���: ����������� ������� ������",
    "fields": [
      {
        "name": "recipient",
        "label": "���� �������",
        "type": "text",
        "required": true
      },
      {
        "name": "gift_description",
        "label": "�������� �������",
        "type": "textarea",
        "required": true
      }
    ],
    "amount": 500
  },
  "-10---16": {
    "title": "������ 10 �������� ������",
    "description": "�������� ���: ������ 10 �������� ������",
    "fields": [
      {
        "name": "count",
        "label": "����������",
        "type": "number",
        "required": true
      }
    ],
    "amount": 300
  },
  "-----17": {
    "title": "������ �� ���� � �������",
    "description": "�������� ���: ������ �� ���� � �������",
    "fields": [
      {
        "name": "link",
        "label": "������",
        "type": "url",
        "required": true
      }
    ],
    "amount": 500
  },
  "---18": {
    "title": "������ ����������� ����������",
    "description": "�������� ���: ������ ����������� ����������",
    "fields": [
      {
        "name": "link",
        "label": "������",
        "type": "url",
        "required": true
      }
    ],
    "amount": 50
  },
  "-19": {
    "title": "�������",
    "description": "�������� ���: �������",
    "fields": [
      {
        "name": "recipient",
        "label": "���� �������",
        "type": "text",
        "required": true
      },
      {
        "name": "gift_description",
        "label": "�������� �������",
        "type": "textarea",
        "required": true
      }
    ],
    "amount": -200
  },
  "----20": {
    "title": "����� ��������� �� �����",
    "description": "�������� ���: ����� ��������� �� �����",
    "fields": [
      {
        "name": "description",
        "label": "��������",
        "type": "text",
        "required": true
      }
    ],
    "amount": -700
  },
  "--21": {
    "title": "����� ���������",
    "description": "�������� ���: ����� ���������",
    "fields": [
      {
        "name": "description",
        "label": "��������",
        "type": "text",
        "required": true
      }
    ],
    "amount": -500
  },
  "--22": {
    "title": "����� ���������",
    "description": "�������� ���: ����� ���������",
    "fields": [
      {
        "name": "description",
        "label": "��������",
        "type": "text",
        "required": true
      }
    ],
    "amount": -1000
  },
  "---------3--23": {
    "title": "��� �� ���������� ��������� (���, �������, ���������, ���������) �� 3 ������",
    "description": "�������� ���: ��� �� ���������� ��������� (���, �������, ���������, ���������) �� 3 ������",
    "fields": [
      {
        "name": "description",
        "label": "��������",
        "type": "text",
        "required": true
      }
    ],
    "amount": -3000
  },
  "-----24": {
    "title": "����� ��������� ��� ������� ���������",
    "description": "�������� ���: ����� ��������� ��� ������� ���������",
    "fields": [
      {
        "name": "description",
        "label": "��������",
        "type": "text",
        "required": true
      }
    ],
    "amount": -10000
  },
  "------50--25": {
    "title": "�������� ������� � ����� ������ � 50 ������",
    "description": "�������� ���: �������� ������� � ����� ������ � 50 ������",
    "fields": [
      {
        "name": "description",
        "label": "��������",
        "type": "text",
        "required": true
      }
    ],
    "amount": -1500
  },
  "---26": {
    "title": "������ �� ������ �� 2 ������",
    "description": "�������� ���: ������ �� ������",
    "fields": [
      {
        "name": "description",
        "label": "��������",
        "type": "text",
        "required": true
      }
    ],
    "amount": -5000
  },
  "-1------27": {
    "title": "+ 1 ����� �� ������ � ������",
    "description": "�������� ���: + 1 ����� �� ������ � ������",
    "fields": [
      {
        "name": "description",
        "label": "��������",
        "type": "text",
        "required": true
      }
    ],
    "amount": -500
  },
  "---28": {
    "title": "������� / �����",
    "description": "�������� ���: ������� / �����",
    "fields": [
      {
        "name": "description",
        "label": "��������",
        "type": "text",
        "required": true
      }
    ],
    "amount": -5000
  },
  "---29": {
    "title": "�������� �����",
    "description": "�������� ����� � ������ (1 ��� �� ����)",
    "fields": [],
    "amount": -1000
  }
};
	let selectedItems = [];
	let currentBalance = 0;
	let initialBalance = 0;

	function getInitialBalance() {
    try {
    	if (typeof UserFld2 !== "undefined" && UserFld2) {
        const cleanValue = UserFld2.toString().replace(/\s/g, "");
        const balance = parseInt(cleanValue);
        return isNaN(balance) ? 0 : balance;
    	}
    } catch (e) {
    	console.log("UserFld2 �� ��������:", e);
    }
    return 0;
	}

	function getAmountForType(type) {
    return modalData[type] ? modalData[type].amount || 0 : 0;
	}

	function addItem(type, details = "") {
    const data = modalData[type];
    if (!data) return;

    const baseAmount = data.amount;
    let amount = baseAmount;
    let displayName = data.title;

    // ��������� �������������� �����
    if (data.fields.some(f => f.name === 'count') && details) {
    	const countMatch = details.match(/:\s*(\d+)$/i);
    	if (countMatch) {
        const count = parseInt(countMatch[1]);
        if (count > 0) {
        	amount = baseAmount * count;
        	displayName = data.title + " (x" + count + ")";
        }
    	}
    }

    // ��������� ������������� �����
    const multipleFields = data.fields.filter(f => f.name !== 'count');
    if (multipleFields.length > 0 && details) {
    	const fieldMatch = details.match(/:\s*([^,]+(?:,\s*[^,]+)*)/);
    	if (fieldMatch) {
        const values = fieldMatch[1].split(',').map(item => item.trim()).filter(item => item.length > 0);
        if (values.length > 1) {
        	amount = baseAmount * values.length;
        	displayName = data.title + " (x" + values.length + ")";
        }
    	}
    }

    selectedItems.push({
    	name: displayName,
    	amount: amount,
    	details: details
    });

    currentBalance += amount;
    updatePreview();
	}

	function addField(fieldName) {
    var container = document.getElementById(fieldName + "_container");
    var fieldCount = container.children.length;
    var newFieldRow = document.createElement("div");
    newFieldRow.className = "field-row";

    var input = document.createElement("input");
    input.type = "text";
    input.id = fieldName + "_" + fieldCount;
    input.name = fieldName;

    var removeBtn = document.createElement("button");
    removeBtn.type = "button";
    removeBtn.className = "remove-field-btn";
    removeBtn.innerHTML = "-";
    removeBtn.onclick = function () {
    	container.removeChild(newFieldRow);
    };

    newFieldRow.appendChild(input);
    newFieldRow.appendChild(removeBtn);
    container.appendChild(newFieldRow);
	}

	function removeItem(index) {
    if (index >= 0 && index < selectedItems.length) {
    	currentBalance -= selectedItems[index].amount;
    	selectedItems.splice(index, 1);
    	updatePreview();
    }
	}

	function updatePreview() {
    const previewContainer = document.getElementById("selected-items-preview");
    const finishBtn = document.getElementById("finishBtn");
    if (!previewContainer) return;

    if (selectedItems.length === 0) {
    	previewContainer.innerHTML = '<div class="preview-empty">�������� ������ ��� ���������/����</div>';
    	previewContainer.style.display = "none";
    	if (finishBtn) finishBtn.style.display = "none";
    	return;
    }

    previewContainer.style.display = "block";
    if (finishBtn) finishBtn.style.display = "inline-block";

    const earnings = selectedItems.filter(item => item.amount > 0);
    const expenses = selectedItems.filter(item => item.amount < 0);

    let previewHTML = '<div class="preview-header">��������� ������</div>';
    let totalAmount = 0;

    if (earnings.length > 0) {
    	previewHTML += '<div class="preview-section-title" style="color: var(--accent2);">���������:</div>';
    	earnings.forEach(function (item, index) {
        totalAmount += item.amount;
        previewHTML += '<div class="preview-item">';
        previewHTML += '<div class="preview-item-header">';
        previewHTML += '<span class="preview-item-number">' + (index + 1) + ".</span>";
        previewHTML += '<span class="preview-item-name">' + item.name + "</span>";
        previewHTML += '<span class="preview-item-amount" style="color: var(--accent);">+' + item.amount + "</span>";
        previewHTML += '<div class="preview-item-actions">';
        previewHTML += '<button type="button" class="remove-item-btn" data-index="' + selectedItems.indexOf(item) + '">X</button>';
        previewHTML += "</div>";
        previewHTML += "</div>";
        previewHTML += "</div>";
    	});
    }

    if (expenses.length > 0) {
    	if (earnings.length > 0) {
        previewHTML += '<div style="margin: 10px 0;"></div>';
    	}
    	previewHTML += '<div class="preview-section-title spend-section" style="color: var(--accent2);">�����:</div>';
    	expenses.forEach(function (item, index) {
        totalAmount += item.amount;
        previewHTML += '<div class="preview-item spend-item">';
        previewHTML += '<div class="preview-item-header">';
        previewHTML += '<span class="preview-item-number">' + (earnings.length + index + 1) + ".</span>";
        previewHTML += '<span class="preview-item-name">' + item.name + "</span>";
        previewHTML += '<span class="preview-item-amount" style="color: var(--accent2);">' + item.amount + "</span>";
        previewHTML += '<div class="preview-item-actions">';
        previewHTML += '<button type="button" class="remove-item-btn" data-index="' + selectedItems.indexOf(item) + '">X</button>';
        previewHTML += "</div>";
        previewHTML += "</div>";
        previewHTML += "</div>";
    	});
    }

    const totalBalance = initialBalance + totalAmount;
    const totalClass = totalAmount < 0 ? ' class="preview-total negative"' : ' class="preview-total"';
    const balanceClass = totalBalance < 0 ? ' class="preview-total-balance negative"' : ' class="preview-total-balance"';

    previewHTML += "<div" + totalClass + ">�����: <strong>" + totalAmount + "</strong></div>";
    previewHTML += "<div" + balanceClass + ">����� ������: <strong>" + totalBalance + "</strong></div>";
    previewContainer.innerHTML = previewHTML;
	}

	function closeModal() {
    const modal = document.getElementById("earnModal");
    modal.style.display = "none";
	}

	function openModal(type) {
    const modal = document.getElementById("earnModal");
    const modalContent = document.getElementById("modalContent");
    const data = modalData[type];

    if (!data) return;

    let fieldsHTML = "";
    if (data.fields.length !== 0) {
    	fieldsHTML = data.fields.map(function (field) {
        let fieldHTML = '<div class="form-group">';
        fieldHTML += '<label for="' + field.name + '">' + field.label + ':</label>';

        if (field.type === "textarea") {
        	fieldHTML += '<textarea id="' + field.name + '" name="' + field.name + '"';
        	if (field.required) fieldHTML += " required";
        	fieldHTML += "></textarea>";
        } else {
        	const isQuantityField = field.name === "count";
        	if (isQuantityField) {
            fieldHTML += '<input type="' + field.type + '" id="' + field.name + '" name="' + field.name + '"';
            if (field.required) fieldHTML += " required";
            fieldHTML += ">";
        	} else {
            fieldHTML += '<div id="' + field.name + '_container">';
            fieldHTML += '<div class="field-row">';
            fieldHTML += '<input type="' + field.type + '" id="' + field.name + '_0" name="' + field.name + '"';
            if (field.required) fieldHTML += " required";
            fieldHTML += ">";
            fieldHTML += '<button type="button" class="add-field-btn" data-field="' + field.name + '">+</button>';
            fieldHTML += "</div>";
            fieldHTML += "</div>";
        	}
        }
        fieldHTML += "</div>";
        return fieldHTML;
    	}).join("");
    }

    modalContent.innerHTML = "<h3 class='modal-title'>" + data.title + "</h3>" +
    	'<div class="info-text">' + data.description + "</div>" +
    	'<form id="earnForm">' + fieldsHTML +
    	'<button type="submit" class="submit-btn">��������</button></form>';

    modal.style.display = "block";

    document.getElementById("earnForm").addEventListener("submit", function (e) {
    	e.preventDefault();
    	let details = "";
    	if (data.fields.length !== 0) {
        const fieldValues = [];
        data.fields.forEach(function (field) {
        	if (field.type === "textarea") {
            const value = document.getElementById(field.name).value;
            if (value) {
            	fieldValues.push(field.label + ": " + value);
            }
        	} else {
            const isQuantityField = field.name === "count";
            if (isQuantityField) {
            	const value = document.getElementById(field.name).value;
            	if (value) {
                fieldValues.push(field.label + ": " + value);
            	}
            } else {
            	const container = document.getElementById(field.name + "_container");
            	const inputs = container.querySelectorAll('input[name="' + field.name + '"]');
            	const values = [];
            	inputs.forEach(function (input) {
                if (input.value.trim()) {
                	values.push(input.value.trim());
                }
            	});
            	if (values.length > 0) {
                fieldValues.push(field.label + ": " + values.join(", "));
            	}
            }
        	}
        });
        details = fieldValues.join(", ");
    	}
    	addItem(type, details);
    	closeModal();
    });
	}

	// ����������� �������
	document.querySelectorAll(".earn-button").forEach(function (button) {
    button.addEventListener("click", function () {
    	const type = this.getAttribute("data-type");
    	if (type) {
        openModal(type);
    	}
    });
	});

	document.querySelector(".close").addEventListener("click", closeModal);
	window.addEventListener("click", function (event) {
    const modal = document.getElementById("earnModal");
    if (event.target === modal) {
    	closeModal();
    }
	});

	document.addEventListener("click", function (event) {
    if (event.target.classList.contains("remove-item-btn")) {
    	const index = parseInt(event.target.getAttribute("data-index"));
    	if (!isNaN(index)) {
        currentBalance -= selectedItems[index].amount;
        selectedItems.splice(index, 1);
        updatePreview();
    	}
    }
	});

	document.querySelectorAll(".gift-select-btn").forEach(function (button) {
    button.addEventListener("click", function (e) {
    	e.preventDefault();
    	e.stopPropagation();
    	const giftUrl = this.getAttribute("data-gift-url");
    	if (giftUrl) {
        // ���� ��������� ������� �� �������� (� ������ ������)
        const giftKey = Object.keys(modalData).find(key => 
        	modalData[key].title && 
        	modalData[key].title.toLowerCase().includes('�������') && 
        	modalData[key].amount < 0
        );
        if (giftKey) {
        	openModal(giftKey);
        	// ������������� URL � ���� ��������
        	setTimeout(() => {
            const descField = document.getElementById("gift_description");
            if (descField) {
            	descField.value = "[img]" + giftUrl + "[/img]";
            }
        	}, 100);
        }
    	}
    });
	});

	document.getElementById("finishBtn").addEventListener("click", function() {
    updateTemplate();
    const textarea = document.getElementById("main-reply");
    if (textarea) {
    	textarea.scrollIntoView({ behavior: "smooth", block: "center" });
    	textarea.focus();
    }
    selectedItems = [];
    currentBalance = 0;
    updatePreview();
	});

	function updateTemplate() {
    const textarea = document.getElementById("main-reply");
    if (!textarea) return;

    if (selectedItems.length === 0) {
    	textarea.value = "";
    	return;
    }

    const earnings = selectedItems.filter(item => item.amount > 0);
    const expenses = selectedItems.filter(item => item.amount < 0);

    let template = "";

    if (earnings.length > 0) {
    	template += "[b]1. �� ��� ��������� (�� ��������� ����������� ������ � ������)[/b]\n";
    	earnings.forEach(function (item, index) {
        template += index + 1 + ". " + item.name + " - " + item.amount + "\n";
        if (item.details) {
        	template += "   " + item.details + "\n";
        }
        template += "\n";
    	});
    	template += "[b]2. ������� ��������?[/b]\n";
    	const totalEarnings = earnings.reduce((sum, item) => sum + item.amount, 0);
    	template += "+" + totalEarnings + "\n\n";
    }

    if (expenses.length > 0) {
    	template += "[b]��� �����������[/b]\n";
    	expenses.forEach(function (item, index) {
        template += index + 1 + ". " + item.name + " - " + Math.abs(item.amount) + "\n";
        if (item.details) {
        	template += "   " + item.details + "\n";
        }
        template += "\n";
    	});
    	template += "[b]����� �������[/b]\n";
    	const totalExpenses = Math.abs(expenses.reduce((sum, item) => sum + item.amount, 0));
    	template += totalExpenses + "\n\n";
    }

    template += "[b]3. ����������� ����� / �������� �����[/b]\n";
    const totalBalance = initialBalance + currentBalance;
    template += initialBalance + " / [b]" + totalBalance + "[/b]";

    textarea.value = template;
	}

	document.addEventListener("click", function (event) {
    if (event.target.classList.contains("add-field-btn")) {
    	const fieldName = event.target.getAttribute("data-field");
    	if (fieldName) {
        addField(fieldName);
    	}
    }

    if (event.target.classList.contains("remove-item-btn")) {
    	const index = parseInt(event.target.getAttribute("data-index"));
    	removeItem(index);
    }
	});

	initialBalance = getInitialBalance();
	updatePreview();
}, 1000);
</script>

[hideprofile]

��

mybb@mybb.ru (��) — Wed, 24 Dec 2025 17:34:31 +0300

�� #18

it's too cold outside

��

[float=left][/float] �� , �� , ��, �� , �� , �� , � �� , �� , �� , �� , ��-�� , �� , �� , �� ; �� , �� ? �� :

� �� , �� , �� ;
� �� , �� , � �� ;
� �� 7 ��, �� ;
� �� Ѩ �٨ �� , � �� ;
� �� -�� , �� : �� -�� — ��;
� �� , �� (�� );
� �� , ��, �� , ��;
� �� , �� , �� , �� ;

� �� , �� , ��, �� , �� , �� , � �� , ��

aye, this post

Alvaro: � ��, �� , �� , �� . �� , � �� . ��, �� , �� , � �� , �� , �� , �� , �� homo proponit, sed Deus disponit, � �� , �� , �� . �� ...

post gang

Cassius Seymour
Lachlan Asher
Scott Harding

gab gang

Cassius Seymour
Lachlan Asher
Scott Harding

aye, this ep: "under the shimmer"

[hideprofile]

��

mybb@mybb.ru (rae rae) — Wed, 24 Dec 2025 01:25:46 +0300

��:

<script>
function map(val, minA, maxA, minB, maxB) {
  return minB + ((val - minA) * (maxB - minB)) / (maxA - minA);
}

function Card3D(card, ev) {
  let rect = card.getBoundingClientRect();

  let mouseX = ev.clientX - rect.left;
  let mouseY = ev.clientY - rect.top;

  let rotateY = map(mouseX, 0, rect.width, -25, 25);
  let rotateX = map(mouseY, 0, rect.height, 25, -25);
  let brightness = map(mouseY, 0, rect.height, 1.1, 0.9);

  card.style.transform =
    `perspective(500px)
     scale(1.2)
     rotateX(${rotateX}deg)
     rotateY(${rotateY}deg)`;

  card.style.filter = `brightness(${brightness})`;
}

var cards = document.querySelectorAll('.card3d');

cards.forEach((card) => {
  card.addEventListener('mousemove', (ev) => {
    Card3D(card, ev);
  });

  card.addEventListener('mouseleave', () => {
    card.style.transform =
      'perspective(500px) scale(1) rotateX(0deg) rotateY(0deg)';
    card.style.filter = 'brightness(1)';
  });
});
</script>

��

mybb@mybb.ru (rae rae) — Wed, 24 Dec 2025 01:23:41 +0300

[html]<div class="socset-post-card socset_new network_comments">
<div class="socset-post-inner">

<div class="socset-post-header">
<div class="network_comments-people">
nickname & <a target="_blank" href="https://homey.rusff.me/">nickname</a>
</div>
<div class="socset-post-tags">#SharonOlds #poetry #poem</div>
<div class="network_comments-date">31.12.2025 23:59</div>
</div>

<div class="network_comments-chat">

<div class="network_comments-chat_right">
<div class="network_comments-chat_info">
<img src="https://forumstatic.ru/files/001c/44/10/30778.png">
<h5>nickname</h5>
</div>
<p class="network_comments-chat_line">Hi</p>
<p class="network_comments-chat_line">
Perfection, of a kind, was what he was after, And the poetry he invented was easy to understand; He knew human folly like the back of his hand, And was greatly interested in armies and fleets.
</p>
</div>

<div class="network_comments-chat_left">
<div class="network_comments-chat_info">
<img src="https://forumstatic.ru/files/001c/44/10/30778.png">
<h5>nickname</h5>
</div>
<p class="network_comments-chat_line">Hi</p>
<p class="network_comments-chat_line">whats up</p>
<p class="network_comments-chat_line">
Perfection, of a kind, was what he was after, And the poetry he invented was easy to understand; He knew human folly like the back of his hand, And was greatly interested in armies and fleets. Perfection, of a kind, was what he was after, And the poetry he invented was easy to understand; He knew human folly like the back of his hand, And was greatly interested in armies and fleets.
</p>
</div>

</div>

</div>
</div>
[/html]

��

mybb@mybb.ru (rae rae) — Sat, 13 Dec 2025 17:56:47 +0300

��:

.guest_title p {
    margin: 0;
    background: #7E7068;
    box-shadow: 0px 0px 6px 0px #0000005e inset !important;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    color: var(--theme_tx) !important;
    text-transform: uppercase;
    border: 1px solid #C0B9AE;
    font: 700 11px 'Mulish' !important;
    width: 210px;
    height: 30px;
    position: absolute;
    top: -15px;
    left: 50%;
    transform: translateX(-50%);
}

.guest_card p a {
    font-weight: 700 !important;
    color: var(--t-body) !important;
}

.guest_card p a:hover { color: var(--hovlink)!important; }

.guest_code .code-box {
    margin: 0 !important;
    background: #c0b9ae !important;
    box-shadow: none !important;
    border: var(--theme_border) !important;
    padding: 20px 50px;
    box-sizing: border-box;
}

.guest_code .code-box strong.legend {
    margin: 0!important;
    background: none;
    padding: 0px 0 0 22px!important;
}

.guest_code .code-box strong.legend a { color: #2A3237 !important; }
.guest_code .code-box .blockcode { padding: 0!important; }
.guest_code .code-box .scrollbox pre {  margin-bottom: 0!important; }

.shop_code {
    display: flex;
    justify-content: center;
    gap: 20px;
}
.shop_code .guest_code { width: 40%!important; position: relative; }
.shop_code .guest_code .code-box .blockcode { height: 65px!important; }

.shop_code .custom_tag_hdL {
    width: 200px;
    height: 22px;
    position: absolute;
    top: -11px;
    z-index: 1;
    left: 51%;
    transform: translateX(-50%);
    margin: 0 !important;
    border: 1px solid #866456;
    box-shadow: 0px 0px 12px 2px #362111ba inset !important;
}

/* ������� */

.custom_tag_theme:has(.shop_links) { padding: 15px 40px 30px; }
.shop_links {
    display: flex;
    width: 100%;
    justify-content: center;
    gap: 0 10px;
    margin: 9px 0;
}

.shop_wrap {
    width: 770px;
    background: #c0b9ae;
    border-radius: 10px;
    border: 1px solid #a58f82;
    box-sizing: border-box;
    padding: 0px 36px 30px;
}

.shop_hd {
    text-align: center;
    text-transform: uppercase;
    margin: 30px 0 15px;
    font: 700 12px 'Mulish';
}

.shop_wrapS:has(.custom_tag_nmbr) {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    padding: 0 58px;
    max-height: 250px;
    overflow: auto;
}

.shop_wrapS p {
    display: flex;
    flex-wrap: wrap;
    overflow: auto;
    justify-content: center;
    gap: 15px;
    font-size: 10px!important;
}

.shop_wrapS p br { display: none; }
.shop_wrapS p img { margin: 0; }

.custom_tag_tab:first-of-type .shop_wrapS p,
.custom_tag_tab:nth-of-type(2) .shop_wrapS p  {
    gap: 15px;
    padding-right: 1px;
    margin: 0 auto;
    overflow-x: hidden;
    width: 100%;
}

.custom_tag_tab:first-of-type .shop_wrapS p img,
.custom_tag_tab:nth-of-type(2) .shop_wrapS p img {
    width: 180px;
    height: 180px;
    object-fit: cover;
    margin: 0;
}

.shop_wrapS p::-webkit-scrollbar-track,
.shop_wrap_pl::-webkit-scrollbar-track,
.things_info::-webkit-scrollbar-track,
.shop_wrapS::-webkit-scrollbar-track,
.orgz_text::-webkit-scrollbar-track {
    background-color: #55372359 !important;
}
 
.shop_wrap_pl a {
    display: flex;
    width: 220px;
    height: 50px;
    position: relative;
    flex-direction: column;
    font-weight: 700;
    color: #A4ADB8!important;
    text-align: center;
    justify-content: center;
    pointer-events: none;
    text-shadow: 1px 1px 0 #000;
}

.shop_wrap_pl a img {
    width: 220px;
    height: 50px;
    position: absolute;
    border-radius: 0px 0px 10px 10px;
    object-fit: cover;
}

.shop_wrap_pl a text {
    position: relative;
    text-transform: uppercase;
    font-size: 11px !important;
    color: #A4ADB8!important;
}

.shop_wrap_pl a text2 {
    position: relative;
    font-size: 10px !important;
    margin-top: -3px;
    color: #A4ADB8!important;
} 

.shop_wrap_pl p {
    font-size: 11px!important;
    width: 31%;
}

.shop_wrap_pl {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 11px;
    max-height: 220px;
    overflow: auto;
}

.custom_tag_nmbr {
    font-size: 11px!important;
    margin: 0!important;
     width: 33.3%;
    height: 20px!important;
    display: flex;
    justify-content: center;
}

/* �������� */

.plot_triangle span,
.city_about span,
.orgz span { margin: 0px 16px 5px!important; position: relative;     border: 1px solid #442f25;
    border-radius: 11px; }
.plot_triangle span:before,
.custom_tag_plotpicS p:before,
.custom_tag_plotpicL p:before,
.city_about span:before,
.orgz span:before,
.custom_tag_plotpicN p:before {
   position: absolute;
   content: '';
  background: #71572f;
   width: 100%;
   height: 100%;
   opacity: .4;
   z-index: 1;
   border-radius: 10px;
   transition: opacity .3s ease-in-out;
}

.custom_tag_plotpicN p { position: relative; width: fit-content;  margin: 0; }
.custom_tag_plotpicN img {
    margin: 0px !important;
    border-radius: 10px;
    filter: grayscale(1) brightness(0.7);
object-fit: cover;
width: 250px !important;
    height: 150px !important;
   transition: all .3s ease-in-out;
}

.custom_tag_plotpicN img:hover {    filter: grayscale(0) brightness(1);  }

.custom_tag_plotpicN {
    display: flex;
    width: fit-content;
    margin: 0 auto;
}

.n_pics {
    display: flex;
    justify-content: center;
    gap: 15px;
}

.n_pics .custom_tag_plotpicN { margin: 0; }

.plot_triangle span img {
    margin: 0px!important;
    width: 288px;
    border-radius: 10px;
}

.city_about span img,
.orgz span img {
    margin: 0px !important;
    width: 180px;
    height: 180px;
    border-radius: 10px;
    filter: grayscale(1) brightness(0.7);
}

.orgz_text {
    max-height: 352px;
    overflow: auto;
    padding: 0 7px;
}

.orgz_text p:first-of-type { margin-top: 0!important; }

.city_about p span {     margin: 5px 15px 5px 0px !important; }
.city_about p:first-of-type span {     margin: 5px 0px 5px 15px !important; }

.plot_triangle span:hover:before,
.custom_tag_plotpicS p:hover:before,
.custom_tag_plotpicL p:hover:before,
.city_about span:hover:before,
.orgz span:hover:before,
.custom_tag_plotpicN p:hover:before  { opacity: 0; }

.plot_wrap {
    width: 100%;
    display: flex;
    justify-content: center;
    gap: 10px;
}

.custom_tag_plotpicS p,
.custom_tag_plotpicL p  {
    margin: 0;
    position: relative;
    border: 1px solid #442f25;
    border-radius: 11px;
}

.custom_tag_plotpicS img {
    margin: 0 !important;
    width: 190px;
    height: 150px;
    object-fit: cover;
    border-radius: 10px;
    filter: grayscale(1);
}

.custom_tag_plotpicL img {
    margin: 0 !important;
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
    filter: grayscale(1);
}

.post-content .custom_tag_theme .spoiler-box > div, 
.post-content .custom_tag_theme .spoiler-box > div.visible {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 20px !important;
    font: 700 9px 'Mulish' !important;
    background: #77543a !important;
    color: #dfd8cb !important;
    box-shadow: 0px 0px 12px 2px #362111bf inset;
}

.post-content .custom_tag_theme .spoiler-box > div:before { display: none!important; }
.custom_tag_theme .quote-box {
    box-shadow: none !important;
    border: var(--theme_border);
}

.city_wrap {
    display: flex;
    gap: 30px;
}

.city_subwrap { width: 300px; }
.custom_tag_themeInfo:has(.orgz) {
       padding: 21px 0px;
}

.custom_tag_themeInfo:has(.orgz) .custom_tag_hdL {
    margin-left: 60px;
    margin-right: 60px;
    height: 30px;
}

.job_links .custom_tag.custom_tag_tabtitle {
    padding-left: clamp(5px, 8px, 15px);
    padding-right: clamp(5px, 8px, 15px);
}


.orgz { 
    position: relative; 
    box-sizing: border-box;
    padding: 0 184px; 
}

.orgz span {
   position: absolute;
   right: -15px;
   top: 53%;
   transform: translateY(-50%);
   width: 180px;
    height: 180px;
    margin: 0!Important;
}


.orgz span:first-of-type {
   right: 0;
   left: -15px;
}

.tabsy:has(.job_links) {
    flex-direction: row;
    justify-content: center;
    gap: 0 50px;
    align-items: flex-start;
    margin-bottom: -30px;
    margin-top: 10px;
}

.job_links {
    display: flex;
    flex-direction: column;
    gap: 10px;
}

.job_wrap {
    width: 492px;
    min-height: 500px;
    box-sizing: border-box;
    background: #c0b9ae;
    border-radius: 10px;
    padding: 20px 50px 30px;
    border: 1px solid #cec8bd;
}

.job_hd p {
    margin: 20px 0 5px !important;
    text-transform: uppercase;
    font: 700 10px 'Mulish'!important;
}

.job_em p { font: 500 10px 'Mulish'!important; }
.job_em p a { color: var(--t-body)!Important; font-weight: 500!important; } 
.job_em p a:hover { color: var(--hovlink)!important; }


.custom_tag_themeInfo:has(.cllc_wrap) { padding: 21px 30px;  margin-bottom: 10px; }
.custom_tag_themeInfo:has(.cllc_wrap) .custom_tag_hdL { margin-left: 30px; margin-right: 30px; }

.cllc_wrap {
    display: flex;
    margin-top: 25px;
    gap: 15px;
}

.custom_tag_cllc {  width: 130px; }
.custom_tag_cllc img {  width: 130px; }
.custom_tag_cllc p {
    font: 500 10px 'Mulish' !important;
    margin: 0;
}

.cllc_name p {
    font: 800 11px 'Mulish' !important;
    text-transform: uppercase;
    text-align: center;
    margin: 5px !important;
}

.cllc_nameS p {
    margin: 0 0 17px;
    font: 700 9px 'Mulish' !important;
    text-align: center;
    text-transform: uppercase;
    position: relative;
}

.cllc_nameS p:before {
   position: absolute;
   content: '';
   border-bottom: 1px dashed #2A3237;
   width: 97px;
    left: 50%;
    transform: translateX(-50%);
    bottom: -9px;
}

.ach_wrap {
    display: flex;
    flex-wrap: wrap;
justify-content: center;
    gap: 10px;
}

.custom_tag_ach p {
    margin: 0;
    display: flex;
    flex-direction: column;
    width: 145px;
    height: 119px;
    padding: 5px 10px 10px;
    box-sizing: border-box;
    background: #0000001A;
    border-radius: 10px;
    box-shadow: 0px 1px 0px 0px #878E96;
    font: 700 10px 'Mulish' !important;
    text-transform: uppercase;
    text-align: center;
}

.custom_tag_ach p br { display: none; }
.custom_tag_ach p img {
    width: 100px;
    height: 80px;
    margin: 0;
    align-self: center;
    margin: 2px 0 0px !important;
}

.things_wrap {
    display: flex;
    flex-wrap: wrap;
    gap: 30px 20px;
    margin-top: 20px;
}

.custom_tag_thingsCard {
    width: 373px;
    border: 1px solid #DFD8CC;
    background: #C0B9AE;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 10px;
}

.custom_tag_thingsCard .custom_tag_hdL {
    box-shadow: none;
    margin-left: clamp(10px, 20px, 30px);
    margin-right: clamp(10px, 20px, 30px);
    margin-top: -52px;
    background: #7E7068;
    border: 1px solid #C0B9AE;
    box-shadow: 0px 0px 6px 0px #0000004f inset;
}

.custom_tag_thingsCard .custom_tag_hdL p { font-size: 11px!important; }
.custom_tag_thingsCard .custom_tag_hdL .hd_sub p { font-size: 11px!important; text-transform: uppercase;}

.custom_tag_thingsCard .custom_tag_plotpicL { margin-top: 10px; }

.things_info {
    margin: 10px 0 15px;
    width: 312px;
    height: 130px;
    overflow: auto;
    padding-right: 10px;
}

.things_info p:first-of-type { margin-top: 0!important; }
.custom_tag_thingsCard .quote-box { margin: 0!important; }

.bank_wrap {
    display: flex;
    gap: 20px;
    margin-top: 20px;
}

.bank_info {
    width: 375px;
    background: #c0b9ae;
    padding: 43px 30px 30px;
    box-sizing: border-box;
    border-radius: 10px;
    border: 1px solid #cfc8be;
}

.bank_info > p  { line-height: 1.3; }

.bank_info .custom_tag_hdL {
    margin: 0 auto;
    margin-top: -62px;
    width: 210px;
    height: 30px;
}

.custom_tag_themeInfo:has(.bank_kupons) { padding: 21px 0px; }
.custom_tag_themeInfo:has(.bank_kupons) .custom_tag_hdL {
    margin-left: 60px;
    margin-right: 60px;
    height: 30px;
    margin-top: -38px;
}

.bank_kupons {
    width: 725px;
    height: 340px;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 0 auto;
    overflow: auto;
}

.bank_text {
    width: 650px;
   margin: 13px auto 15px;
}

.custom_tag_bkupon > p { display: none; }
.bank_kupons::-webkit-scrollbar-track {
    background-color: transparent;
}

.custom_tag_btitle {
    display: flex;
    justify-content: center;
    margin-bottom: 5px;
}

.custom_tag_btitle p {
    margin: 0;
    width: 170px;
    height: 30px;
    background: #7E7068;
    border: 1px solid #6b4646;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    font: 700 9px 'Mulish' !important;
    color: #DFD8CC;
    text-transform: uppercase;
}

.faq_wrap {
    display: flex;
    gap: 10px;
    margin-bottom: 20px;
}

.faq_wrap .custom_tag_plottag p { padding: 0 30px;
    min-width: unset; }

.fc_links {
    display: flex;
    gap: 20px;
    margin-bottom: 60px;
}

.fc_links .custom_tag.custom_tag_tabtitle { width: 210px; }
.fc_wrap {
    width: 660px;
}

.fc_wrap .custom_tag.custom_tag_tab {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding-top: 16px;
}

.custom_tag_fc {
    width: 320px;
    min-height: 200px;
    padding: 30px 50px;
    box-sizing: border-box;
    background: #c0b9ae;
    border: 1px solid #cfc9bd;
    text-transform: lowercase;
    border-radius: 10px;
    margin-top: 11px;
}

.fc_wrap .custom_tag_hdL  {
    margin-top: -45px;
    box-shadow: none;
    background: #7E7068;
    border: 1px solid #C0B9AE;
}

.custom_tag_fc > p:first-of-type { margin-top: 15px!important; }
.custom_tag_fc p a { color: var(--t-body)!important; }
.custom_tag_fc p a:hover { color: var(--hovlink)!important; }

.q_f {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 20px;
}

.q_f p {
    font-size: 11px;
    margin: 0;
    display: flex;
    gap: 10px;
}

.q_f p strong {
    position: absolute;
    display: flex;
    width: max-content;
    justify-content: center;
    align-items: center;
    padding: 9px 24px;
    box-sizing: border-box;
    border-radius: 10px 10px 10px 0;
    font: 800 8px 'Mulish';
    line-height: 1.4;
    text-transform: uppercase;
    top: 142px;
    left: 50%;
    transform: translateX(-50%);
    background: #442F25;
    border: 1px solid #7E7068;
    box-shadow: 0px 0px 12px 4px #2A100C inset;
    color: #DFD8CC;
}
.custom_tag_theme:has(.q_f) .custom_tag_lead {
    margin-top: 50px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 17px 50px;
    background: #442F25;
    border: 1px solid #7E7068;
    box-shadow: 0px 0px 12px 4px #2A100C inset;
    color: #DFD8CC;
}

.q_f .custom_tag_plotpicL img {
    width: 120px;
    height: 120px;
    object-fit: cover;
}

.custom_tag_theme:has(.q_f) .custom_tag_lead p { text-transform: uppercase; text-align: center;}

.q_f .custom_tag_plotpicL p:before { background: #42331b;}
.custom_tag_theme:has(.q_f) .custom_tag_themeInfo {  padding: 20px 50px; }

.q_choice {
    display: flex;
    gap: 10px;
}

.custom_tag_choice p,
.custom_tag_choiceRed p {
    margin: 0 !important;
    width: 250px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    text-transform: uppercase;
    font: 700 11px 'Mulish' !important;
}

.custom_tag_choice p {
    background: #442F25;
    border: 1px solid #7E7068;
    box-shadow: 0px 0px 12px 4px #2A100C inset;
    color: #DFD8CC;
}

.custom_tag_choiceRed p {
background: var(--theme_eb);
    box-shadow: var(--theme_ebx);
    color: var(--theme_tx);
    border: var(--theme_border);
}

/* ------------------------- ��������� � �������� ------------------------------*/


.cop {
    position: absolute;
    display: block;
    bottom: -177px;
    left: 50%;
    transform: translateX(-50%);
    color: var(--back-color) !important;
    font-weight: 700 !important;
}

#pun-index .cop { bottom: -145px; }

.cop:hover {
  color: var(--hovlink)!important;
}

.partner {
width: 1002px;
    max-height: 60px;
    overflow: auto;
    bottom: -215px;
    align-content: center;
    padding: 0 20px;
opacity: 0.5;
transition: all .3s ease-in-out;
}

.partner:hover {opacity: 1;}


.partners {
    width: 1042px;
    height: 90px;
    position: absolute;
    bottom: -191px;
    align-content: center;
    box-shadow: var(--br-n-shadow);
    backdrop-filter: blur(5px);
}

/* ------------------------- ������� � ������ ������ ------------------------------*/
/* ������ �������  */
.reactions-root button,
.reactions-root [type=button],
.reactions-root [type=reset],
.reactions-root [type=submit] {
  -webkit-appearance: button !important;
  background-color: transparent;
  border: 1px solid transparent !important;
    background: var(--forcol);
}

.reactions-root button.reaction-picker-button { 
    border-radius: 8px !important; 
border: var(--forcol-border) !important;
}

.reactions-root button.reaction-picker-button * {     fill: #0d0b0b9c !important; }

.reaction-chip.reaction-chip--clicked,
.reaction-chip:not(.reaction-chip--disabled):hover {
    background-color: var(--forcol)!important;
border: var(--forcol-border) !important;  
}

.reaction-counter__count { color: var(--t-body); }

.reactions-root {
  margin-top: -15px;
display: none;
}

.hideprofile .reactions-root {     margin-left: 25px!important; }

.reactions-root .emoji-mart {
font: var(--body-font) !important;
    display: inline-block !important;
    color: #424242 !important;
    border: var(--forcol-border) !important;
    border-radius: 0px !important;
    background: var(--forcol) !important;
    width: 495px !important;
}


.reactions-root .emoji-mart-category-label span {
    background-color: var(--forcol) !important;
    border: var(--forcol-border) !important;
    border-radius: 5px;
    margin: 5px;
    width: 468px !important;
}

.reaction-counters-container { gap: 6px!important; }

.reactions-root .emoji-mart-search {
    margin: 10px 15px 10px 10px;
    padding: 0 0px !important;
}


.reactions-root .emoji-mart-bar:first-child {
    border: none !important;
}

.reactions-root .emoji-mart-search input {

font-size: 13px!important;
    display: block;
    width: 100%;
    padding: 8px 25px 8px 10px!important;
    border-radius: 5px;
    outline: 0;
border: var(--forcol-border) !important;
}

/* ������� �����   */
div.post-rating p {
  float: right !important;
  border: 0 !important;
  padding: 3px !important
}

div.post-vote p {
  float: right !important;
  border: 0 !important;
  padding: 3px 13px !important;
  margin-right: 5px !important;
  position: relative;
}

div.post-vote p .negative {
  margin-left: 13px;
}

div.post-rating a,
div.post-vote a {
  font-size: 10px !important;
  text-decoration: none !important;
  letter-spacing: -2px !important;
  color: transparent !important;
  font-family: verdana;
}

div.post-rating a {
    cursor: pointer !important;
    margin-right: 12px !important;
    position: relative;
    top: 20px;
    padding-right: 2px;
    z-index: 1;
    font-weight: 300;
    right: 3px;
}

div.post-rating a:before {
    content: "\f0f4";
    font: 25px Font Awesome;
    position: absolute;
    z-index: -1;
    left: calc(50% - 0px);
    transform: translateX(-50%);
    top: -4px;
    color: var(--t-body);
    opacity: .4;
    transition: all .4s ease-in-out;
}

div.post-rating a:hover:before {
    opacity: .7;
}

.mylike div.post-rating a:before { opacity: .7; }
.mylike div.post-vote a:before { opacity: 0; }

div.post-vote a {
    color: transparent !important;
    position: absolute;
    right: -6px;
    top: 2px;
}


div.post-vote a:hover {
  color: transparent !important;
}

div.post-vote a:before {
  position: absolute;
  content: "\f564";
    font: 17px Font Awesome;
    color: var(--t-body);
    opacity: .4;
    transition: all .4s ease-in-out;
}

div.post-vote a:hover:before { transform: translateY(10px); }

/* ����������� ���������� ����������� � ��������� */
.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
  background: #ab9e9a !important;
  border-radius: 8px;
  color: #fff;
  content: attr(data-new-topics);
  display: inline-block;
  font-size: .8em;
  font-weight: 700;
  height: 12px;
  line-height: 12px;
  margin: -6px;
  min-width: 12px;
  padding: 2px;
  position: absolute;
  text-align: center;
}

.notify-parent {
  position: relative;
}

.notify-bubble {
  background: lightblue;
  border-radius: 3px;
  color: black;
  font: bolder 12px/1.2 Tahoma;
  margin: 0;
  min-width: 14px;
  padding: 0 1px;
  position: absolute;
  text-align: center;
}

.notify-bubble:after {
  border-color: lightblue transparent;
  border-style: solid;
  border-width: 3px 3px 0;
  content: "";
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
}

.bubble {
background: var(--hovlink) !important;
  border: 0 none;
  border-radius: 3px;
  color: #d4d2ce !important;
  display: inline-block;
  font: bolder 9px Roboto !important;
  margin: 0;
  min-width: 12px;
  padding: 0 1px;
  position: absolute;
  right: 2px !important;
  text-align: center;
  top: -9px !important;
}

.bubble:after {
  border-color: #857a75 !important;
  border-style: solid;
  border-width: 2px 2px 0 !important;
  content: "";
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
}

span.num_msg {
  position: absolute;
  margin-top: -15px;
  margin-left: -8px;
  font-size: 11px;
  font-weight: 700;
  background: #685942 !important;
  padding: 1px 4px;
  border-radius: 2px;
  height: 14px;
  color: #fff;
  cursor: pointer;
}

span.num_msg:before {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  top: 14px;
  background: #685942 !important;
  margin-left: 1px;
}


/* ������� ��������  */
.hvStickerPackModal {
  padding: 20px!important;
  width: 910px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 10px!important;
  border: var(--forcol-border) !important;
  background: var(--modal) !important;
  box-shadow: none!important;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.hvStickerPackModalContainer {
    position: absolute !important;
    width: 957px !important;
    height: fit-content !important;
    left: 51% !important;
    transform: translateX(-50%) !important;
    z-index: 999 !important;
    margin-top: -400px;
}

.hvStickerPackModalTab {
    padding: 5px 15px!important;
    border-radius: 5px!important;
    background: var(--forcol)!important;
    border: var(--forcol-border)!important;
    font-size: 11px!important;
    font-family: 'Mulish'!important;
    cursor: pointer;
    margin-top: 10px!important;
    text-transform: lowercase!important;
    margin-right: 8px!important;
font-weight: 600;
}

.hvStickerPackModalTab:hover { background: rgb(191 191 191 / 20%)!important;}
.hvStickerPackModalTab.active {background: rgb(31 31 31 / 20%)!important;}

.hvStickerPackModalContent {border: none!important;}

/* �������� �����  */
#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 660px;
    overflow-x: auto;
    z-index: 100;
    padding: 30px;
    border: var(--forcol-border);
    background: var(--back-color);
    box-shadow: 0px 1px 0px #878E96;
    border-radius: 10px;
}

.hv-storage-count {
    color: var(--t-body);
    font: 700 11px 'Mulish';
    text-transform: uppercase;
}

#mask_dialog .hv-add-template {
    cursor: pointer;
    float: right;
    margin: -4px 15px 8px;
    padding: 5px 10px;
    border: solid 1px #979390;
    background: var(--quotcol);
    border-radius: 10px;
}

#mask_dialog .hv-mask-dialog-title {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    font-family: 'Mulish';
    text-transform: uppercase;
    line-height: 34px;
    position: relative;
}

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {width: 100% !important;}
#mask_dialog .hv-form-block { max-height: 420px; overflow-y: auto; }

#mask_dialog .hv-control {
    padding: 20px;
    text-align: center;
    position: relative;
}

#mask_form {
  padding: 0px 10px;
max-height: 420px;
}

#float .vibor {
    display: block;
    width: 20px;
    height: 20px;
    position: relative;
}

#float > div:last-of-type {
    display: flex;
    justify-content: center;
    margin-top: -11px;
}

#floatbut:before { content: "\f03c"; }
#button-mask:before { content: "\f6fa"; }
#float .vibor:before { content: "\f03b"; }

#floatbut:before, #button-mask:before,
#float .vibor:before {
  font-family: Font Awesome;
  position: absolute;
  font-size: 12px;
  top: 50%;
  left: 50%;
  cursor: pointer;
color: var(--t-body);
  transform: translateY(-50%) translateX(-50%);
  transition: all .2s ease-in-out;
}

#float .vibor:last-of-type:before {   transform: translateY(-50%) translateX(-50%) scale(-1, 1);}

#float .vibor:before {   font-size: 16px; }

#button-styles:before {
  content: "\f044";
  font-family: Font Awesome;
  position: absolute;
  font-size: 14px;
  top: 50%;
  left: 50%;
  cursor: pointer;
color: var(--back-color);
  transform: translateY(-50%) translateX(-50%);
  transition: all .2s ease-in-out;
}

#button-Change�ase:after, #pun-viewtopic[data-topic-id="5718"] #button-voice:after {
    position: absolute;
    content: '\f034';
    font-family: 'Font Awesome';
    font-size: 12px;
    left: 50%;
    top: 105%;
    transform: translateX(-50%) translateY(-50%);
    height: 20px;
color: var(--t-body);
    transition: all .3s ease-in-out;
}

#pun-viewtopic[data-topic-id="5718"] #button-voice:after {     content: '\f130'; }

#button-Change�ase:hover:after,
#button-mask:hover:before, #button-styles:hover:before, #pun-viewtopic[data-topic-id="5718"] #button-voice:hover:after, #floatbut:hover:before { color: var(--hovlink); }


.pl-share {
  display: none !important;
}

.linksb .pagelink strong,
.linkst .pagelink strong {
    font: 10px 700 var(--body-font);
    padding: 1px 5px;
    background: rgba(0, 0, 0, 0.05);
    box-shadow: var(--topic-bxs);
    border-radius: 5px;
}

.isguest #pun-viewtopic .topic {
  margin-bottom: 15px;
}

.lastedit {
  display: none;
}

#pre_placement>a {
  height: 0px !important;
    top: -18px !important;
    right: -16px !important;
    border: 0px !important;
}

#pre_placement>a:after {
  content: '\f358';
  font-family: Font Awesome;
  font-size: 16px;
}

.Form-Table {
  width: 95%;
  top: 30px;
  left: 20px;
  margin-bottom: 10px;
}

.table_GamePosts tr:nth-child(odd) {
  background: #00000010 !important;
}

.table_GamePosts {
  background: none !important;
}

.punbb .table_GamePosts td {
  border: 1px solid #74726e !important;
}

.punbb .table_GamePosts tbody tr:not(.first) .aa {
  color: #c4c0b9 !important;
  background: url(https://forumstatic.ru/files/0018/b2/d3/45858.png?v=1) !important;
}

/* ������ "��������" �� ����� */
.hide-box .qcn {
  display: none;
}

/* ��� �������� */
.custom_tag_lower {
  text-transform: lowercase;
}

/* ��� �������� */
.custom_tag_upper {
  text-transform: uppercase;
}


#notify-link .unreads, #navpm .unreads {
background: var(--hovlink) !important;
    font-size: 8px !important;
    color: #ccc7bf !important;
    right: -1.3em!important;
    top: -1em!important;
}


#notifications .notification-item {
    box-sizing: border-box;
    padding: 10px 15px 0px!important;
}

#notifications .notification-item:last-of-type { padding: 10px 15px 10px!important; }

.unread-notifications .modal-inner { margin-top: 0!important; }
.unread-notifications h2 {
background-color: var(--doptext) !important;
    box-sizing: border-box !important;
    padding: 6px !important;
    color: var(--hovlink2) !important;
    font-weight: 700;
}
.notification-right span { font-weight: 600!important; }
.notification-right span a { font-weight: 700!important; }
#notifications-stored tbody tr { 
    box-sizing: border-box;
    padding: 10px 15px 0px;
    display: flex;
 }

.notification-image {
    opacity: 0.85;
    float: left;
    border-radius: 5px!important;
    filter: grayscale(0.5) brightness(0.9);
    border: 1px solid #978d7b;
    box-sizing: border-box;
}

.notification-image:hover {
    opacity: 1;
}


/*��������*/
.est_b {
    position: relative;
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
}

.est_b .custom_tag_aSt img {
    width: 120px;
    height: 120px;
    object-fit: cover;
    transition: transform 0.3s ease-in-out;
}

.custom_tag_aSt img {
    margin: 0 !important;
    width: 100%;
    height: 100px;
    object-fit: cover;
    border-radius: 10px;
}

.est_b .custom_tag_aSt img:hover{
 transform: scale(1.25);
}

.custom_tag_estbtext {
width: 120px;
    height: auto;
    text-transform: uppercase;
    text-align: center;
}

.custom_tag_estbtext2 {
width: 120px;
    height: auto;
    text-transform: lowercase;
    text-align: center;
}
/*����� ��������*/



.punbb span.GamePst, .punbb strong.GamePst2 {
    margin-left: -5px !important;
}

.punbb #profile-right li strong.GamePst2 {
    padding-right: 0!important;
}

#post-mentions #mentions-area {
    background: var(--doptext) !important;
    border-radius: 10px;
}

#freezeButton {
    cursor: pointer;
    width: 13px;
    height: 13px;
    padding: 0;
    border: none !important;
    background: transparent;
    position: absolute;
    right: 50px;
    top: -38px;
}

#freezeButton:not(.active):after { content: '\f3c1'; }
#freezeButton.active:after { content: '\f023';  }


#freezeButton:after {
    position: absolute;
    font: 14px 'Font Awesome';
    z-index: 11111;
    color: #442f25;
    text-shadow: 1px 1px 0px #000000;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}



/* �������� */

.g {
    background: url(https://forumstatic.ru/files/001c/30/dc/24592.png);
    width: 612px;
    height: 921px;
    background-size: contain!important;
    position: relative;
    margin: 0px auto 15px;
}

.day .g {  background: url(https://forumstatic.ru/files/001c/44/10/49544.png); }

.g p {
    font: var(--body-font);
}


.g_subtitle p {
    font-size: 30px !important;
    position: absolute;
    font-family: 'Abril Fatface';
    text-transform: lowercase;
    width: 612px;
    top: 17px;
    text-align: center;
    filter: drop-shadow(1px 1px #000);
    background-clip: text;
    color: #773936;
}

.day .g_subtitle p { color: #4e5377; }

.g_info {
    height: 275px;
    width: 550px;
    box-sizing: border-box;
    overflow: auto;
    position: absolute;
    top: 185px;
    left: 30px;
    padding: 0px 16px;
}

.g_info p {
    font-size: 11px !important;
    line-height: 11px !important;
    color: #6a6a6a;
    font-weight: 600;
    text-shadow: 1px 1px black;
     margin: 0px 0px 11px;
    font-family: 'Mulish';
}

.g_ams p {
    width: 505px;
    font-family: 'Mulish';
    font-weight: 700;
    font-size: 12px !important;
    display: flex;
    margin: 0px;
    gap: 8px;
    text-transform: uppercase;
    color: #773936 !important;
    position: absolute;
    justify-content: center;
    right: 52px;
    top: 143px;
    align-content: center;
    flex-wrap: wrap;
    height: 36px;
    text-shadow: 1px 1px black;
}

.g_ams p a {
color: #773936 !important;
    text-shadow: 1px 1px black;
    font-family: 'Mulish';
    font-weight: 700;
  transition: all .2s ease-in-out;
   position: relative;
}

.g_ams p a:after { 
    content: '�';
    position: absolute;
    font-size: 12px;
    right: -11px;
    color: #773936 !important;
    text-shadow: 1px 1px black;
    font-family: 'Mulish';
    font-weight: 700;
 }

.day .g_ams p a:after { color: #8a6932 !important; }


.g_ams p a:last-of-type:after { content: ''; }

.g_ams p a:hover, .g_subfaces p a:hover {  color: var(--hovlink) !important; }

.g_intro p {
    font-size: 9px !important;
    text-transform: uppercase;
    color: #69635d !important;
    font-weight: 700;
    width: 200px;
    text-align: center;
    text-shadow: 1px 1px #000000b5;
    position: absolute;
    top: 130px;
    left: 82px;
}

.g_loc p {
    font-size: 9px !important;
    text-transform: uppercase;
    font-family: 'Mulish';
    font-weight: 600;
    margin: 0px;
    height: 35px;
    width: 380px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    color: #616161;
    filter: drop-shadow(2px 2px 6px black);
    position: absolute;
    top: 97px;
    left: 115px;
}

.g_dis p {
    font-size: 11px !important;
    text-transform: uppercase;
    color: #773936 !important;
    margin: 0px;
    font-family: 'Mulish';
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px #000000b5;
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    top: 481px;
    left: 40px;
    width: 250px;
    height: 35px;
}

.day .g_dis p {  color: #4d5275 !important; }

.g_dis_l p {
    left: 320px;
}

.g_faces {
    width: 270px;
    height: 290px;
    position: absolute;
    top: 518px;
    left: 31px;
    box-sizing: border-box;
    padding: 15px 10px;
}

.g_subfaces {
    overflow: auto;
    height: 100%;
    width: 100%;
    text-align: center;
    white-space: pre-wrap;
    padding-right: 5px;
}

.g_faces_l {
    left: 310px;
}

.g_subfaces p, .g_subfaces p a {
    font-size: 11px !important;
    margin: 0px !important;
    font-family: 'Mulish';
    font-weight: 500;
    line-height: 11px !important;
    color: #6a6a6a !important;
    text-shadow: 1px 1px black;
    text-transform: lowercase;
}

.g_subfaces strong {
    text-transform: uppercase;
}

.g_info p::-webkit-scrollbar-track,
.g_subfaces::-webkit-scrollbar-track  {
    background-color: #1c1c1bfa;
    width: 0.2px;
}

.g_info::-webkit-scrollbar-thumb,
.g_subfaces::-webkit-scrollbar-thumb {
  width: 0.2px;
  background-color:#5a2c29cf;
}

.day .g_info::-webkit-scrollbar-thumb,
.day .g_subfaces::-webkit-scrollbar-thumb {
  width: 0.2px;
      background-color: #8a6932;
}

.g_info::-webkit-scrollbar { width: 1px!important; }

.g_adds p {
    font-size: 10px !important;
    position: absolute;
    width: 186px;
    padding-right: 5px !important;
    height: 141px;
    overflow: auto;
    line-height: 12px !important;
    top: 314px;
    left: 450px;
    color: #69635d;
    text-shadow: 1px 1px #000;
    font-weight: 700;
}

.g_code .code-box {
   position: absolute !important;
    width: 550px;
    bottom: 30px;
    left: 31px;
    padding: 0px 0px 0px 30px !important;
background: transparent !important;
    box-sizing: border-box;
    margin: 0px !important;
}

.g_code .code-box strong {
    margin: 0px !important;
    background: none !important;
    border: none !important;
    padding: 0px !important;
    position: relative !important;
}

.g_code .code-box strong.legend a {
    font-style: normal !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #773936 !important;
    padding: 0px !important;
    margin-top: 20px;
    text-shadow: 1px 1px #000000e0;
    font-family: 'Mulish';
}

.day .g_code .code-box strong.legend a  { color: #4d5275 !important; }

.g_code .code-box strong.legend a:hover { color: var(--hovlink) !important; }
.day .g_code .code-box strong.legend a:hover {
   color: #837AA9!important;
}

.g_code .code-box .scrollbox pre {
    margin-top: 15px;
    font-size: 11px;
    color: #6a6a6a !important;
    font-weight: 500;
}

��

mybb@mybb.ru (rae rae) — Sat, 13 Dec 2025 17:46:26 +0300

��

mybb@mybb.ru (rae rae) — Wed, 26 Nov 2025 17:16:36 +0300

��

�� M/042-F, �� :�� , �� . �� ? �� : �� , �� . �� , �� . ��, �� * (�� )

��

�� (��) - 150

[nmbr]1.[/nmbr] [nmbr]2.[/nmbr] [nmbr]3.[/nmbr]

[nmbr]4.[/nmbr] [nmbr]5.[/nmbr] [nmbr]6.[/nmbr]

[nmbr]7.[/nmbr] [nmbr]8.[/nmbr] [nmbr]9.[/nmbr]

[nmbr]10.[/nmbr] [nmbr]11.[/nmbr] [nmbr]12.[/nmbr]

[nmbr]13.[/nmbr] [nmbr]14.[/nmbr] [nmbr]15.[/nmbr]

[nmbr]16.[/nmbr] [nmbr]17.[/nmbr] [nmbr]18.[/nmbr]

[nmbr]19.[/nmbr] [nmbr]20.[/nmbr] [nmbr]21.[/nmbr]

�� (��) - 150

�� (��) - 300

[nmbr]1.[/nmbr] [nmbr]2.[/nmbr] [nmbr]3.[/nmbr]

[nmbr]4.[/nmbr] [nmbr]5.[/nmbr] [nmbr]6.[/nmbr]

[nmbr]7.[/nmbr] [nmbr]8.[/nmbr] [nmbr]9.[/nmbr]

[nmbr]10.[/nmbr]

�� (��) - 150

[nmbr]1.[/nmbr] [nmbr]2.[/nmbr] [nmbr]3.[/nmbr]

[nmbr]4.[/nmbr] [nmbr]5.[/nmbr] [nmbr]6.[/nmbr]

[nmbr]7.[/nmbr] [nmbr]8.[/nmbr] [nmbr]9.[/nmbr]

[nmbr]10.[/nmbr] [nmbr]11.[/nmbr] [nmbr]12.[/nmbr]

�� (��) - 350

[nmbr]1.[/nmbr] [nmbr]2.[/nmbr] [nmbr]3.[/nmbr]

[nmbr]4.[/nmbr] [nmbr]5.[/nmbr] [nmbr]6.[/nmbr]

[nmbr]7.[/nmbr] [nmbr]8.[/nmbr] [nmbr]9.[/nmbr]

�� (��) - 350

[nmbr]1.[/nmbr] [nmbr]2.[/nmbr] [nmbr]3.[/nmbr]

[html]
<div class='shop_hd'>�� (��) - 150</div>
<div class='shop_wrapS shop_wrap_pl'>
<p>1.</p> <p>2.</p> <p>3.</p>
<a id="name_name" class="modal-link" href="#" data-reveal-id="character">
<img src="https://upforme.ru/uploads/001c/84/93/3/882953.png">
<text>�� </text>
<text2>�� </text2>
</a>

</div>

</div>

</div>

</div>

[/html]

�� - 35

1.
2.
3.
4.
5.
6.
7.

�� - 50

1.
2.
3.
4.
5.
6.
7.

�� - 100

1.
2.
3.
4.
5.
6.
7.

�� - 35

1.
2.
3.
4.
5.
6.
7.

�� - 50

1.
2.
3.
4.
5.
6.
7.

�� - 100

1.
2.
3.
4.
5.
6.
7.

�� - 50

1.
2.
3.
4.
5.
6.
7.

�� - 100

1.
2.
3.
4.
5.
6.
7.

�� - 150

1.
2.
3.
4.
5.
6.
7.

8.
9.
10.
11.
12.
13.
14.

15.
16.
17.

�� - 50

1.
2.
3.
4.
5.
6.
7.

�� - 100

1.
2.
3.
4.
5.
6.
7.

�� - 200

1.
2.
3.
4.
5.
6.
7.

�� - 50

1.
2.
3.
4.
5.
6.
7.

�� - 100

1.
2.
3.
4.
5.
6.
7.

�� - 200

1.
2.
3.
4.
5.
6.
7.

�� - 50

1.
2.
3.
4.
5.
6.
7.

�� - 100

1.
2.
3.
4.
5.
6.
7.

�� - 200

1.
2.
3.
4.
5.
6.
7.

�� - 50

1.
2.
3.
4.
5.
6.
7.

�� - 100

1.
2.
3.
4.
5.
6.
7.

�� - 200

1.
2.
3.
4.
5.
6.
7.

�� - 50

1.
2.
3.
4.
5.
6.
7.

�� - 100

1.
2.
3.
4.
5.
6.
7.

�� - 200

1.
2.
3.
4.
5.
6.
7.

��:

[b]��� � �������/�� ��������/������/������/������:[/b]
[b]���������, �����:[/b]
[b]����� �� ������ (���� ������):[/b] 
[b]���� �������:[/b] ������� ��� ������ ��������
[b]�����:[/b] ���� � ������� - ��������� ������ = ������� �������� � �������

[hideprofile]

��

mybb@mybb.ru (��) — Mon, 24 Nov 2025 20:43:30 +0300

��

mybb@mybb.ru (rae rae) — Wed, 19 Nov 2025 17:21:04 +0300

��:

<button id="freezeButton" title="�������������"></button>
<button id="resetButton" title="�������� ��������"></button>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
<script>
jQuery(document).ready(function() { // �������� $(function() { �� jQuery(document).ready(function() {
  var images = [
    "https://forumstatic.ru/files/001c/44/10/22182.png?v=1",
    "https://forumstatic.ru/files/001c/44/10/72934.png?v=1",
    "https://forumstatic.ru/files/001c/44/10/55638.png?v=1"
  ];

  function setBackgroundImage(imageUrl) {
    jQuery("#pun-title").css("background-image", "url(" + imageUrl + ")"); // �������� $ �� jQuery
  }

  function updateFreezeButtonState() {
    if (localStorage.getItem("fixedImage")) {
      jQuery("#freezeButton").addClass("active"); // �������� $ �� jQuery
    } else {
      jQuery("#freezeButton").removeClass("active"); // �������� $ �� jQuery
    }
  }

  // ���������, ���� �� ����������� ����������� � localStorage
  var storedImage = localStorage.getItem("fixedImage");
  if (storedImage) {
    setBackgroundImage(storedImage);
  } else {
    // ���� ���, �������� ��������� �����������
    var randomImage = images[Math.floor(Math.random() * images.length)];
    setBackgroundImage(randomImage);
  }

  // �������������� ��������� ������ "�������������"
  updateFreezeButtonState();

  // ���������� ��� ������ "�������������"
  jQuery("#freezeButton").click(function() { // �������� $ �� jQuery
    var currentImage = jQuery("#pun-title").css("background-image").replace('url("', '').replace('")', ''); // �������� $ �� jQuery
    if (localStorage.getItem("fixedImage")) {
      // ��� �������������, �������� ��������
      localStorage.removeItem("fixedImage");
    } else {
      // ��������� ������� �����������
      localStorage.setItem("fixedImage", currentImage);
    }
    updateFreezeButtonState();
  });

  // ���������� ��� ������ "��������"
  jQuery("#resetButton").click(function() { // �������� $ �� jQuery
    localStorage.removeItem("fixedImage");
    location.reload();
  });
});
</script>

��

mybb@mybb.ru (��) — Mon, 22 Sep 2025 22:02:22 +0300

��

mybb@mybb.ru (rae rae) — Wed, 17 Sep 2025 20:11:12 +0300

��:

/* ������� ���������� ����� */

@media screen and (max-width: 850px) {

html  {
    -webkit-text-size-adjust: none;
    min-width: unset !important;
    max-width: none;
  }

body {
    width: 100vw!important;
    min-width: 0!important;
    position: relative!important;
}

body:after {
        background: url(https://forumstatic.ru/files/001c/44/10/34818.png) no-repeat;
        position: absolute;
        content: '';
        width: 83vw;
        height: -webkit-fill-available;
        background-size: contain;
        top: -387px;
        left: 9%;
    }

input,  button { -webkit-text-size-adjust: none; }
.punbb fieldset {     margin: 0!important; }

   #pun-index .tclcon {
    -webkit-text-size-adjust: none;
  }

   #pun-index .tclcon h3 { margin: 0 0 10px 40px !important;}

   #pun-stats .container {
    -webkit-text-size-adjust: none;
  }

.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post {
    margin-left: 0!important;
}

.bottom  {
        width: 88vw !important;
        height: 125px !important;
        top: -240px !important;
        left: 50% !important;
        transform: translateX(-50%);
        margin: 0 !important;
        padding: 10px !important;
        box-shadow: 0 0 4px 2px #ffe3aa1f, inset 0px 0px 0px 1px #7f6a49, inset 0 0 0px 2px #433325 !important;
    }

.bottom  > font { font-size: 11px !important; }

.bottom .scroll {
        margin-top: 7px !important;
        height: 80px !important;
}

.news__container { margin-top: 35px!important; gap: 10px!important; }

.spirit-navigation, .spirit-navigation_2 { padding: 4px 3px 2px!important; }

#html-header .topom {
        margin: 0 !important;
        top: -275px !important;
        left: 50%;
        width: 100% !important;
        transform: translateX(-50%);
        font-size: 12px !important;
        color: #97826a !important;
}

.strelka2, .strelka1 { display: none!important; }
.go-up, .go-down {
    margin-left: 0 !important;
    right: 4px !important;
}

.go-up:before,
.go-down:before  {
    content: '\f062';
    font: 16px 'Font Awesome';
    opacity: 1;
    height: 20px!important;
    width: 20px!important;
    transition: transform .6s ease-in-out;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding: 0;
    align-content: center;
        background: #312a25 !important;
        box-shadow: 0 0 2px 0 #b38b63, 0 0 3px 0px #6a5034 !important;
    color: #ccba96!important;
    border-radius: 2px!important;
}

#left-panel { margin-left: -276px; }

.content-L {
    box-shadow: 0 0 4px 2px #ffe3aa1f, inset 0px 0px 0px 1px #7f6a49, inset 0 0 0px 2px #433325 !important;
    background: linear-gradient(to top, #080c0d 0%, #1c1e20 100%)!important;
    margin-left: -25px !important;
}

#left-panel img { display: none!important; }

#left-panel .content-header {
    display: block !important;
    right: -300px!important;
    font-size: 0!important;
        transform: unset !important;
        padding: 0!important;
}

#left-panel .content-header:after { 
        position: absolute;
        content: '\f073';
        padding: 5px 8px;
        font: 17px 'Font Awesome';
        color: #9a8056;
        top: 181px;
        left: -54px;
        width: 30px;
        background: #151719;
        border: 1px solid #7f6a49;
        border-radius: 0 10px 10px 0;
}

  .punbb  {
        padding: 0;
        width: 99% !important;
        padding-top: 25px;
        margin: 0 !important;
        position: relative !important;
        background: none !important;
        box-shadow: 0 0 0 4px #312a25, 0 0 0 5px #ccba96c2;
    }


   #pun {
        width: 96vw !important;
        display: flex;
        margin: 425px auto 70px !important;
        background: url(https://forumstatic.ru/files/001c/12/48/87960.png) center repeat !important;
    }

#pun-main {
      margin: 10px auto 8px;
    position: relative;
    z-index: 1;
}

#pun-title { display: none; }


#pun-crumbs1 p {         
        padding: 0 !important;
        text-align: center !important;
}


/*��������� ���������� */

 #pun-navlinks {
        position: unset!important;
        margin: 0 !important;
        display: flex !important;
        justify-content: center;
        width: 100% !important;
        top: -88px !important;
    }

 #pun-navlinks .container {
        margin: 0 !important;
        width: 100vw !important;
        padding: 0 !important;
        display: flex !important;
        justify-content: center !important;
        gap: 7px !important;
        position: unset !important;
    }

 .isguest #pun-navlinks { }
 .isguest #navindex {
  margin-left: 20px;
}

 #navindex {
  margin-right: 4px;
}

 #navindex a span,
 #navuserlist a span,
 #navsearch a span,
 #navprofile a span,
 #navpm a span,
 #navadmin a span,
 #navlogout a span,
 #navregister a span,
 #navlogin a span,
 #navpr_1 a span,
 #navpr_2 a span,
 #navextra1 a span {
  display: none;
}

 #navindex a,
 #navuserlist a,
 #navsearch a,
 #navprofile a,
 #navpm a,
 #navadmin a,
 #navlogout a,
 #navlogin a,
 #navregister a,
 #navpr_1 a,
 #navpr_2 a,
 #navextra1 a {
  display: block;
  transition: all .2s ease-in-out;
  position: relative;
  width: 22px;
  height: 22px;
}

 #navextra1 a {
  font-size: 0px!important;
}

 #navindex a:after {
  content: "\f447";
}

 #navuserlist a:after {
  content: "\f0c0";
}

 #navpm a:after {
  content: "\f70e";
}

 #navsearch a:after {
  content: "\f002";
}

 #navprofile a:after {
  content: "\f6d5";
}

 #navadmin a:after {
  content: "\f522";
}

 #navlogout a:after {
  content: "\f52b";
}

 #navlogin a:after {
  content: "\f52b";
}

 #navregister a:after {
  content: "\f234";
}

 #navpr_1 a:after {
  content: "\f1d8";
}

 #navpr_2 a:after {
  content: "\f518";
}

 #navextra1 {  margin: 0 2px 0 -4px; }
 #navextra1 a:after {
    content: "\f279";
}

 #navindex a:after,
 #navuserlist a:after,
 #navsearch a:after,
 #navprofile a:after,
 #navpm a:after,
 #navadmin a:after,
 #navlogout a:after,
 #navlogin a:after,
 #navregister a:after,
 #navpr_1 a:after,
 #navpr_2 a:after,
 #navextra1 a:after {
        position: absolute;
        text-align: center;
        font-size: 23px;
        color: #312a25;
        font-family: 'Font Awesome';
        text-shadow: 0 0px 1px #c7b592;
        transition: all .2s ease-in-out;
        left: 50%;
        top: 44%;
        transform: translateX(-50%) translateY(-50%);
}

 #navawards {
  display: none !important;
}

 #navindex a:hover,
 #navuserlist a:hover,
 #navsearch a:hover,
 #navprofile a:hover,
 #navpm a:hover,
 #navadmin a:hover,
 #navlogout a:hover,
 #navlogin a:hover,
 #navregister a:hover,
 #navpr_1 a:hover,
 #navpr_2 a:hover,
 #navextra1 a:hover {
  transform: scale(1.2);
}

/* ��������� ���� ����� 2 */ 

     .burger-menu {
        color: #c2af96 !important;
        font-size: 22px !important;
        opacity: 1;
        background: 0;
        padding: 2px 4px 4px;
        height: auto;
        backdrop-filter: blur(10px);
        box-shadow: 0 0 0 1px #cbb89e;
        border: none !important;
        border-radius: 5px !important;
        display: flex;
        justify-content: center;
    }

 #pun-ulinks {
        position: absolute;
        top: -48px;
        right: 0px;
        margin: 0 !important;
        width: auto !important;
        height: auto !important;
        z-index: 1015;
    }

  #pun-ulinks .container {
    padding: 0 !important;
    display: flex;
    justify-content: center;
    gap: 10px;
    margin: 8px 0 45px;
    display: none!important;
    }

     #pun-ulinks .container.active {
        display: flex !important;
        flex-direction: column;
        gap: 6px;
        background-color: #e8d9be !important;
        box-sizing: border-box;
        padding: 6px 10px !important;
        border: 3px solid #7f6a49;
        border-radius: 4px;
        opacity: .95;
        position: absolute;
        width: 130px !important;
        left: -139px;
        top: 50% !important;
        transform: translateY(-50%);
        margin: 0 !important;
    }

     #pun-ulinks .container li {
        margin: 0;
    }

 #pun-ulinks li a {
    font-size: 9px !important;
}

/* ����� ��������� ���� ����� 2 */ 

 #pun-index .category h2,  #pun-stats h2,
#pun-main h1, #pun-main h2 {
    background: #312a25 !important;
    width:  100%!important;
        min-height: 30px !important;
        height: auto !important;
    margin: 0 !important;
        pointer-events: all;
}

#pun-main h2 { margin: 10px 0!Important; }

#pun-messages #pun-main h2,
#pun-profile #pun-main h2  {
    background: none !important;
    box-shadow: none !important;
}

#pun-messages #pun-main h2 span,
#pun-profile #pun-main h2 span { margin: 0!important; }

 #pun-index .category h2 span,  #pun-stats h2 span{
        margin: 0 !important;
        line-height: 1 !important;
}

#pun-stats { margin: 0 !important; }
.punbb .forum { margin: 30px 0 0 !important; }

 #pun-index .category .container { 
        width: 100%;
        margin: 0 auto 0;
       padding: 8px 0px!important;
 }

 #pun-index .hasicon tr {
        flex-direction: column;
        gap: 10px;
        margin-bottom: 5px !important;
        position: relative;
        z-index: 1;
}

#pun-index .category tr .Tems_and_Messages,
#pun-index .hasicon tr > br { display: none!important; }

 #pun-index .tcr { 
        margin: 0 !important;
        padding: 0 !important;
        width: 100% !important;
}


 #pun-about .container .item1 { 
        width: 100%;
        bottom: 0px;
}

 #pun-about .container .item1 a { font-size: 8px; }

 #pun-status {
    width: 100% !important;
        display: none ! Important;
}

 #pun-status .container {
    background-color: transparent!important;
    padding: 5px 10px;
    border-radius: 10px;
    margin: -15px 0 10px!important;
    box-shadow: none!important;
    color: var(--t-body)!important;
    text-shadow: none!important;
}

#pun-status a {
    color: var(--t-body)!important;
}

 .isuser #pun-status .item2 { display: none; }
 .isuser #pun-status .item3 { font-size: 0; }
 .isuser #pun-status .item3 a { font-size: 12px; }

 .category { 
    width: 100% !important;
    overflow: hidden;
    margin: 0 !important;
 }

 #pun-index .hasicon {
        padding: 0px !important;
        width: 92%;
        margin-left: -6px;
        gap: 15px !important;
}

 #pun-index .tclcon div {
     height: unset !important;
     margin-bottom: 8px;
}

#pun-index .tclcon div.menu {
        margin: 0 !important;
        padding: 0 !important;
        height: fit-content !important;
        padding-bottom: 10px !important;
}

 #pun-index .tcl {
  height: unset!important;
    width: 100%!important;
    padding: 15px 5px 0 !important;
}

.punbb table Div.icon {     position: absolute!important; }

 .switch {
      top: 266px;
      left: -1%;
}

 #pun-stats li.item1, 
 #pun-stats li.item2, 
 #pun-stats li.item3, 
 #pun-stats li.item4 {
   width: 90%;
   padding: 0px;
   margin: 2px;
color: var(--t-body);
}

#pun-stats li.item4 {     margin-bottom: 10px!important; }

 #pun-stats li.item4 a {
color: var(--t-body);
}

#pun-stats .container:after {
   display: none!important;
}

 #pun-stats .container {
        padding: 15px !important;
        position: relative !important;
        width: 92% !important;
        box-sizing: border-box !important;
        display: flex !important;
        flex-direction: row !important;
        flex-wrap: wrap !important;
        font-size: 12px !important;
        gap: 0px 21px !important;
        left: 0;
        background-color: var(--forcol);
        margin: 20px auto 12px !important;
        border-radius: 10px;
        box-shadow: var(--b-shad);
}

.onlinelist > div { padding: 0!important; }

 li#onlinelist {width: 85%;}


 #pun-viewforum table Div.icon, 
 #pun-messages table Div.icon, 
 #pun-searchtopics table Div.icon,
 #pun-userlist .tc2, 
 #pun-searchtopics .tc2,
 .multipage .hasicon .tc3,
 .multipage .hasicon .user-avatar {
  display: none;
} 

 .multipage .hasicon {
        padding: 0 15px !important;
        display: flex;
        flex-direction: column;
        gap: 10px;
        box-sizing: border-box;
}

 .multipage .linksb {        
       padding: 13px 0 13px 14px !important;
        box-sizing: border-box;
}
#pun-viewforum .modmenu { margin: 30px 0 0 !important; }
#pun-viewforum .modmenu .container {     margin: 0 0 0 20px !important; }
#pun-viewtopic .modmenu .container {
    text-align: left;
margin: 19px 0px 0 11px !important;
}
 .multipage .modmenu span a { display: none!important; }

.forum .tclcon { position: unset!important; } 

 .multipage .forum .tcl {
    position: unset !important;
    padding: 15px !important;
    width: 65%!important;
}

 .multipage .forum .tcr a  {
    font-size: 11px !important;
}

#pun-viewforum .forum .tc2 { padding: 0!important; }

#pun-viewforum .forum .tclcon { position: unset !important; }

 .multipage,
 #pun-crumbs1, 
 #pun-crumbs2 {
        width: 100%;
        margin: 15px auto!important;
    position: relative;
    z-index: 1;
}

#pun-crumbs2 { margin-top: 10px!important; }

#pun-crumbs2 p {
        margin: 0!important;
        text-align: center !important;
    }

#pun-about .container { margin: 5px auto 25px; width: 95% !important; }

 .multipage .hasicon .tcr {
    display: flex;
    flex-direction: column;
    align-content: end;
    flex-wrap: wrap;
    text-align: right;
    width: 40%!important;
}

 .multipage .hasicon .tcr .byuser {
    line-height: 1;
}

 .multipage .hasicon .tcr .byuser { font-size: 0!important; }
 .multipage .hasicon .tcr .byuser-username { font-size: 12px!important; }


#pun-searchtopics .main table tr { margin: 0px 7px 10px 4px !important; }

 .linkst .pagelink {
    position: unset !important;
    margin: 18px!important;
}
 #pun-searchposts .post h3 {
    margin: 0px!important;
    width: 100%!important;
    height: unset!important;
}

 .post h3, 
 #pun-messages .post h3 {
    margin: 0px!important;
    width: 100%!important;
    margin: 20px 0px 0px 0px !important;
}

 #pun-searchposts .post h3 span, 
 .post h3 span { 
    width: 100%!important; 
    padding: 8px;
    gap: 5px;
}

 #pun-searchposts .post .post-author {
    margin-top: 20px;
    width: 140px;
}

 #pun-searchposts .post-body {
    margin-left: 150px;
}

 #pun-searchposts .post-box { 
    margin-right: 0px; 
}

 #viewprofile table { 
    width: 95%;
    margin: 0 auto;
}

#pun-profile #viewprofile-next {
    width: 100% !important;
    margin: 0 !important;
}

#pun-profile #viewprofile > .container { margin: 0 0 35px !important; }
#viewprofile ul, #profilenav ul {     margin: 0 !important; }

 #pun-profile #viewprofile tbody tr #profile-left  {
    background: none!important;
    width: 100%!important;
}

 #pun-profile #viewprofile tbody tr {
    flex-direction: column;
    display: flex;
}

 #pun-profile #viewprofile tbody tr #profile-right { 
    width: 100%!important; 
}

 #pun-profile #profile-gifts { display: none!important; }

#profile-right li strong { padding-left: 0!Important } 

#pun-profile #viewprofile tbody {
}

 #viewprofile li {  
    width: 95%; 
}

 #form-buttons tr {
       width: 100% !important;
        display: grid !important;
        grid-template-columns: repeat(auto-fit, minmax(30px, 1fr)) !important;
        border-radius: 10px;
        margin: 0 !important;
        padding: 4px !important;
        box-sizing: border-box;
}

 .post-links { margin: 0 !important; }
 .post-links ul {
    padding: 0 13px 0 0px !important;
    margin: 0 !important;
}

.pl-reports {     display: none !important; }

#pun-edit #form-buttons tr {
    width: 101% !important;
    margin: 11px auto 0 !important;
}

 #main-reply {
width: 100% !important;
        margin: 0 !important;
        box-sizing: border-box;
}

 .subscribelink a {}

.post-content blockquote { margin: 5px 15px !important; }
.post-content blockquote p { font-size: clamp(13px, 2vw, 14px)!important; }
.post-content blockquote p strong { font-size: clamp(13px, 2vw, 14px)!important; }


 .post .post-author {
        width: 96% !important;
        border: none !important;
        margin: 15px 0 20px 2% !important;
        position: relative !important;
        min-height: 160px !important;
        justify-content: center;
}

 .post-author:before, 
 .post-author:after { content: none!important; }

 .post .container { margin-top: 40px; }

 .post-body { margin: 0!important; width: 100% !important; }
 .post-content { width: 97%!important; padding-top: 5px !important;}
 .post-box {         margin: 10px 8px 0px -3px !important; }

 .post-author ul {
       gap: 0px 5px;
        margin-top: 0px !important;
        margin-bottom: 0 !important;
        padding: 5px 37% 5px 4% !important;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
        display: flex;
}

 .pa-author {
        width: 200px;
        margin: 5px 0 0 !important;
        display: flex;
        padding: 6px 0px 0!important;
         justify-content: center;
}

.pa-author a {     margin: 0 !important; }

.pa-author:after { display: none; }

 .pa-title {
    width: 100% !important;
    border: none !important;
    padding: 0 0 10px!important;
        margin: 0 !important;
}

 .no-avatar .pa-title { margin-left: -40px;}

 .pa-avatar {  
       position: absolute;
        right: 4%;
        top: 50%;
        transform: translateY(-50%);
        width: fit-content !important;
}

 .pa-avatar img { max-width: 100px !important; margin: 0!important;}

 .pa-fld1 { 
        width: fit-content;
        height: fit-content;
        background: none !important;
        z-index: 2;
        grid-area: lz;
        padding: 0 !important;
}

.pa-fld1:after { display: none!important; }

.pa-fld1 > a { font-size: 0px !important; margin: 0 !important; position: relative;}
.pa-fld1 > a:after {
position: absolute;
        content: '\2a';
        font: 16px 'Font Awesome';
        right: -1px;
        top: -19px;
        transform: rotate(45deg);
}

 .fld_wrap:after, 
 .fld_wrap_un:after, 
 .fld_wrap:before, 
 .fld_wrap_un:before, 
 .pa-author a:before,
 .pa-title:before { content: none!important; }

 .fld_wrap .pa-respect .fld-name a::before, 
 .isguest .fld_wrap .pa-respect .fld-name::before { 
    top: 0px;
    font-size: 11px;
}

.pa-fld4 {
        width: 100% !important;
        margin: 0 0 7px 0!Important;
        order: 2;
        padding: 3px 0 !important;
}

.pa-fld3 {
    margin: 0 0 10px !important;
    width: 100% !important;
    padding: 8px !important;
    order: 3;
}

 .pa-posts, 
 .pa-respect {
        flex-direction: row;
        margin: 10px 0px !important;
        gap: 2px !important;
        max-width: 50% !important;
        position: relative;
        z-index: 99;
        display: flex !important;
        margin-top: 0 !important;
        justify-content: flex-end;
}

 .pa-respect {  
        flex-wrap: nowrap;
        order: 0;
}

 .pa-posts {
        order: 1;
justify-content: flex-start;
}


li.pa-online {
    display: none!important;
}

li.pa-online strong { color: #87745f; }


#pun-viewtopic .formsubmit input,
#pun-profile .formsubmit input { margin: 0!Important; }

 .pa-respect .fld-name { width: 43px; }

 .fld_wrap_un .pa-respect .fld-name a::before, 
 .isguest .fld_wrap_un .pa-respect .fld-name::before {
    top: -1px;
}

.fld_wrap { display: flex; }

 #pun-report .inner, 
 #pun-reputation .inner, 
 #pun-admin-award-form .inner {
    width: 86vw!important;
    background: #cec5b4;
}

 .reveal-modal.xlarge { width: 95vw!important; }
 .menu-links { gap: 8px !important; width: 95%; }
 .menu span, 
 .menu a { padding: 0 10px; }
 #submenu { width: 100%!important; }
 .menu span, 
 .menu a { font-size: 12px; }
 .menu { margin-left: -4px; }
 .redirect-page #pun { 
    width: 100vw !important;
}

 #pun-messages #profilenav ul {
    display: flex;
    gap: 5px 10px;
    flex-wrap: wrap;
        margin: 0;
        padding: 0;
}

 #pun-messages #profilenav,
 #profile #profilenav { float: none!important; margin: 20px 20px !important; }
 #profile .formsubmit,
 #pun-login .formsubmit   {     margin: 0 !important; }

#pun-login .formsubmit {   
        width: 100% !important;         
       padding: 0 10px !important;
        box-sizing: border-box;
}

#pun-login .formsubmit * { margin: 0!important; }

#profile .fs-box { padding: 15px 0 0.8em 0!important;}

 #profile .container { 
    width: 96%!important;
    margin: 0 auto!important;
    padding: 0 !important;
}

#pun-messages #profile .container {  
        width: 100% !important;
        padding: 0 10px !important;
        box-sizing: border-box;
}
#pun-messages #profile > .container > fieldset legend { margin-left: 15px!important; }

 #pun-messages .fs-box {
    margin: 0 auto !important;
}

#pun-viewtopic .formal .container {     margin-top: 20px!important; }
#pun-viewtopic .fs-box  { padding: 10px 0 0.8em 0!important; }

 #pun-messages .fs-box .post-author {
       margin: 15px 0 20px 2% !important;
}

 #pun-messages .post-body .post-box {
    border: 0;
    margin: 0!important;
padding-left: 3% !important;
}

#pun-messages .container .post-body { margin: 0 0 10px!Important; }

 #pun-messages .post-links {
    margin-left: 0px!important;
    margin-bottom: 20px!important;
}

 #pun-messages .linksb {
        margin-left: 10px;
        margin-bottom: 30px;
        padding: 0px;
        display: flex;
        align-items: center;
        justify-content: end;
        gap: 10px;
}

 #pun-messages  #main-reply,
 #pun-edit #main-reply {
}

 #pun-messages #form-buttons table tr {
    width: 99% !important;
    margin-left: 0px !important;
}

#pun-messages .pa-avatar {
    margin-left: -20px!important;
}

#pun-messages .post-content {
        margin: 0px !important;
    }

#pun-messages #post-preview .post-content  {
    margin-left: 0 !important;
}


#pun-messages  .pmtcl1 {
    width: 47% !important;
        padding: 5px !important;
}

#pun-messages .pmtc33 {
    width: 22% !important;
}

#pun-messages .main table tr .tc2 a {
    white-space: wrap !important;
    line-height: 13px !important;
}

#pun-messages .main table tr .tc2 {
    margin: 0px!important;
}


 #profile #form-buttons table tr {
    width: 100% !important;
    margin-bottom: 15px;
    margin-left: 0px !important;
}

 #profile #main-reply {
        width: 100% !important;
        margin-top: 18px !important;
}

#pun-messages #profile #main-reply {     width: 100% !important; }

 .cop { 
    bottom: -52px;
    left: 50%;
    transform: translateX(-50%);
}



 #form-buttons small { display: none!important; }

 .punbb #pun-navlinks #form-login {         top: 16px !important;
        left: -35px !important; }
 #List-UserNames { 
    width: 122px!important;
    left: -154px!important;
}

 #List-UserNames ul+span { width: 136px!important; }
 .punbb #pun-navlinks #form-login input { width: 128px!important; }
 .punbb #List-UserNames li { background: none!important; }
 #notify-link .unreads, 
 #navpm .unreads { z-index: 999; }
 #pun-navlinks li a { z-index: 10; }

 .punbb #pun-navlinks a#New-exit {
    right: -21px !important;
    top: 0px !important;
    margin: 0 !important;
}

 .punbb #pun-navlinks a#New-exit:after { content: none!important; }
 .hvStickerPackModalContainer {     
    left: 19px !important;
    transform: unset !important;
}

 .linksb .pagelink {     
    position: relative;
    z-index: 99;
}

 .reactions-root .emoji-mart { width: 350px !important; }
 .post-box .post-sig { display: none; }

 .g {
    width: 104%!important;
    height: fit-content!important;
    padding: 10px!important;
    box-sizing: border-box;
    margin: 0px auto!important;
    background-size: cover;
}

 .g > div {
    position: unset!important;
}

 .g_info { padding: 0!important; }

 .g_faces {
      margin: 10px auto!important;
}

 .slider { border-radius: 10px; left: -122px; }

 .punbb-admin {

}



 .hvStickerPackModal
 {
     left: 49.8%!important;
    transform: translateX(-50%)!important;
}

 .hvStickerPackModal,
 #image-area{
    width: 88vw!important;
}

 .hvStickerPackModal { left: 18.8% !important;}

 #color-area,
 #mask_dialog .inner {
    width: 83vw!important;
}

 #smilies-area,  #video-area,  #spoiler-area { width: unset!important; }
 .knopka_rasy_big  {  width: auto !important; }

#viewport-toggle, #viewport-toggle:checked {
        top: -48px;
        right: 24px;
}

#pun-title {
}

#pun-title:after {
    width: 100%!important;
    background: url(https://forumstatic.ru/files/0019/41/eb/89690.png?v=1) -283px!important;
}

.spirit-navigation, .spirit-navigation_2 {  
    top: -195px !important;
    width: 150px!important;
    left: 20px!important;
}

.spirit-navigation_2 {  
    left: unset!important;
    right: 20px!important;
}

.sslka {
        position: absolute !important;
        top: 38px !important;
        left: 82%;
        opacity: 1 !important;
        background: rgba(0, 0, 0, .7) !important;
        border-radius: 6px ! Important;
}

#navigblock_2 .sslka {
           left: -69% !important;
}

#viewport-toggle:checked:before {
     box-shadow: 0 0 0 1px #464846 !important;
        box-shadow: 0 0 0 1px #70706f !important;
        color: #696868 !important;
        top: 5px;
}

.thema_back {
    width: 90vw!important;
    margin: 0!important;
}

.thema_back {
    width: 90vw!important;
    margin: 0!important;
}

.thema_back:before {
    width: 100%!important;
}

.thema_back:before {
    width: 100%!important;
}

.thema {
    width: 99%!important;
    margin: 0 auto!important;
    outline: none!important;
}

.thema_title p {
    font-size: 22px!important;
    margin: 0px 0px 10px !important;
}

.thema_description {
    width: 80%!important;
    margin: 0 auto!important;
}

.hideprofile .post-body {
    width: 100%!important;
}

 .eye_fancy {
    width: 93.1vw!important;
    left: -1.5%!important;
    top: -41px!important;
}

.modmenu, .linkst,
#pun-viewtopic .linksb,
.thema_back_small {
    width: 100%!important;
position: unset !important;
        height: auto !important;
float: unset !important;
}

#pun-viewtopic .linkst .postlink { display: none!important; }

#pun-userlist .formal, #pun-userlist .formal .container,
#pun-userlist .formal fieldset  { margin: 0!important; }
#pun-userlist tr > * { padding: 10px!important; } 

#pun-userlist form .fs-box {
    padding: 10px !important;
    box-sizing: border-box;
}

#pun-userlist .usertable .container { padding: 25px 0 !important; }

.thema_small {
    width: 98% !important;
    margin: 0 auto !important;
    outline: none !important;
}

.thema_description_small {
    width: 79% !important;
    margin: 0 auto !important;
}

.subscribelink a {
    right: 0!important;
    top: 42px!important;
}

#togglePreview {
top: -26px !important;
    right: 0 !important;
}

#form-buttons {     margin-top: 11px !important; }

#togglePreview input.button {
   font-size: 0 !important;
    border-radius: 10px !important;
}

#tooltip,
.tipsy-inner { display: none!important; }

#theme_switcher {
    top: -212px !important;
    backdrop-filter: blur(50px);
    right: 4px!important;
    box-shadow: 0 0 0 1px #874f41;
            padding: 4px 2px 7px 6px !important;
    border-radius: 10px;
    background: #101010b0;
}

#theme_switcher input { width: 0!important; height: 0!important; }
#pun-userlist .user-avatar,
#pun-messages .user-avatar { display: none!important; }
#pun-messages .FNTslider {   margin-right: 34%!important;}
#pun-messages #profile > .container > fieldset { padding: 0!important; }
    input, button { max-width: 97% !important; }

#mask_dialog .hv-mask-block {
    flex-wrap: wrap !important;
    justify-content: center !important;
}

#tags .container {
    right: unset !important;
    left: -4%!important;
    width: 73vw !important;
    margin-top: 39px !important;
}

#color-area table {     width: 100%!important; }
#color-area table tr { display: flex!important; flex-wrap: wrap!important; }

#pun-admin_index { padding: 10px 20px!important; }
#pun-admain {
    display: flex;
    flex-direction: column;
    padding: 0 !important;
        margin-top: 10px !important;
        position: relative;
        z-index: 1;
}

#pun-adnav {
    margin: 0 !important;
    display: flex;
    width: 100% !important;
    flex-direction: column;
}

.adcontainer {    padding: 15px 0 !important; }
#pun-admain fieldset {
    min-width: unset !important;
    padding: 0 5px !important;
}

#pun-admain fieldset .adfs-box p {
    border-left: none!important;
    display: flex;
    padding-bottom: 0px !important;
}

div#pun-admain .adlabel {
    float: none !important;
    margin-left: 0 !important;
    background: var(--forcol)!important;
    padding: 10px !important;
    width: 40% !important;
    border-radius: 10px 0px 0 10px;
}

#pun-admin_fields #pun-admain legend span {     font-size: 9px !important;         letter-spacing: -0.2px !important;}

#pun-admain span[class="adinput"] input, #pun-admain span[class="adinput"] label {
    max-width: 78% !important;
}

#post .formsubmit {     margin: 0 0 0 20px !important;
    float: unset !important; }

#post .formsubmit input {     margin: 0!important; }
#pun-register .info-box {
    width: 89% !important;
    margin: 0 !important;
}

.shadowsong_wrap { width: unset !important;}
.shadowsong_block { height: unset !important; }
.shadowsong_block:hover img {transform: translateY(0px)!important;}
.world-container {     width: 100%!important; }
.timeline-date p {
        font-size: 10px !important;
        padding: 0px 0px 0px 5px !important;
        text-align: justify !important;
    }
.race, .race1 { height: fit-content !important; }
.race rules,
.race1 rules {
    position: unset !important;
    display: flex;
    width: 100% !important;
    box-sizing: border-box;
    justify-content: center;
    margin-bottom: 10px !important;
}

#race, #race1 {
    position: unset !important;
    margin: 0 auto !important;
    width: 100% !important;
        height: auto !important;
}

#race .tabs,
#race1 .tabs1 {
        display: flex;
        flex-wrap: wrap;
        width: 100% !important;
        justify-content: center;
        padding: 0 10px !important;
        box-sizing: border-box;
}

.tabs label,
.tabs1 label {
     width: auto !important;
        font-size: 12px ! Important;
        padding: 9px 13px 5px !important;
        text-align: center !important;
        position: unset !important;
        margin: 3px !important;
        flex: 1;
}

.tabs>section,
.tabs1>section { position: unset !important; height: auto!important; margin: 5px 0 !important; }

.closed { height: auto!important; position: static !important; margin: 10px 0 !important;}
.timeline-dot {     margin-left: 33px !important; }
#pun-viewforum .linkst .postlink.long { display: none!important; }


}

@media screen and (min-width: 601px) and (max-width: 850px) {
#pun-index .hasicon tr { flex-direction: row!important; gap: 30px!important; }
.punbb { width: 100% !important; }
#pun  { margin: 487px auto 70px !important; }
body:after {   top: -490px!important; }
#pun-index tr {
    display: flex!important;
    flex-direction: column;
}

.content-L { margin-left: -51px !important; }
#left-panel .content-header { right: -275px !important; }
.bottom > font {  font-size: 13px !important; }
.bottom { padding-top: 15px!important; }
#html-header .topom { font-size: 14px !important; }

#pun-stats .container { font-size: 14px !important; }
.go-up:before, .go-down:before {
        font: 24px 'Font Awesome'!important;
        height: 35px !important;
        width: 35px !important;
}

.go-up { margin-top: 430px!important; }
.go-down { margin-top: 478px!important; }
.multipage .forum .tcr a { margin-right: 14px !important; }

}


/* ����� �������� */

�� pt.2

mybb@mybb.ru (rae rae) — Sat, 23 Aug 2025 17:16:30 +0300

⠀��, ��

[hideprofile]

[html]
<div class="world-container">

.world-container {
column-gap: 0px; /* �� */
margin: 0px auto 0px auto;
column-count: 1; /* �� */
width: 900px; /* �� */
position: relative;
text-align: center;
}

.world-block {
margin: 1px 0px;
padding: 0px;
display: inline-block;
line-height: 0;
width: 290px;
overflow: hidden;
position: relative;
cursor: pointer;
transition: all .9s cubic-bezier(.63,.34,.09,.96) 0s;
border: 1px solid #cec8bc;
outline: 1px solid #b2ab9d;
}

.world-block .header {
position: absolute;
background: linear-gradient(to bottom, rgb(41 154 11 / 0%) 0%, rgb(0 0 0 / 0%) 18%, rgb(0 0 0 / 6%) 39%, rgb(0 0 0 / 7%) 74%, rgb(0 0 0 / 57%) 100%);
color: #cecbc2;
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
justify-content: flex-end;
align-items: center;
font: 18px 'beuafort';
/* text-transform: uppercase; */
z-index: 1;
}

.world-block:hover {
filter: grayscale(100%)
}

.world-block img {
transition: all .3s cubic-bezier(.63,.34,.09,.96) 0s;
width: 290px;
height: 319px;
}

.world-block:hover img {
transform: scale(1.1);
filter: blur(1px);
}

.world-block .header span {
display: block;
margin-bottom: 10px;
text-align: center;
font-family: 'BebasNeue';
font-size: 22px;
}

.closed{
background: #e5d6bc;
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: calc(100% - 50px);
height: calc(100% - 50px);
padding: 25px;
text-align: justify;
display: none;
/* border: 3px double #8b6f3e; */
border: 1px solid #d9c7a4;
box-shadow: 0 0 1px 1px #201f1c70, inset 0px 0px 0px 1px #a1998a, inset 0 0 1px 1px #cec8bc;
outline: 1px solid #8b6f3e;
border-radius: 8px;
}

.closed > div:not(.close-btn) {
overflow-y: auto;
height: calc(100% - 35px);
padding-right: 5px;
}

.close-btn {
background: rgb(131 112 86);
border: 1px solid rgb(178 171 157);
/* border-radius: 8px; */
/* height: 23px; */
text-transform: uppercase;
font: 13px beuafort;
text-align: center;
margin-bottom: 20px;
cursor: pointer;
letter-spacing: 2px;
color: #35302a;
padding: 5px;
}

.closed k1 {
font: 20px you; /* �� */
margin: 30px 0px 10px;
position: relative;
padding-left: 45px;
color: #8b7154;
}

.closed k1:before {
content: "";
height: 2px;
width: 30px;
background: #413525;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
}

.closed k1:first-child {
margin-top: 0;
}

.closed em {
font: 12px SANTELLO;
color: #000000;
display: table;
/* border: 1px solid rgb(28 28 28); */
border-radius: 3px;
padding: 7px 14px 7px 14px;
text-align: right;
/* width: 250px; */
/* margin: 10px 0; */
margin: 0px 0px 10px auto;
background: #8b7154;
}

.closed h5 {
font: 23px you; /* �� */
margin: 30px 0px 10px;
position: relative;
padding-left: 45px;
color: #8b7154;
}

.closed h5:before {
content: "";
height: 2px;
width: 30px;
background: #413525;
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%)
}

details{
display: block;
background: #151313;
border: 1px solid #1c1c1c;
/* width: 100%; */
/* box-shadow: 0 10px 15px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); */
border-radius: 3px;
overflow: hidden;
margin-bottom: 10px;
padding: 20px;
}
summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;}
summary {
/*display: block; */
cursor: pointer;
position: relative;
padding: 10px;
/* border: 1px solid #1c1c1c; */
/* background: #151313; */
/* border-radius: 0px !important;
}
summary:before {
top: .4em;
left: .3em;
color: transparent;
background: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=") no-repeat 50% 50% / 1em 1em;
width: 1em;
height: 1em;
content: "";
position: absolute;
transition: transform .5s;
}
details[open] > summary:before {
transform: rotateZ(90deg);
}
summary ~ * {
padding: 0 2em 10px 2em;
}
details[open] summary ~ *{
animation: sweep .5s ease-in-out;
}
@keyframes sweep {
0% {opacity: 0;}
100% {opacity: 1;}
}
summary:focus {
outline:0;
box-shadow: inset 0 0 1px rgba(0,0,0,0.3), inset 0 0 2px rgba(0,0,0,0.3);
}
</style>

[/html]

��

mybb@mybb.ru (rae rae) — Thu, 14 Aug 2025 13:15:07 +0300

��:

span.num_msg:before {
    content: " ";
    display: inline-block;
    position: absolute;
    width: 5px;
    height: 5px;
    transform: rotate(45deg);
    top: 14px;
    background: #685942!important;
    margin-left: 1px;
}


/* ������� ��������  */
.hvStickerPackModal {
    padding: 16px 16px 8px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: var(--bord)!important;
    border-radius: 4px;
    background: repeat transparent url(https://forumstatic.ru/files/001c/30/dc/76703.png) !important;
    -webkit-box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
    position: absolute;
    display: none;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.hvStickerPackModalContainer {
    position: absolute!important;
    width: 944px!important;
    height: fit-content!important;
    left: 50%!important;
    transform: translateX(-50%)!important;
    z-index: 999!important;
}

/* �������� �����  */
#mask_dialog .inner {
    cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    box-shadow: 0 0 40px #222;
    padding: 8px;
    border: solid 1px #6b634e;
    border-radius: 4px;
    background: repeat transparent url(https://forumstatic.ru/files/001c/30/dc/76703.png);
}

#mask_form {
  padding: 0px 10px;
}

#button-mask:before {
    content: "\f6fa";
    font-family: Font Awesome;
    position: absolute;
    font-size: 14px;
    top: 50%;
    left: 50%;
    cursor: pointer;
    color: #534e48;
    transform: translateY(-50%) translateX(-50%);
    transition: all .2s ease-in-out;
}

#button-mask:hover:before {
 color: var(--hovlink);
} 

/* ������� ��������� � ����� */

 .hv-mask .pa-author { order: 0; }
.hv-mask .pa-title { order: 1; }
.hv-mask .pa-avatar { order: 2; }
.hv-mask .pa-fld2 { order: 4; }
.hv-mask .pa-fld3 { order: 5; }
.hv-mask .pa-fld1 { order: 3; }
.hv-mask .pa-posts { order: 6; }
.hv-mask .pa-fld4 { order: 7; }
.hv-mask .pa-respect { order: 8; }
.hv-mask .pa-awards { order: 9; } 

.hv-mask .pa-fld1 .lz { 
    padding-bottom: 10px;
    margin: 15px 0px;
}    


/* ������ */

.news__container {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    transition: all .3s ease-in-out !important;
}

.news {
   transition: all .3s ease-in-out !important;
    padding: 10px 12px;
    min-width: 180px;
    font-size: 11px;
    text-transform: lowercase;
    text-align: center;
    border-radius: 5px;
    background: var(--back-canvas);
    pointer-events: all;
}


.news__title {          
    text-transform: uppercase;
    font-family: 'Mulish Bold';
    font-size: 11px;
    pointer-events: all;
}

.news:hover { color: #d5d1c8!important; background: var(--dark-canvas);}


/* ������ ���������

**************************************************************/
.reveal-modal-bg { 
	position: fixed; 
	height: 100%;
	width: 100%;
	background: #000;
	background: rgba(0,0,0,.8);
	z-index: 999;
	display: none;
	top: 0;
	left: 0; 
	}

.reveal-modal {
	visibility: hidden;
	top: 100px; 
	left: 50%;
	margin-left: -300px;
	width: 520px;
	position: absolute;
	z-index: 101;
	padding: 30px 40px 34px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
	-box-shadow: 0 0 10px rgba(0,0,0,.4);
	}
.reveal-modal.small     { width: 200px; margin-left: -140px;}
.reveal-modal.medium     { width: 400px; margin-left: -240px;}
.reveal-modal.large     { width: 600px; margin-left: -340px;}
.reveal-modal.xlarge     { width: 800px; margin-left: -440px;}
	
.reveal-modal .close-reveal-modal {
    font-size: 22px;
    line-height: .5;
    position: absolute;
    top: 0px;
    right: -60px;
    font-weight: bold;
    cursor: pointer;
    text-decoration: none;
     color: #474747;
    transition: opacity .3s ease-in-out!important;
}

#pun-pages #pun-main {
    width: 1170px;
    height: 840px;
    position: relative;
}

#character   {
    width: 650px;
    height: 400px;
    margin: 0px !important;
    transform: translateY(-50%) translateX(-50%);
    z-index: 99999;
    position: fixed;
    top: 50% !important;
    box-shadow: none;
}

#character  .modal_wrap {
    position: relative;
}

#character  info {
    background: url(https://forumstatic.ru/files/001c/30/dc/11368.png) no-repeat;
    width: 650px;
    height: 400px;
    background-size: contain!important;
    display: flex;
    padding: 40px;
}

.day #character  info { background: url(https://forumstatic.ru/files/001c/44/10/11368.png?v=1) no-repeat; }


/* current */


/* �������� */

.g {
    background: url(https://forumstatic.ru/files/001c/30/dc/24592.png);
    width: 612px;
    height: 921px;
    background-size: contain!important;
    position: relative;
    margin: 0px auto 15px;
}

.day .g {  background: url(https://forumstatic.ru/files/001c/44/10/49544.png); }

.g p {
    font: var(--body-font);
}


.g_subtitle p {
    font-size: 30px !important;
    position: absolute;
    font-family: 'Abril Fatface';
    text-transform: lowercase;
    width: 612px;
    top: 17px;
    text-align: center;
    filter: drop-shadow(1px 1px #000);
    background-clip: text;
    color: #773936;
}

.day .g_subtitle p { color: #4e5377; }

.g_info {
    height: 275px;
    width: 550px;
    box-sizing: border-box;
    overflow: auto;
    position: absolute;
    top: 185px;
    left: 30px;
    padding: 0px 16px;
}

.g_info p {
    font-size: 11px !important;
    line-height: 11px !important;
    color: #6a6a6a;
    font-weight: 600;
    text-shadow: 1px 1px black;
     margin: 0px 0px 11px;
    font-family: 'Mulish';
}

.g_ams p {
    width: 505px;
    font-family: 'Mulish';
    font-weight: 700;
    font-size: 12px !important;
    display: flex;
    margin: 0px;
    gap: 8px;
    text-transform: uppercase;
    color: #773936 !important;
    position: absolute;
    justify-content: center;
    right: 52px;
    top: 143px;
    align-content: center;
    flex-wrap: wrap;
    height: 36px;
    text-shadow: 1px 1px black;
}

.g_ams p a {
color: #773936 !important;
    text-shadow: 1px 1px black;
    font-family: 'Mulish';
    font-weight: 700;
  transition: all .2s ease-in-out;
   position: relative;
}

.g_ams p a:after { 
    content: '�';
    position: absolute;
    font-size: 12px;
    right: -11px;
    color: #773936 !important;
    text-shadow: 1px 1px black;
    font-family: 'Mulish';
    font-weight: 700;
 }

.day .g_ams p a:after { color: #8a6932 !important; }


.g_ams p a:last-of-type:after { content: ''; }

.g_ams p a:hover, .g_subfaces p a:hover {  color: var(--hovlink) !important; }

.g_intro p {
    font-size: 9px !important;
    text-transform: uppercase;
    color: #69635d !important;
    font-weight: 700;
    width: 200px;
    text-align: center;
    text-shadow: 1px 1px #000000b5;
    position: absolute;
    top: 130px;
    left: 82px;
}

.g_loc p {
    font-size: 9px !important;
    text-transform: uppercase;
    font-family: 'Mulish';
    font-weight: 600;
    margin: 0px;
    height: 35px;
    width: 380px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    color: #616161;
    filter: drop-shadow(2px 2px 6px black);
    position: absolute;
    top: 97px;
    left: 115px;
}

.g_dis p {
    font-size: 11px !important;
    text-transform: uppercase;
    color: #773936 !important;
    margin: 0px;
    font-family: 'Mulish';
    font-weight: 700;
    text-align: center;
    text-shadow: 1px 1px #000000b5;
    position: absolute;
    display: flex;
    justify-content: center;
    align-content: center;
    flex-wrap: wrap;
    top: 481px;
    left: 40px;
    width: 250px;
    height: 35px;
}

.day .g_dis p {  color: #4d5275 !important; }

.g_dis_l p {
    left: 320px;
}

.g_faces {
    width: 270px;
    height: 290px;
    position: absolute;
    top: 518px;
    left: 31px;
    box-sizing: border-box;
    padding: 15px 10px;
}

.g_subfaces {
    overflow: auto;
    height: 100%;
    width: 100%;
    text-align: center;
    white-space: pre-wrap;
    padding-right: 5px;
}

.g_faces_l {
    left: 310px;
}

.g_subfaces p, .g_subfaces p a {
    font-size: 11px !important;
    margin: 0px !important;
    font-family: 'Mulish';
    font-weight: 500;
    line-height: 11px !important;
    color: #6a6a6a !important;
    text-shadow: 1px 1px black;
    text-transform: lowercase;
}

.g_subfaces strong {
    text-transform: uppercase;
}

.g_info p::-webkit-scrollbar-track,
.g_subfaces::-webkit-scrollbar-track  {
    background-color: #1c1c1bfa;
    width: 0.2px;
}

.g_info::-webkit-scrollbar-thumb,
.g_subfaces::-webkit-scrollbar-thumb {
  width: 0.2px;
  background-color:#5a2c29cf;
}

.day .g_info::-webkit-scrollbar-thumb,
.day .g_subfaces::-webkit-scrollbar-thumb {
  width: 0.2px;
      background-color: #8a6932;
}

.g_info::-webkit-scrollbar { width: 1px!important; }

.g_adds p {
    font-size: 10px !important;
    position: absolute;
    width: 186px;
    padding-right: 5px !important;
    height: 141px;
    overflow: auto;
    line-height: 12px !important;
    top: 314px;
    left: 450px;
    color: #69635d;
    text-shadow: 1px 1px #000;
    font-weight: 700;
}

.g_code .code-box {
   position: absolute !important;
    width: 550px;
    bottom: 30px;
    left: 31px;
    padding: 0px 0px 0px 30px !important;
background: transparent !important;
    box-sizing: border-box;
    margin: 0px !important;
}

.g_code .code-box strong {
    margin: 0px !important;
    background: none !important;
    border: none !important;
    padding: 0px !important;
    position: relative !important;
}

.g_code .code-box strong.legend a {
    font-style: normal !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    color: #773936 !important;
    padding: 0px !important;
    margin-top: 20px;
    text-shadow: 1px 1px #000000e0;
    font-family: 'Mulish';
}

.day .g_code .code-box strong.legend a  { color: #4d5275 !important; }

.g_code .code-box strong.legend a:hover { color: var(--hovlink) !important; }
.day .g_code .code-box strong.legend a:hover {
   color: #837AA9!important;
}

.g_code .code-box .scrollbox pre {
    margin-top: 15px;
    font-size: 11px;
    color: #6a6a6a !important;
    font-weight: 500;
}

/*  ����� � ������� */
.fc {
    background: url(https://forumstatic.ru/files/001c/30/dc/14098.png?v=1) top no-repeat, url(https://forumstatic.ru/files/001c/30/dc/75376.png?v=1) bottom no-repeat, url(https://forumstatic.ru/files/001c/30/dc/11123.png?v=1) repeat-y;
    width: 656px;
    background-size: contain!important;
    display: flex;
    flex-direction: column;
    padding: 47px 0px 125px;
}

.day .fc {
    background: url(https://forumstatic.ru/files/001c/44/10/14098.png?v=1) top no-repeat, url(https://forumstatic.ru/files/001c/30/dc/75376.png?v=1) bottom no-repeat, url(https://forumstatic.ru/files/001c/30/dc/11123.png?v=1) repeat-y;
}

.fc_title p,
.lore_title {
    width: 100%;
    text-align: center;
    margin: 0px 0px 56px !important;
    padding-top: 13px !important;
    text-transform: uppercase;
    font-family: 'Mulish' !important;
    font-weight: 700 !important;
    color: #773936 !important;
    font-size: 15px !important;
    text-shadow: 1px 1px black;
}

.lore_title { color: #6a6a6a !important; }

.day .fc_title p { color: #4e5377 !important; }

.fc_cont {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-family: 'Mulish';
    color: #6a6a6a;
    width: 580px;
    margin: 0px auto;
    justify-content: space-evenly;
}

.fc hr {
   opacity: .2!important;
    width: 410px;
    margin: 14px auto 30px!important;
    height: 1px;
    border: none;
    border-top: 1px solid #a3a0a0;
}

.fc_letters, .custom_tag_npcAb { 
    width: 100%;
    text-align: center;
 }

.fc_letters p, .custom_tag_npcAb p { 
    font-size: 11px;
    font-family: 'Mulish';
    font-weight: 700;
    text-transform: uppercase;
    margin: 0px 0px 15px;
    color: #773936 !important;
    text-shadow: 1px 1px black;
}

.day .fc_letters p, .day .custom_tag_npcAb p {     color: #4b4f72 !important; }

.fc_surs p,
.fc_girls p,
.fc_boys p {
    width: 152px;
    height: 85px;
    overflow: auto;
    text-align: center;
    margin: 0px;
    font-family: 'Mulish';
    line-height: 11px!important;
    font-weight: 600;
    text-shadow: 1px 1px black;
}

.fc_surs p::-webkit-scrollbar-track,
.fc_girls p::-webkit-scrollbar-track,
.fc_boys p::-webkit-scrollbar-track  {
    background-color: #1c1c1bfa;
}

.fc_surs p::-webkit-scrollbar-thumb,
.fc_girls p::-webkit-scrollbar-thumb,
.fc_boys p::-webkit-scrollbar-thumb {
  background-color:#5a2c29cf;
}

.day .fc_surs p::-webkit-scrollbar-thumb,
.day .fc_girls p::-webkit-scrollbar-thumb,
.day .fc_boys p::-webkit-scrollbar-thumb {
   background-color: #5d4f949c;
}

.faces_girls p,
.faces_boys p {
    text-align: center;
    margin: 0px 0px 20px;
    font-family: 'Mulish';
    line-height: 11px!important;
    font-weight: 600;
    text-shadow: 1px 1px black;
}


.faces_girls p a,
.faces_boys p a  { color: #773936 !important; }

.faces_girls p a:hover,
.faces_boys p a:hover  { color: ##663c37!important; }

.lore {
    background: url(https://forumstatic.ru/files/001c/44/10/20565.png) top no-repeat, url(https://forumstatic.ru/files/001c/30/dc/75376.png?v=1) bottom no-repeat, url(https://forumstatic.ru/files/001c/30/dc/11123.png?v=1) repeat-y;
    width: 656px;
    background-size: contain!important;
    display: flex;
    flex-direction: column;
    padding: 47px 60px 80px;
    box-sizing: border-box;
}

.lore a,
.lore_info a,
.lore_tab a {     
   color: var(--headhov)!important;
    cursor: pointer; 
}

.lore a:hover,
.lore_info a:hover,
.lore_tab a:hover {     
    color: var(--hovlink)!important;
    cursor: pointer; 
}

.lore_info, .lore_tab  {
    font-family: 'Mulish'!important;
    color: #6a6a6a;
    line-height: 13px!important;
    padding: 0px 15px!important;
    font-weight: 600!important;
    white-space: pre-wrap;
    text-shadow: 1px 1px #000000d1;
}

.tab_l {     margin-top: -30px; }
.tab_l br { display: none; }
.lore_info span, .tab_l span { color: #b4a9a9!important; }

.lore_tab { 
    background-color: #101010;
    box-shadow: 0 0 0 1px #212121, 0 0 6px 2px #000000cf;
    border-radius: 5px;
    padding: 15px !important;
    width: 100%;
}

.lore_container { 
    justify-content: center;
    display: flex;
    gap: 12px;
    flex-wrap: wrap;
    margin-top: 10px;
}

.lore_list {
    text-align: center;
    margin-bottom: 30px;
}


/* ������ ������� */

.lore_button {
display: block;
    cursor: pointer;
    padding: 8px 12px;
    min-width: 160px;
    font-family: 'Mulish';
    text-transform: uppercase;
    box-sizing: border-box;
    text-align: center;
    font-weight: 700;
    font-size: 11px;
    background-color: #101010;
    box-shadow: inset 0 0 4px .5px #85848424, 0px 0px 0px 2px black, 0 0 0 3px #343434, 0 0 6px 4px #000000cf;
    border-radius: 5px;
    color: #6a6a6a;
    text-shadow: 1px 1px black;
    }


.lore_button_l {  width: 480px; position: relative; }


/* ������ "��������" �� ����� */
 .hide-box .qcn {
  display: none;
}


.pl-share { display: none!important; }
#pun-index #forum_f20, #pun-index #forum_f19, #pun-index #forum_f21 { display: none!important; }
#topic-users-in .container span { font-weight: 900!important; font-family: 'Mulish'; }

.linksb .pagelink strong, .linkst .pagelink strong {     
   font-family: verdana;
    font-weight: 900; 
}

.isguest #pun-viewtopic .topic { margin-bottom: 15px; }

/*  ��� */

.custom_tag_npc {
    background: url(https://upforme.ru/uploads/001c/44/10/4/165115.png) top no-repeat, url(https://forumstatic.ru/files/001c/44/10/28268.png?v=1) bottom no-repeat, url(https://forumstatic.ru/files/001c/44/10/30924.png?v=1) repeat-y;
    width: 910px;
    background-size: contain !important;
    display: flex;
    flex-direction: column;
    margin: 25px auto;
    padding: 47px 80px;
    box-sizing: border-box;
    align-content: center;
    flex-wrap: wrap;
}

.day .custom_tag_npc {
    background: url(https://forumstatic.ru/files/001c/44/10/13144.png?v=1) top no-repeat, url(https://forumstatic.ru/files/001c/44/10/28268.png?v=1) bottom no-repeat, url(https://forumstatic.ru/files/001c/44/10/30924.png?v=1) repeat-y;
}

.custom_tag_npcCnt {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
}

.custom_tag_npcP {
   display: flex;
    width: 316px;
    min-height: 96px;
    border-radius: 10px;
    box-shadow: inset 0 0 0px 1px #8584841c, 0px 0px 0px 1px black !important;
    margin-left: 30px;
    flex-direction: column;
     position: relative;
    box-sizing: border-box;
    padding: 20px 20px 20px 42px;
justify-content: center;
}

.custom_tag_npcP p { margin: 0!important; }


.custom_tag_npcP a:has(img) {
    box-shadow: inset 0 0 4px .5px #85848424, 0px 0px 0px 2px black, 0 0 0 3px #343434, 0 0 6px 4px #000000cf!important;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    display: block;
position: absolute;
    left: -23px;
    top: 50%;
    transform: translateY(-50%);
}

.custom_tag_npcP a img {
    border-radius: 5px;
    width: 50px;
    height: 50px;
    filter: grayscale(1) brightness(0.6);
    margin: 0!important;
    transition: all .3s ease-in-out;
}

.custom_tag_npcP a img:hover {
    filter: grayscale(.2) brightness(.8);
}

.custom_tag_ni {
    font-size: 11px !important;
    background-color: #101010;
    box-shadow: inset 0 0 4px .5px #85848424, 0px 0px 0px 2px black, 0 0 0 3px #343434, 0 0 6px 4px #000000cf;
    border-radius: 5px;
    color: #6a6a6a;
    box-sizing: border-box;
    padding: 10px 20px;
    font-family: 'Mulish';
}

.custom_tag_nn { text-transform: uppercase; }
.custom_tag_npc hr {
    width: 410px;
    margin: 30px auto !important;
    border: 1px solid #262626;
    opacity: 1 !important;
}

.custom_tag_npcAb p {
    font-size: 11px !important;
    margin-bottom: 28px !important;
}

��

mybb@mybb.ru (rae rae) — Fri, 30 May 2025 15:41:00 +0300

��

��:

/*  ��� */

.custom_tag_npc {
    background: url(https://upforme.ru/uploads/001c/44/10/4/165115.png) top no-repeat, url(https://forumstatic.ru/files/001c/44/10/28268.png?v=1) bottom no-repeat, url(https://forumstatic.ru/files/001c/44/10/30924.png?v=1) repeat-y;
    width: 910px;
    background-size: contain !important;
    display: flex;
    flex-direction: column;
    margin: 25px auto;
    padding: 47px 80px;
    box-sizing: border-box;
    align-content: center;
    flex-wrap: wrap;
}

.day .custom_tag_npc {
    background: url(https://forumstatic.ru/files/001c/44/10/13144.png?v=1) top no-repeat, url(https://forumstatic.ru/files/001c/44/10/28268.png?v=1) bottom no-repeat, url(https://forumstatic.ru/files/001c/44/10/30924.png?v=1) repeat-y;
}

.custom_tag_npcCnt {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px 20px;
}

.custom_tag_npcP {
   display: flex;
    width: 316px;
    min-height: 96px;
    border-radius: 10px;
    box-shadow: inset 0 0 0px 1px #8584841c, 0px 0px 0px 1px black !important;
    margin-left: 30px;
    flex-direction: column;
     position: relative;
    box-sizing: border-box;
    padding: 20px 20px 20px 42px;
justify-content: center;
}

.custom_tag_npcP p { margin: 0!important; }


.custom_tag_npcP a:has(img) {
    box-shadow: inset 0 0 4px .5px #85848424, 0px 0px 0px 2px black, 0 0 0 3px #343434, 0 0 6px 4px #000000cf!important;
    border-radius: 5px;
    width: 50px;
    height: 50px;
    display: block;
position: absolute;
    left: -23px;
    top: 50%;
    transform: translateY(-50%);
}

.custom_tag_npcP a img {
    border-radius: 5px;
    width: 50px;
    height: 50px;
    filter: grayscale(1) brightness(0.6);
    margin: 0!important;
    transition: all .3s ease-in-out;
}

.custom_tag_npcP a img:hover {
    filter: grayscale(.2) brightness(.8);
}

.custom_tag_ni {
    font-size: 11px !important;
    background-color: #101010;
    box-shadow: inset 0 0 4px .5px #85848424, 0px 0px 0px 2px black, 0 0 0 3px #343434, 0 0 6px 4px #000000cf;
    border-radius: 5px;
    color: #6a6a6a;
    box-sizing: border-box;
    padding: 10px 20px;
    font-family: 'Mulish';
}

.custom_tag_nn { text-transform: uppercase; }
.custom_tag_npc hr {
    width: 410px;
    margin: 30px auto !important;
    border: 1px solid #262626;
    opacity: 1 !important;
}

.custom_tag_npcAb p {
    font-size: 11px !important;
    margin-bottom: 28px !important;
}

� �� -�� (�� )

��:

npc
npcAb
npcCnt
npcP
nn
ni

��

mybb@mybb.ru (��) — Thu, 22 May 2025 02:58:29 +0300

�� | ��

mybb@mybb.ru (rae rae) — Mon, 19 May 2025 14:30:07 +0300

��

a-b-c-d

andrea ✦ ��
azula ✦ ��
beata ✦ ��
�hantal ✦ ��
dorothea ✦ ��

alastair ✦ ��
anicet ✦ ��
anteros ✦ ��
aurel ✦ ��
brochfael ✦ ��
chad ✦ ��
conor ✦ ��
dean ✦ ��
dumitru ✦ ��

barrett ✦ ��
blackwell ✦ ��
cebotari ✦ ��
corghi ✦ ��
cristea ✦ ��
de bourbon ✦ ��
de vil ✦ ��
dignam ✦ ��
dimitrescu ✦ ��

e-f-g-h-i

francois ✦ ��
frederica ✦ ��
frida ✦ ��
frotberta ✦ ��
irime ✦ ��

enzo ✦ ��
eoin ✦ ��
eugene ✦ ��
florian ✦ ��
gabriel ✦ ��
ichiro ✦ ��
ilex ✦ ��

ermer ✦ ��
escalante ✦ ��
fisher ✦ ��
grosse ✦ ��
guichon ✦ ��
harrison ✦ ��
hawke ✦ ��
iliescu ✦ ��

j-k-l-m-n

��. ✦ ��.

jesus ✦ ��
louis ✦ ��
lorenzo ✦ ��
luca ✦ ��
lucas ✦ ��
lucian ✦ ��
lycoris ✦ ��
michael ✦ ��
middlemist ✦ ��
neirin ✦ ��

karra ✦ ��
kato ✦ ��
kraft ✦ ��
lenoir ✦ ��
moraru ✦ ��
moreau ✦ ��
navarro ✦ ��

o-p-q-r

ramona ✦ ��
reverie ✦ ��
rosemary ✦ ��
romana ✦ ��

rafael ✦ ��
reginald ✦ ��
roy ✦ ��

perez ✦ ��
radu ✦ ��
romero ✦ ��

s-t-u-v

scilla ✦ ��
vicky ✦ ��
violeta ✦ ��

sebastien ✦ ��
sergio ✦ ��
shin ✦ ��

tudor ✦ ��
van der berg ✦ ��
vladescu ✦ ��

w-x-y-z

��. ✦ ��.
��. ✦ ��.
��. ✦ ��.

walther ✦ ��
zaharia ✦ ��
��. ✦ ��.
��. ✦ ��.

weiner ✦ ��
winter ✦ ��
��. ✦ ��.
��. ✦ ��.

��

mybb@mybb.ru (rae rae) — Mon, 19 May 2025 14:24:32 +0300

[html]
<div class='lore'>
<h4 class='lore_title'>��</h4>
<p class='lore_info'>�� : ��, ��
�� : �� , ��

�� XVI �� , �� . �� . � �� , �� . �� , �� , �� , �� . �� , �� , �� .
�� , �� , �� -�� , �� . �� , � �� , �� .
�� 12 ��, 8 �� 350 000 �², �� .

�� :

��, ��, ��, ��-��, ��

�� :

�� [�� , � �� // �� ]
(6 + ��: 2 ��, 2 ��, 1 �� 1 ��)
�� [�� , �� // �� ]
(�� - �� + �� )
�� [�� , �� // ��, �� ]
�� [�� , �� , �� // �� ]
(��, ��, ��, �� )
�� [�� // �� ]
�� [�� , �� // �� ]
��-�� [�� // �� ]</p>

<div id="vkladka1" class='lore_tab' style="display:none">�� , �� .
�� . � �� , �� , �� , �� , �� , � �� :
● ��
● �� (�� , �� , �� )
● ��

��, �� : �� , �� , �� (�� , �� )</div>

<div id="vkladka4" class='lore_tab' style="display:none">�� , �� , � �� , �� , � �� .

● �� , � �� .
● �� , �� 3 ��, 6 ��, 1 �� , �� , �� .
● �� , �� , �� , �� .

� �� , �� .
�� .

�� (�� ) � �� <a href='https://upforme.ru/uploads/001b/fc/ad/6/385564.png'>�� </a> � �� . � �� (��, �� , ��, ��, �� , �� , ��), �� -�� .

�� .
�� , �� .</div>
</div>

</div>

$("#banner_1").click(function(){
$("#vkladka1").slideToggle();
});

$("#banner_3").click(function(){
$("#vkladka3").slideToggle();
});

$("#banner_4").click(function(){
$("#vkladka4").slideToggle();
});

});
</script>
[/html]

��

mybb@mybb.ru (rae rae) — Mon, 19 May 2025 01:09:56 +0300

��

mybb@mybb.ru (rae rae) — Sun, 18 May 2025 23:50:19 +0300

��:

.reaction-chip.reaction-chip--clicked {
      background-color: transparent !important;
}

.reaction-chip:not(.reaction-chip--disabled):hover {
    background-color: #7a97a94d !important;
}

.reactions-root {
  margin-top: -15px;
}

.reactions-root .emoji-mart {
  font: var(--body-font) !important;
  display: inline-block !important;
  color: #424242!important;
  border: 1px solid #8f8686 !important;
  border-radius: 5px !important;
      background: #ccc8c0 !important;
  width: 503px !important;
}

.reactions-root .emoji-mart-category-label span {
    background-color: #b9b7b4 !important;
    border: .5px solid #00000038;
    border-radius: 5px;
    margin: 6px 2px !important;
}

.reactions-root .emoji-mart-search input,
.reactions-root .emoji-mart-bar:first-child {
  border: 1px solid transparent !important;
}

.reactions-root .emoji-mart [type=button] { border: none !important; }

/* ������� �����   */
div.post-rating p {
  float: right !important;
  border: 0 !important;
  padding: 3px !important
}

div.post-vote p {
  float: right !important;
  border: 0 !important;
  padding: 3px 13px !important;
  margin-right: 5px !important;
  position: relative;
}

div.post-vote p .negative {
  margin-left: 13px;
}

div.post-rating a,
div.post-vote a {
    font-size: 11px !important;
    text-decoration: none !important;
    letter-spacing: -2px !important;
    color: transparent !important;
    font-family: verdana;
}

div.post-rating a {
    cursor: pointer !important;
    margin-right: 12px !important;
    position: relative;
    top: 20px;
    padding-right: 2px;
    z-index: 1;
    font-weight: 300;
    right: 10px;
}

div.post-rating a:before {
   content: '\f132';
    font: 27px Font Awesome;
    position: absolute;
    z-index: -1;
    left: calc(50% - 1px);
    transform: translateX(-50%);
    top: -6px;
    color: var(--t-body);
    opacity: .3;
    transition: all .3s ease-in-out;
}

div.post-rating a:hover:before { opacity: .7; }


.mylike div.post-rating a:before { opacity: .6; }
.mylike div.post-vote a:before { opacity: 0; }

div.post-vote a {
    color: transparent !important;
    position: absolute;
    right: -25px;
    top: 13px;
}


div.post-vote a:hover {
  color: transparent !important;
}

div.post-vote a:before {
  position: absolute;
   content: '\f72b';
    transform: rotate(-110deg);
    font: 20px Font Awesome;
    color: var(--t-body);
    opacity: .3;
    transition: all .4s ease-in-out;
}

div.post-vote a:hover:before {
   transform: rotate(-120deg);
}

/* ����������� ���������� ����������� � ��������� */
.icon[data-new-topics]:before,
.subforums span[data-new-topics]:before {
  background: #ab9e9a !important;
  border-radius: 8px;
  color: #fff;
  content: attr(data-new-topics);
  display: inline-block;
  font-size: .8em;
  font-weight: 700;
  height: 12px;
  line-height: 12px;
  margin: -6px;
  min-width: 12px;
  padding: 2px;
  position: absolute;
  text-align: center;
}

.notify-parent {
  position: relative;
}

.notify-bubble {
  background: lightblue;
  border-radius: 3px;
  color: black;
  font: bolder 12px/1.2 Tahoma;
  margin: 0;
  min-width: 14px;
  padding: 0 1px;
  position: absolute;
  text-align: center;
}

.notify-bubble:after {
  border-color: lightblue transparent;
  border-style: solid;
  border-width: 3px 3px 0;
  content: "";
  display: block;
  left: 5px;
  position: absolute;
  width: 0;
}

.bubble {
background: #d9b9ca !important;
    border: 0 none;
    border-radius: 15px !important;
    color: #d4d2ce !important;
    display: inline-block;
    font: bolder 8px Roboto !important;
    margin: 0;
    min-width: 12px;
    padding: 0 1px;
    position: absolute;
    right: -5px !important;
    text-align: center;
    top: -9px !important;
}

.bubble:after {
    border-color: #d9b9ca !important;
    border-style: solid;
    border-width: 2px 2px 0 !important;
    content: "";
    display: block;
    left: 5px;
    position: absolute;
    width: 0;
}

span.num_msg {
  position: absolute;
  margin-top: -15px;
  margin-left: -8px;
  font-size: 11px;
  font-weight: 700;
  background: #685942 !important;
  padding: 1px 4px;
  border-radius: 2px;
  height: 14px;
  color: #fff;
  cursor: pointer;
}

span.num_msg:before {
  content: " ";
  display: inline-block;
  position: absolute;
  width: 5px;
  height: 5px;
  transform: rotate(45deg);
  top: 14px;
  background: #685942 !important;
  margin-left: 1px;
}


/* ������� ��������  */
.hvStickerPackModal {
  padding: 16px 16px 8px;
  width: 959px !important;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border: var(--bord) !important;
  border-radius: 4px;
  background: var(--backcol)!important;
box-shadow: inset 0 0 6px 2px #aaa7a2, 0 0 0 1px #94928e;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
  position: absolute;
  display: none;
  bottom: 0;
  left: 0;
  z-index: 100;
}

.hvStickerPackModalContainer {
  position: absolute !important;
  width: 944px !important;
  height: fit-content !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
  z-index: 999 !important;
}

.hvStickerPackModalContent {border: none!important;}

/* �������� �����  */
#mask_dialog .inner {
cursor: default;
    margin: 0;
    width: 760px;
    max-width: 99%;
    max-height: 90%;
    overflow-x: auto;
    z-index: 100;
    padding: 8px;
    border-radius: 4px;
    background: #bab5af;
}

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
    width: 96%;
}

#mask_dialog .hv-form-block {
    flex: 1 1 auto;
    max-height: 400px;
    overflow-y: auto;
}

#mask_form {
  padding: 0px 10px;
}

#button-mask:before {
  content: "\f6fa";
  font-family: Font Awesome;
  position: absolute;
  font-size: 14px;
  top: 50%;
  left: 50%;
  cursor: pointer;
  color: #534e48;
  transform: translateY(-50%) translateX(-50%);
  transition: all .2s ease-in-out;
}

#button-styles:before {
  content: "\f044";
  font-family: Font Awesome;
  position: absolute;
  font-size: 14px;
  top: 50%;
  left: 50%;
  cursor: pointer;
  color: #534e48;
  transform: translateY(-50%) translateX(-50%);
  transition: all .2s ease-in-out;
}

#button-Change�ase:after, #pun-viewtopic[data-topic-id="5718"] #button-voice:after,
#button-ams-spoiler:after {
    position: absolute;
    content: '\f034';
    font-family: 'Font Awesome';
    font-size: 14px;
    left: 50%;
    top: 105%;
    transform: translateX(-50%) translateY(-50%);
    height: 20px;
      color: #534e48;
    transition: all .3s ease-in-out;
}

#button-ams-spoiler:after { content:'\f521'; }

#floatbut { position: relative; }
#floatbut:after {
    position: absolute;
    content: '\f03b';
    font-family: 'Font Awesome';
    font-size: 14px;
    left: 50%;
    top: 105%;
    transform: translateX(-50%) translateY(-50%);
    height: 20px;
      color: #555;
    transition: all .3s ease-in-out;
}

#floatbut:hover:after { color: var(--hovlink); }

#pun-viewtopic[data-topic-id="5718"] #button-voice:after {     content: '\f130'; }

#button-Change�ase:hover:after,
#button-mask:hover:before, #button-styles:hover:before, #pun-viewtopic[data-topic-id="5718"] #button-voice:hover:after, #button-ams-spoiler:hover:after { color: var(--hovlink); }

#button-voice { display: none!important; }
#pun-viewtopic[data-topic-id="5718"] #button-voice { display: block!important; }

#pun-viewtopic[data-forum-id='15'] .post-content .post-sig {  display: none; }
#pun-viewtopic[data-forum-id='12'] .post-content .post-sig {  display: none; }
#pun-viewtopic[data-forum-id='11'] .post-content .post-sig {  display: none; }
#pun-viewtopic[data-forum-id='10'] .post-content .post-sig {  display: none; }
#pun-viewtopic[data-forum-id='9'] .post-content .post-sig {  display: none; }

.hv-mask .pa-fld2 {
  display: unset;
}

#mask_dialog .hv-add-template {
    cursor: pointer;
    float: right;
    padding: 6px 10px;
    margin: 0 30px 10px 0;
    border: solid 1px #94918e;
    background: #aeaaa6;
    border-radius: 10px;
}

/* ������� ��������� � ����� */

/*.hv-mask .pa-author {
  order: 0;
}

.hv-mask .pa-title {
  order: 1;
}

.hv-mask .pa-avatar {
  order: 2;
}

.hv-mask .pa-fld2 {
  order: 4;
}

.hv-mask .pa-fld3 {
  order: 5;
}

.hv-mask .pa-fld1 {
  order: 3;
}

.hv-mask .pa-posts {
  order: 6;
}

.hv-mask .pa-fld4 {
  order: 7;
}

.hv-mask .pa-respect {
  order: 8;
}

.hv-mask .pa-awards {
  order: 9;
}

.hv-mask .pa-fld1 .lz {
  padding-bottom: 10px;
  margin: 15px 0px;
} */


/* ������ */

.news__container {
   display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    transition: all .3s ease-in-out !important;
    margin: 0px 70px 20px;
}

.news {
transition: all .2s ease-in-out !important;
    padding: 8px 25px;
    min-width: 150px;
    box-sizing: border-box;
    font-size: 11px;
    text-transform: lowercase;
    text-align: center;
    border-radius: 10px;
    pointer-events: all;
    font-family: 'Mulish';
    background: #00000014;
    font-weight: 500 !important;
    z-index: 0 !important;
}

.news span {
    text-transform: uppercase;
    font-weight: 700;
    font-family: 'Mulish';
    font-size: 12px;
z-index: 0 !important;
}

.news:hover  {
    box-shadow: 1px 1px 4px 0px #00000040 inset!important;
    background: #0000001A!important;
    color: var(--t-body)!important;
}

/* ���������� ������� */

.theme div p, .theme > p { margin: 0; }
.post-content .theme div a,
.theme > p a { color: #9B91B5 !important; }
.theme > p a { font-weight: 800 !important; }
.post-content .theme div a:hover,
.theme > p a:hover, .post-content .custom_tag_themePara .code-box strong.legend a:hover { color: var(--hovlink)!important; }

.post-content .theme hr {
    opacity: 1;
    border: none;
    width: 480px;
    margin: 0 auto 15px;
    height: 3px;
    background: linear-gradient(90deg, rgba(83, 86, 95, 0) 0%, #2D2F29 49.5%, rgba(62, 65, 72, 0) 100%);
}

.theme_faq hr { margin: 15px auto 20px!important; }

.theme {
    background: url(https://forumstatic.ru/files/001c/44/10/22925.png) top;
    position: relative;
    display: flex;
    flex-direction: column;
    width: 800px;
    margin: 67px auto 0;
    border-radius: 0 0px 20px 20px;
    box-sizing: border-box;
    padding: 0px 75px 50px;
    border: 1px solid #6C6B69;
    box-shadow: 0px 4px 5px 0px #00000040;
}

.theme:before {
    position: absolute;
    content: '';
    width: 900px;
    height: 200px;
    border-radius: 20px 20px 0px 0px;
    border: 1px solid #3D3D3D;
    left: 50%;
    top: -40px;
    transform: translateX(-50%);
    background: url(https://forumstatic.ru/files/001c/44/10/40910.png?v=1);
    z-index: -1;
}

.post-content .custom_tag_themeTitle p {
    font-family: 'Merriweather';
    font-weight: 400;
    font-size: 25px !important;
    line-height: 100%;
    letter-spacing: .7px;
    text-align: center;
    text-transform: uppercase;
    color: #B9B6AF;
    text-shadow: 1px 1px 2px #11131B;
    margin: 25px auto 16px;
}

.theme_plot .custom_tag_themeTitle p,
.theme_news .custom_tag_themeTitle p,
.theme_faq .custom_tag_themeTitle p { font-size: 25px!important; }

.custom_tag_themeP p {
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 100% !important;
    text-transform: uppercase;
    color: #979EAE;
    text-shadow: 1px 1px 0px #00000080;
    margin: -5px 0 15px !important;
}

.post-content .custom_tag_themeSub p {
    background: #AAA9A6;
    width: fit-content;
    display: flex;
    height: 30px;
    border-width: 1px;
    padding: 5px 40px;
    box-sizing: border-box;
    border-radius: 5px;
    margin: -15px auto 0;
    font-family: Mulish;
    font-weight: 700;
    font-size: 12px;
    line-height: 20px;
    letter-spacing: 0;
    text-align: center;
    text-transform: uppercase;
    border: 1px solid #8D8D8D;
}

.post-content .custom_tag_themePara {
    padding: 25px;
    box-sizing: border-box;
    border-radius: 10px;
    width: 100%;
    background: #00000099;
}

.tabsy .custom_tag_themePara {     backdrop-filter: blur(0px);}


.post-content .custom_tag_themePara p {
    font-weight: 600;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
    white-space: pre-wrap;
    color: #B9B6AF;
    text-shadow: 1px 1px 0px #00000080;
    margin-bottom: 12px;
}

.post-content .custom_tag_themeParT p,
.post-content .custom_tag_themePara .custom_tag_themeParT p:last-of-type {
    text-transform: uppercase;
    margin: 20px 0 20px 35px !important;
}

.post-content .custom_tag_themePara .custom_tag_themeParT:first-of-type p { margin: 3px 0 20px 35px !important; }

.custom_tag_tab {
    width: 100%;
}

.custom_tag_tab .custom_tag_themePara {
    padding: 30px 15px;
}

.custom_tag_tab .custom_tag_themePara p {
    text-align: center;
    margin: 0!important;
}

.post-content .custom_tag_themePara p:last-of-type { margin-bottom: 0px!important; }

.post-content .custom_tag_themeParab { overflow: auto; padding-right: 7px; }

.post-content .custom_tag_themeParab .theme_all  { max-height: 490px; }

.theme_g > p:first-of-type { margin: 15px!important; }

.theme_g #themePara-1 .custom_tag_themeParab {
  height: 150px;
}

.custom_tag_themeTitleS {
    max-width: 500px;
    align-self: center;
}

.custom_tag_themeTitleS p {
color: #B9B6AF;
    font-weight: 700;
    font-size: 11px !important;
    line-height: 135% !important;
    text-shadow: 1px 1px 0px #00000080;
    margin-bottom: 15px !important;
    margin-top: -3px !important;
}


.theme > p {
    font-weight: 700;
    font-size: 11px!important;
    text-align: center;
    line-height: 100%!important;
    text-transform: uppercase;
    color: #B9B6AF;
    text-shadow: 1px 1px 0px #00000080;
}

.theme_lists {
    display: flex;
    justify-content: center;
    gap: 15px;
    box-sizing: border-box;
    padding: 0 16px;
    margin: 15px 0;
}

.theme_lists .custom_tag_themeParab { height: 150px; }

.theme_links p {
    margin: 15px auto!important;
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 2.5px;
    flex-wrap: wrap;
}

.theme_ttls {
    display: flex;
    gap: 119px;
    padding-left: 78px;
}

.theme_ttls p {
    font-weight: 700;
    font-size: 11px !important;
    text-align: center;
    line-height: 100% !important;
    text-transform: uppercase;
    color: #B9B6AF;
    text-shadow: 1px 1px 0px #00000080;
}

.post-content  .theme_links p a {
    color: #979EAE !important;
    font-weight: 700 !important;
    text-transform: uppercase;
    box-sizing: border-box;
    padding: 10px 25px;
    border-radius: 10px;
    background: #343B4D03;
    box-shadow: 2px 2px 4px 0px #00000040 !important;
    backdrop-filter: blur(10px);
    border: 1px solid #424B60;
    text-shadow: 1px 1px 0px #00000080;
}

.post-content  .theme_links p a:hover {
    background: #0000004D;
    color: #979EAE !important;
}

.theme_smt p {
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    line-height: 100% !important;
    text-transform: uppercase;
    color: #979EAE;
    width: 500px;
    height: 35px;
    padding: 11px 0px!important;
    box-sizing: border-box;
    margin: 15px auto!important;
    border-radius: 10px;
    background: #343B4D03;
    box-shadow: 2px 2px 4px 0px #00000040 !important;
    backdrop-filter: blur(10px);
    border: 1px solid #424B60;
    text-shadow: 1px 1px 0px #00000080;
}

.post-content .custom_tag_themePara .code-box {
    background: none;
    padding: 0;
    margin: 0;
}

.post-content .custom_tag_themePara .code-box strong.legend {
    background: none;
}

.post-content .custom_tag_themePara .code-box strong.legend a {
    color: #B9B6AF!important;
    text-transform: uppercase;
    font-style: normal !important;
    margin: 8px 0 0;
}

.post-content .custom_tag_themePara .code-box .scrollbox {
    height: unset!important;
}

.post-content .custom_tag_themePara .code-box .scrollbox pre {
    color: #B9B6AF;
    margin: 0 0 0 20px;
    text-shadow: 1px 1px 1px #000;
}

.theme_g #themePara-4 {
    padding: 15px 15px 15px 150px;
    width: 616px;
    margin: 0 auto;
    border-radius: 0 0px 0px 20px;
    background: #00000066;
}

.post-content .custom_tag_themeParab::-webkit-scrollbar-thumb,
.custom_tag_qInfo .custom_tag_themePara p::-webkit-scrollbar-thumb {
    background-color: #979eaead!important;
}

.post-content .custom_tag_themeParab::-webkit-scrollbar-track,
.custom_tag_qInfo .custom_tag_themePara p::-webkit-scrollbar-track {
    background-color: #b4aeb71f !important;
}

.post-content .custom_tag_themeParab::-webkit-scrollbar,
.custom_tag_qInfo .custom_tag_themePara p::-webkit-scrollbar { width: 1px!important; }

.theme_b .custom_tag_themeParab {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.theme_b .custom_tag_themeParab p { text-align: center; }

.theme_b .theme_titles p { text-transform: uppercase; }

.theme_b .custom_tag_themePara {
    display: flex;
    justify-content: center;
    gap: 160px;
    padding: 30px 0px;
}

.custom_tag_q {
    display: flex;
    gap: 10px;
   margin: 35px 0 20px;
    justify-content: center;
}

.custom_tag_q .custom_tag_themePara {
    border: 1px solid #424B60;
    border-radius: 10px;
}

.custom_tag_qInfo .custom_tag_themePara {
    padding: 10px 25px 7px;
}

.custom_tag_qInfo .custom_tag_themePara p {
  height: 20px;
  overflow: auto;
    padding-right: 5px;
}

.custom_tag_qInfo .custom_tag_themePara:last-of-type {
  height: 104px;
}

.custom_tag_qInfo .custom_tag_themePara:last-of-type p {
    height: 84px;
    overflow: auto;
    padding-right: 5px;
}

.custom_tag_qPic {
    width: 200px;
    display: flex;
    height: 147px;
    margin: 15px 0px;
}

.custom_tag_qPic p img {
    margin: 0 0 5px!important;
    border-radius: 10px;
    border: 1px solid #13161C;
    filter: grayscale(1) contrast(0.9);
}

.custom_tag_qPic .custom_tag_themePara p {
    text-align: center;
}

.custom_tag_qInfo {
    width: 400px;
    height: 178px;
    display: flex;
    flex-direction: column;
    gap: 5px;
}

.post-content .custom_tag_qInfo .custom_tag_themeTitle p {
    margin: 0;
    font-size: 20px!important;
    line-height: 150%;
}

.theme_q .custom_tag_themeP {
    margin: 5px 0 -20px;
}

.theme_q hr:last-of-type {
    margin: 15px auto;
}

.theme_q .theme_links p { margin: 0px auto 15px !important; }
.theme_qa {
    width: 600px;
    padding: 0 20px 20px;
    margin: 55px auto 0;
}

.theme_qa:before { width: 660px; }
.theme_qa .custom_tag_q  {
    margin: 20px 0 5px;
    gap: 7px;
}

.theme_qa .custom_tag_qInfo .custom_tag_themeTitle p {
    font-size: 15px!important;
}

.theme_qa .custom_tag_q {
    margin: 20px 0 5px;
}

.theme_qa .custom_tag_qPic {
    width: 205px;
    margin: 0;
    height: 177px;
}

.theme_qa .custom_tag_qPic .custom_tag_themePara {
    display: flex;
}

.theme_qa .custom_tag_qPic .custom_tag_themePara p {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.theme_qa .custom_tag_qInfo { width: 345px; }
.theme_qa .custom_tag_qInfo .custom_tag_themeTitle p { font-size: 15px; }
.theme_qa .custom_tag_qInfo .custom_tag_themePara p { height: 36px; }
.theme_qa .custom_tag_qInfo .custom_tag_themePara:last-of-type p { 
   height: 65px; 
   font-size: 11px;
   line-height: 14px !important;
}

.theme_qa .custom_tag_qInfo .custom_tag_themePara:last-of-type { height: auto; }
.theme_qa hr {
    margin: 10px auto 15px;
    width: 500px;
}


/* ������� */

.banners {
    position: absolute;
    height: 70px;
    overflow: auto;
    bottom: -100px;
    width: 1018px;
    left: 50%;
    transform: translateX(-50%);
}

.banners img, links img {
    filter: grayscale(1) brightness(0.7) opacity(0.7);
    transition: 0.3s ease-in-out !important;
}

.banners img:hover, links img:hover {
    filter: grayscale(0) brightness(1);
}

.banners::-webkit-scrollbar {
    width: 1px!important;
    height: 1px;
}

.banners.banners::-webkit-scrollbar-thumb {
    background-color: #3f4850 !important;
}

.banners::-webkit-scrollbar-track {
    background-color: var(--t-body)!important;
}

/* ���������� ��� */

.pl-share {
  display: none !important;
}

.linksb .pagelink strong,
.linkst .pagelink strong {
  font-family: var(--body-font);
  font-weight: 900;
    font-size: 10px;
}

.isguest #pun-viewtopic .topic {
  margin-bottom: 15px;
}

.lastedit {
  display: none;
}

#pre_placement>a {
  height: 0px !important;
  top: 30px !important;
  right: 4px !important;
}

#pre_placement>a:after {
  content: '\f358';
  font-family: Font Awesome;
  font-size: 16px;
}

.Form-Table {
  width: 95%;
  top: 30px;
  left: 20px;
  margin-bottom: 10px;
}

.table_GamePosts tr:nth-child(odd) {
  background: #00000010 !important;
}

.table_GamePosts {
  background: none !important;
}

.punbb .table_GamePosts td {
  border: 1px solid #74726e !important;
}

.punbb .table_GamePosts tbody tr:not(.first) .aa {
  color: #c4c0b9 !important;
  background: url(https://forumstatic.ru/files/0018/b2/d3/45858.png?v=1) !important;
}

/* ������ "��������" �� ����� */
.hide-box .qcn {
  display: none;
}


#notify-link .unreads, #navpm .unreads {
background: var(--hovlink) !important;
    font-size: 8px !important;
    color: #ccc7bf !important;
    right: -1.3em!important;
    top: -1em!important;
}


#notifications .notification-item {
    box-sizing: border-box;
    padding: 10px 15px 0px!important;
}

#notifications .notification-item:last-of-type { padding: 10px 15px 10px!important; }

.unread-notifications .modal-inner { margin-top: 0!important; }
.unread-notifications h2 {
    background-color: #aaa69f!important;
    box-sizing: border-box!important;
    padding: 6px!important;
}
.notification-right span { font-weight: 600!important; }
.notification-right span a { font-weight: 700!important; }
#notifications-stored tbody tr { 
    box-sizing: border-box;
    padding: 10px 15px 0px;
    display: flex;
 }

.notification-image {
    opacity: 0.85;
    float: left;
    border-radius: 5px!important;
    filter: grayscale(0.5) brightness(0.9);
    border: 1px solid #978d7b;
    box-sizing: border-box;
}

.notification-image:hover {
    opacity: 1;
}


/* �����������
-------------------------------------------------------------*/

#slideout {
z-index: 200;
    position: fixed;
    top: 20px;
    right: 50px;
    width: 36px;
    height: 36px;
    padding: 0px 0;
    text-align: center;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-border-radius: 4px 0 0 4px;
    border-radius: 4px 0 0 4px;
          }

#slideout:before {
content: '\f100';
    position: absolute;
    font-family: 'Font Awesome';
    font-size: 13px;
    background: var(--backcol);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    color: #fff7e2;
    box-shadow: 0 0 0px 0.3px #545454;
    backdrop-filter: blur(10px);
    border-radius: 50%;
    height: 13px;
    width: 13px;
    padding: 10px;
    text-align: center;
    border-radius: 50%;
    box-shadow: var(--br-n-shadow);
}

#slideout_inner {
color: var(--backcol);
    position: fixed;
    top: 18px;
    right: -190px;
    width: 210px;
    height: 150px;
    transition-duration: 0.3s;
    border-radius: 20px 0 0 20px;
    text-align: left;
    font-size: 10px;
    background: var(--noise);
    box-shadow: var(--br-n-shadow);
}

#slideout_inner_textarea {
    width: 200px;
    height: 150px!important;
    margin-bottom: 1px;
    overflow: auto;
    margin-top: -20px;
    margin-left: 25px;
          }

#slideout:hover { right: 235px; }
#slideout:hover #slideout_inner { right: 0; }

.ochered a { 
    font: var(--h1-font);
    text-transform: uppercase;
    z-index: 300;
    font-weight: bold;
    color: var(--proftext)!important;
   font-size: 10px;
}

.ochered a:hover { 
    color: var(--doptext)!important;
}

.ochered { 
    font: var(--h1-font);
    text-transform: uppercase;
    z-index: 300;
    color: var(--proftext);
    text-shadow: #000 .5px .5px .5px;
}

.ochered left {
font: var(--h1-font);
    font-size: 12px;
    text-transform: uppercase;
}

#pun-viewtopic #video-area-tinp { width: 91% !important;}






#yandex_rtb_R-A-1623045, #yandex_rtb_R-A-1623045-1, #yandex_rtb_R-A-1623045-3, #yandex_rtb_R-A-1623045-2 { margin: 10px 0px!important; display: none!important;}

��

mybb@mybb.ru (rae rae) — Mon, 28 Apr 2025 04:06:28 +0300

��

��:

<liz><a href='������'>���� ��</a><p>�������� ������ � ����� <a href='������'>�� �������</a> </p></liz>

��:

<lz_bar><a id="����_���������" class="modal-link" href="#" data-reveal-id="character"><p>������ ������� <br> ������ �������</p><img src='https://forumstatic.ru/files/001c/44/10/21763.png' /></a></lz_bar>

��:

<a href="������ �� �������� �������" target="_blank"><img src='https://forumstatic.ru/files/001c/44/10/21763.png'/></a>

the diamonds, the rust, and the rain

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

��� �����

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

����� �����

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

���� �����

����� �����

���� �����

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

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

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

����� ���

�������� ���

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

�������

����� ������

����� ������ pt.2

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

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

��������

������� ����� | �������

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

��������

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

��������

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

��

�� pt.2

��

��

��

�� | ��

��

��

��

��