@import url(style_cs.1751377259.css);
@font-face { font-family: "Material Icons";
  font-style: normal; font-weight: normal;
  src: local("Material Icons"), url(https://fonts.gstatic.com/s/materialicons/v140/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2) format("woff2"); }
@font-face { font-family: 'alegreya-regular'; 
src: local("alegreya-regular"), url(https://forumstatic.ru/files/001c/36/53/66584.ttf?v=1); }
@font-face { font-family: 'culture'; 
src: local("culture"), url(https://forumstatic.ru/files/001c/49/6d/80648.ttf); }
@font-face { font-family: 'inter';
src: local("inter"), url(https://forumstatic.ru/files/001c/3f/af/56893.ttf);}
@font-face { font-family: 'Passions Conflict RUS'; 
src: local("Passions Conflict RUS"), url(https://forumstatic.ru/files/001c/3f/cb/57890.otf); }

:root {
  --bg: url(https://i.postimg.cc/Kc146Nd0/1.jpg) fixed; 
  --tab: url(https://i.postimg.cc/sxWTqWYw/image.jpg) rgba(0, 0, 0, 0); 
  --pn: #e1e1e1; /*тело*/
  --bot: url(https://i.postimg.cc/RVW2m3R1/image.jpg) no-repeat center; 
    --cl0: #c9d0ce;
    --cl: #efeeee;
    --cl2: #4e4d4d;
    --cl3: #02530c;
    --cl4: #3c5330;
    --cl5: #0b0701; 
  --2ft: 'Passions Conflict RUS'; 
  --3ft: 'alegreya-regular'; 
  --4ft: 'inter'; 
  --wh: 1130px; 
  --wh1: 1130px; 
  --hg1: 444px; 
  --hg2: 74px; 
}

/*внешность*/
#modelback {
    width: 1074px;
    height: auto;
    background-color: #c7c9c9;
    padding: 1px;
    border: 1px solid #9db7b4;
}

#modelblock1 {
z-index: 10;
    margin-top: 4px;
    text-align: center;
    width: 1026px;
}

#modelblock1 n {
font-family: 'Bellota Text';
    font-size: 18px;
    font-weight: bold;
    color: #406c68;
}

#modelblock0 {
background: #dae5e4;
    width: 470px;
    height: 146px;
    margin-left: 8px;
    border: 1px solid #9cb5b4;
}

#modelblockvhen {
position: absolute;
    margin-left: 7px;
    margin-top: 16px;
    font-size: 16px;
    width: 414px;
    height: 110px;
    overflow: auto;
    scrollbar-width: thin;
    text-align: center;
    color: #0b0e0e;
    padding-right: 2px;
    font-family: calibri;}


#pp2259 .post-content, #pp2260 .post-content {
margin-left: -18px;
width: 973px; 

}

html, body { margin: 0; padding: 0 }
* { margin: 0 }
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; }
.punbb img { margin-top: 0px; }
.punbb .main table { table-layout: fixed; width: 100%; }
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle }


body { font-size: 100.01%; overflow-x: hidden }
.punbb { font: normal 11px inter, verdana, arial, montserrat, sans-serif, arsenicatrial-regular; }
.punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, montserrat, sans-serif; }
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 11px; letter-spacing: 0px; padding-top: 0px; font-weight: normal; border-color: transparent; }
.punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; }
.punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace }
.punbb address, .punbb em { font-style: normal }
.punbb .post-content em { font-style: italic }
.punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; }
.punbb a { text-decoration: underline }
.punbb optgroup { font-weight: bold; }

#pun { position: relative; width: 1130px; margin: 300px auto 15px; background: var(--pn); padding-top: 4px; background-position: center top; background-repeat: repeat-y; }
.punbb { height: auto; margin: 0 auto; width: 1130px; }

.punbb .section, .punbb .main { margin-bottom: 2em; }
.punbb .category, .punbb .post { margin-top: 0.4em; }
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; }
#pun-post .topic { margin-top: 1em; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post { border-style: none none solid none; border-width: 0px 0px 2px 0px }
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 {  padding: 0px 1em 0px 1em; border-style: solid solid none solid; border-width: 1px 1px 0px 1px; }

#pun-navlinks { border: none; margin: 0;}
#pun-navlinks li { display: inline; padding-right: 0em; }
#pun-navlinks .container {position: absolute;width: 1130px;font-weight: normal;text-align: center;top: -277px;left: 0px;}
#pun-navlinks li a {color: #70986c;display: inline-block;padding: 1px 20px 1px 0px !important;font-family: var(--3ft);font-size: 15px !important;letter-spacing: 1px;text-transform: uppercase;font-weight: 600;}
#pun-navlinks li a:hover { color: #001d18; }
#navawards, #navawards a span { display:none!important; }
#pun-messages .pa-posts { display: none; }

#pun-ulinks .container {position: absolute;display: inline;width: 1130px;padding: 0 !important;top: -254px;font-weight: normal;text-align: center;}
#pun-ulinks li, #pun-ulinks li a {display: inline;white-space: nowrap;}
#pun-ulinks a {font-size: 11px !important;font-weight: 500;fon;font-family: var(--3ft) !important;text-transform: lowercase;padding: 0px 15px 0px 5px !important;color: var(--cl);}
#pun-ulinks a:hover { font-weight: 600; }

#pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; }
#pun-status span { white-space: nowrap; margin-right: 0.5em; }
#pun-status .container { position: absolute; display: inline-flex; width: 310px; line-height: 11px;font-weight: 100; font-family: var(--3ft); font-size: 11px; color: var(--cl); text-transform: lowercase; top: 174px; left: 6px; flex-direction: column; align-content: center; flex-wrap: nowrap; justify-content: flex-start;}
#pun-status .container a { color: var(--cl3); text-transform:  lowercase;font-family: var(--3ft); font-size: 10px!important; }
#pun-status .container strong { font-weight: 100!important; }
#pun-status .container .item4  { display: none; }

#pun-crumbs1 { overflow: hidden; margin: 20px 0px 0px; }
#pun-crumbs2 { overflow: hidden; margin-bottom: 0; border-bottom: none; }
#pun-crumbs2 {  margin-bottom: 10px !important;}
#pun-crumbs1 p.container { border-top: none; padding: 8px; font-size: 10px; text-transform:uppercase; color: var(--cl5); }
#pun-crumbs2 .container { border-bottom: none; padding: 8px; color: var(--cl5); font-size: 10px; text-transform:uppercase; }
#pun-crumbs1, #pun-crumbs2 { text-align: left; font-family: var(--3ft) !important; font-weight: normal; }
#pun-crumbs2 a, #pun-crumbs1 a { text-transform: uppercase; font-size: 10px; color: var(--cl3) !important; font-family: var(--3ft) !important; font-weight: 500; }
#pun-crumbs1 a:hover, #pun-crumbs2 a:hover { color:  var(--cl5)!important; }
#pun-break1, #pun-break4 {  position: relative; z-index: 1; }

#pun-stats .container {margin: 0px 30px 10px;position: relative;border: 2px solid #046650;top: 0px;padding: 25px 0px 14px 0px;z-index: 9;}
#pun-stats .container strong {font-weight: 600;}
#pun-stats .container a {font-size: 11px;}
.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 {     position: absolute;
    margin-top: -9px;
    background: linear-gradient(45deg, #54735d, #2c5828, #5a7a5a, #4f7353);
    font-size: 12px !important;
    height: 16px;
    color: var(--cl) !important;
    display: block;
    width: 340px;
    text-align: center !important;
    margin-left: -83px;
    font-family: var(--3ft) !important;
    text-transform: lowercase;}
.statscon li.item1, .statscon li.item2  {width: 240px;padding: 0px 20px;}
.statscon li.item1 {left: 82px;border-right: none;}
.statscon li.item2 {left: 322px;border-left: none;border-right: none;}
.statscon li.item3 {left: 562px;border-left: none;border-right: none;width: 235px;}
.statscon li.item3 strong { var(--cl) }
.statscon li.item4 {right: -1px;gap: 5px;padding: 0px 5px;display: flex;z-index: 1;border-left: none;justify-content: center;}
.statscon li.item4  a {color: var(--cl) !important;font: 600 12px var(--3ft) !important;}
.statscon li.item4  a:hover { color: var(--cl4) !important; }
.statscon li.item5 { display: block; width: 992px!important; margin: 0px 31px 0px; text-align: justify!important; }
.statscon li.item5.users_24h {min-height: 50px;}

li#onlinelist {margin-top: 10px;border-top-style: solid;border-top-width: 1px;float: left;line-height: 130%;}
li#onlinelist div {border-top-style: solid;border-top-width: 1px;color: var(--cl5);padding: 0px 0px 0px 0px;font-family: var(--4ft);text-transform: lowercase;font-size: 11px;text-align: justify;}

.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; }
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl,#pun-modviewforum .main .tcl { width: 40% }
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; }
#pun-debug table .tcl { width: 15%; white-space:normal; }
#pun-debug .tcr { width: 90%; white-space: normal; }
.punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; }
.punbb td .modlist { display: block; padding-top: 0.3em }
.punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 10px 20px 20px 20px; }
.punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; }
.punbb .main .tcl { border-left-style: none; border-left-width: 0 }
.punbb .main .tcl { text-align: left; width: 60%; }
.punbb .main .tcr {position: relative; overflow: hidden; text-align: left; width: 30%; padding-right: 0px; padding-top: 24px;}

.punbb .user-avatar .avatar-image {     float: right !important; height: 30px !important; width: 30px !important; opacity: 0.55 !important; border-radius: 0px !important; outline-offset: 0px; background-position: center center; background-size: cover; background-repeat: no-repeat; filter: grayscale(1); transition: all 0.3s linear 0s; }
.punbb .user-avatar { position: relative; height: 36px; width: 36px; margin: 1px 10px 2px 2px !important; }
.punbb .user-avatar .avatar-image:hover { filter: grayscale(0); opacity: 0.85!important}
.punbb .user-avatar .isonline {display: block;position: absolute;width: 6px!important;height: 30px!important;border-radius: 0%!important;top: 0px !important;right: 30px !important;background: var(--cl3) !important;z-index: 100;}

.punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; }
.punbb .post h3 {margin: 0px 10px 0px 12px;display: block;border-bottom: 2px solid #046650;background: var(--pn);height: 15px;}
.punbb .post h3 span {display: block;margin: 15px 0px 0px;}

.punbb .post h3 span a {color: var(--cl5);padding: 2px 10px;text-transform: lowercase;font-family: var(--3ft);top: 0px;left: -2px;position: relative;font-size: 12px;}
.punbb .post h3 strong {right: 15px;margin-top: -2px;color: var(--cl5);text-transform: uppercase;padding: 0px 10px;position: absolute;font-weight: 500;width: auto;font-size: 15px;font-family: var(--3ft);text-align: right !important;}

#pun-messages .post h3 span { color: var(--cl);padding: 0px 5px 0px; }
.punbb#pun-searchposts .post h3 span a { position: relative !important; top: -18px; left: 0px; font-size: 11px; }
.punbb#pun-searchposts  em { display: none; }
.punbb#pun-searchposts .post h3 span a:before {content: "«"; padding: 0px 2px; }
.punbb#pun-searchposts .pa-author strong { font-weight: normal!important; }
.punbb#pun-searchposts .pa-replies { color: var(--cl); font-size: 11px; font-family: var(--3ft); margin: 8px 0px 5px;}

.punbb .post-content { width: 100%; text-align: justify; }
.punbb .post-sig dt { display: block; border-top: 1px dashed; width: 250px; height: 0px; margin: 15px 0; }
.punbb .post-content p { margin: 0; padding: 0 0 5px 0; }

.post-content {margin: -10px 0px 0px 0px !important;}
.punbb .post-content img { vertical-align: text-bottom }
.punbb .post-content img.postimg { vertical-align: middle; }
.punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; }
.punbb .post-content .scrollbox { width: 100%; height: 2.5em!important; overflow: auto; }

.punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; }
.multipage { margin-top: 3em; }

.linkst .pagelink { margin-top: -25px; word-spacing: 3px; color: var(--cl5); margin-left: 17px; }
.linksb .pagelink { float: left; margin: 0px -11px; width: 24em; color: var(--cl5); word-spacing: 3px; text-align: left; }
.linksb .postlink { float: right; width: 16em; margin-top: 0px; margin-right: 10px; }
.punbb .linksb { text-align: right; padding: 0px 0px 0px 25px; }
.linkst .postlink { position: absolute; top: -22px; right: -6px; text-align: right; padding-right: 17px; }
.subscribelink { clear: both; padding-top: 0.3em; margin-right: 10px; padding-bottom: 0.5em; }



.punbb .post .post-author ul, .punbb .post .post-author p {padding: 1em;line-height: 140%;text-transform: lowercase;background: #cecece;border-radius: 10px;}
.punbb .post .post-author {float: left;
    width: 246px;
    margin-left: 10px !important;
    text-align: center;
    background: #294946;
    padding: 40px 0px 0px 0px;
    margin-top: 5px;
    position: relative;
    border-radius: 15px;
    z-index: 1;
    background-size: 100% auto;}





.pa-author {text-align: center;padding: 5px 0px 1px 0px !important;width: inherit;font-family: var(--4ft);font-size: 13px;color: var(--cl0) !important;margin: 5px 5px 0px;}
.pa-author a {position: relative;z-index: 9999;font-weight: 600;font-family: var(--3ft) !important;text-transform: uppercase !important;font-size: 16px !important;color: var(--cl4) !important;transition: all .2s linear 0s !important;}
.pa-author a:hover { color: #030631 !important; }


.pa-avatar {max-width: 180px;max-height: 180px;margin: 0px 22px 0px !important;text-align: center;z-index: 2;position: relative;}
.pa-avatar img { max-width: 180px; max-height: 180px; border-radius: 0px; padding: 0px; z-index: 9; position: relative; margin-top: 0px; }




 .pa-fld2 {color: var(--cl5);width: 76px;gap: 4px;display: inline-flex;margin: 5px 0px 5px;text-transform: lowercase;font-size: 9px;text-align: center;height: 14px;font-family: var(--4ft);flex-direction: row;justify-content: center;align-items: center;}

.pa-fld1 {
text-align: justify;
    padding: 10px 10px 0px 10px !important;
    position: relative;
    margin-bottom: 0px;
    width: 246px;
    margin-left: -11px;
}
.lz {
text-align: center;
    text-transform: uppercase;
    font-family: 'Bellota Text';
    font-size: 13px;
    font-weight: 600;
    border-bottom: 1px solid #897d7c;
    background: rgb(103 119 115);
    margin: -2px -11px 9px -9px !important;
}
.lzstory {
background: #2b4229;
    position: absolute;
    width: 246px;
    top: 2.5em;
    left: 13.8em;
    transform: translateX(-50%);
    font: 500 9px 'playfair display';
    color: #aebdb8;
    text-transform: uppercase;
    letter-spacing: 1px;
    /* padding: 0em 9.6em; */
    text-align: center;
    white-space: nowrap;
}
.lzinfo {
 background: rgb(137 125 124 / 0%);
    position: static;
    color: #0c372f;
    padding: 4px;
    font: 500 12px 'playfair display';
}
#viewprofile .lzstory {
    position: relative;
    top: auto;
    width: 100%;
    margin-left: 4px;
}

#viewprofile .lzinfo {
    width: 100%;
    text-align: center;
    margin: 0 0 0 -6px;
    border-radius: 0;
}

.pa-respect .fld-name a::before, .gid3 .pa-respect .fld-name::before, .pa-posts .fld-name a::before, .pa-posts .fld-name::before, .pa-fld5 .fld-name a::before, .pa-fld5 .fld-name::before {
    content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
}
.pa-respect .fld-name a::before, .gid3 .pa-respect .fld-name::before {
    background-size: cover !important;
    background: url(https://i.postimg.cc/Y0mpT9QN/free-icon-font-comment-3916830.png) 100% 100% no-repeat;
}

.pa-posts .fld-name a::before, .pa-posts .fld-name::before {
    background-size: cover !important;
    background: url(https://i.postimg.cc/HWJXT92z/free-icon-font-comment-pen-8034097.png) 100% 100% no-repeat;
}


.pa-fld5 .fld-name a::before, .pa-fld5 .fld-name::before {
    background-size: cover !important;
    background: url(https://i.postimg.cc/WtL2Vv7B/free-icon-font-heart-3916769.png) 100% 100% no-repeat;
}



.pa-respect .fld-name, .pa-respect .fld-name a, .pa-posts .fld-name, .pa-fld5 .fld-name {
    font-size: 0;
    display: inline-block;
    height: 12px;
}



.pa-posts, .pa-respect, .pa-fld5 {
    display: inline-block;
    width: 58px;
    font-size: 10px;
    margin-top: 15px !important;
    padding: 0px 16px 0px 16px !important;

}
.pa-fld3 { margin: 5px 0px -12px -11px !important;  position: relative; }
.pl {    width: 246px;
    height: 42px;
    padding: 2px 16px -46px -26px;
    margin-top: 10px;
    border-radius: 0px 0px 15px 15px;
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    gap: 1px;
}
.pl t1, .plah t1 {  font-family: arial;  font-weight: bold;   text-transform: uppercase;  color: #223734;  letter-spacing: 1px;  font-size: 10px;  display: block;  text-align: center;}

.plah t2 { font-family: arial;  color: #f5f5f5;  letter-spacing: 0.6px;  font-size: 8px;  display: block;  text-transform: lowercase;  text-align: center; margin-top: 0px !important;}

.pl t2 { font-family: arial;  color: #d5efe9;  letter-spacing: 0.6px;  font-size: 8px;  display: block;  text-transform: lowercase;  text-align: center; margin-top: 0px !important;}

.pa-reg, .pa-fld1 .fld-name, li.pa-awards .fld-name, li.pa-ip, .pa-author img, .pa-gifts, .pa-online { display: none; }

li.pa-title {     position: relative;
    width: 246px;
    background: linear-gradient(45deg, #779777, #538b52, #458549, #175f28);
    margin: 4px -11px 5px;
    font-size: 11px;
    letter-spacing: 0.4px;
    color: var(--cl);
    font-family: var(--3ft);
    text-transform: lowercase;
    text-align: center;}
.indOnline {display: block !important;position: absolute;z-index: 0;width: 10px;height: 10px;border-radius: 0px !important;background: var(--cl3);box-sizing: border-box;margin-top: -21px !important;margin-left: 0px !important;animation: blinkColor .9s linear infinite;-moz-animation: blinkColor .9s linear infinite;-webkit-animation: blinkColor .9s linear infinite;}
.indOffline {display: block !important;position: absolute;width: 47px;height: 40px;background: none;box-sizing: border-box;margin-top: -54px !important;margin-left: -14px!important;}

.pa-fld4 {
    width: 35px;
    height: 35px;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    position: absolute;
    top: 27px;
    left: 103px;
    justify-content: center;
    z-index: 1;
    background: #cccccc;
    border-radius: 15px;
}


.punbb .post-body {margin-left: 23em;margin-right: 6px;border-left-style: solid;border-left-width: 1px;padding: 0px 0 1px 0;}
.punbb .post-box {padding: 20px 13px 0px;/* background: #d3d3d3; *//* border: 1px solid #c7c7c7; */margin: 1px 3px 15px 3px !important;}
.punbb fieldset .post-box { margin-bottom: 0.8em }
.punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; }
.punbb .post-links ul { height: auto; line-height: 1em; margin-left: -202px; font-size: 10px; text-transform: lowercase; background: transparent; text-align: right; margin-right: 0px; }
.punbb .post-links li { display: inline; text-align: center; margin: 0px 2px; padding: 0px 5px 1px 5px; transition: all 0.5s ease 0s;}
.pl-email, .pl-website { float: left; }
.punbb .clearer { clear: both; height: 0; font-size: 0; }
.topic a.sharelink { display: none; }

.punbb .formal .container { padding: 0em 1.3em 0em 1.3em; }
.punbb .formsubmit { padding: 0 0 0 1.7em; text-align: center; margin: 1em 0 0 0;  }
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 }
.punbb fieldset { border-style: solid; border-width: 1px; padding: 0px 2px 0px 0px; margin: 0 0 1px 0; }
.punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 }
.punbb .fs-box { padding: 1em 0 0.8em 0; }
.punbb .fs-box p, .punbb .fs-box fieldset  { padding: 0px 0 0.8em 0; }
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left;  margin-right: 1em; }
.fs-box p.inputfield label, .fs-box p.selectfield label {   }
.punbb .datafield br { display: none }
.punbb .required label, .punbb .datafield span.input {  }
.punbb .datafield span.input a { font-weight: normal; }
.punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ }
.punbb textarea, .punbb .longinput input { width: 64%; margin: 0; }
.punbb .hashelp { position: relative; }
.punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; }
.punbb #profile .helplinks { top: 1.5em; }
.punbb .helplinks span { display: block; padding-bottom: 0.2em; }
#pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; }
.punbb .helplinks span INPUT { margin-right: 2px; margin-bottom: 2px; }
.punbb fieldset legend { padding: 0; margin: 0px 0px 0px 11px; font-size: 11px; }
.punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 10px; }
.punbb .inline .infofield { text-transform: lowercase; font-size: 9px; text-align: justify; }

#profile .container { padding-left: 15.6em; }
#profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; }
#profilenav li { padding-bottom: 0.8em; word-spacing: 3px; font-weight: normal; }
#profile-signature ul { border-style: dashed; border-width: 1px 0 0 0; margin: 0; background: none; box-shadow: none; padding: 1em 1em 0 1em; }
#viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; }
#viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; }
#viewprofile li, #setmods dl { padding: 0px 0 0 19em; margin-left: 20px; margin-bottom: 3px; }
#setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; }
#profile-left li, #profile-left li * { padding-left: 0; margin-left: 0; border-radius: 0px; }
.punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em }
#profile #form-buttons tr { width: 799px; position: relative; left: -15px; }
#viewprofile ul { margin: 0px 20px 10px 20px; display: block;}
#profilenav ul { padding: 10px 0px 3px 19px; border-radius: 0px; margin: 9px 0 5px 3px; }
#viewprofile li span { float: left; width: 150px; text-transform: lowercase; margin-left: -212px; padding: 7px 30px; }
#viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; text-transform: lowercase; font-weight: normal; font-size: 11px; }

div#profile-gifts, #profile-left li#profile-title, #profile-right li#pa-invites, #profile-right li#pa-fld5, #profile-right li#pa-fld1, #profile-right li#pa-gifts { display: none; }

#profile-left { width: 250px!important; display: inline-flex; padding-top: 0 !important; justify-content: center; flex-direction: column;align-items: center; align-content: center; flex-wrap: wrap; }
#profile-left #pa-avatar div { width: 180px; height: 180px; padding: 5px; border-radius: 0px; display: flex; justify-content: center; align-items: center; margin: 0px 55px; }
.punbb h1 { display: none;}

#pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; }
#pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; }
#pun-userlist .usertable table { border-style: solid; border-width: 1px; }
* html .tclcon {height: 1px}

.punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; }
.punbb .info-box * { padding: 0 0 0.7em 0;}
.punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; }

.punbb .modmenu .container { padding: 1.5em 1em; text-align: right; }
.punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; }
.punbb .modmenu .container strong { float: left; }
.punbb .modmenu input { margin-left: 1em; }
.punbb .info .container { padding: 0.8em 1em }
.punbb .info .container .backlink { padding-top: 0.8em; }

#pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; }
#pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; }
#pun-title .container { border-style: none solid none solid; }
#pun-title h1 span  { font-size: 0em; }
#pun-title TD.title-logo-tdl { border: none; width: 100%;}
#pun-title TD.title-logo-tdr { border: none; width: 420px; }

#pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; }
#pun-pagelinks .container { background: transparent; border: none; padding: 0}
#pun-pagelinks .container li { display: inline }
#pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; }
#pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; }
#pun-pagelinks li a span { display:block; margin: 0 1em }

#pun-announcement h2 { padding: 0; margin: 0 15px -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; display:none; }
#pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; }
#pun-announcement .container { padding: 0.6em 0.5em 1em 1em; margin-bottom: -54px; margin-top: 45px; text-align: center;}

#pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; }
#pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; }
#pun-about { margin-top: 0; }
/* #pun-about .container {  border-top-style: none; text-align: right; line-height: 150%; padding: 1px 1em; } */
#pun-about p span { display:block; padding-left: 50%; }
div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; }
#pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; }
#pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; }
#pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em }
#pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em }
#pun-help .formal li { padding: 0; line-height: 130% }
#pun-help .formal li * { vertical-align: text-top }
#pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; }
.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {border-color: transparent;}
#pun-main .post-author ul { text-align: center; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; text-align: justify; }
#post-form h2 span {display: none; }
#pun-index h2 {box-shadow: none}
#pun-main div.catleft, #pun-main div.catright { display: none; }
.punbb th {font-size: 0!important;}
#pun-title {border: none}
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 { font-size: 19px!important; text-align: center; color: #404b60; text-transform: uppercase; }

#pun:after, .punbb .container:after, .punbb .post-links ul:after, .punbb .main div.inline:after, .punbb .post-box:after, .punbb .linksb:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0; }
.acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks h2, #pun-status h2, #pun-ulinks h2, .punbb .forum h2, .punbb .multipage .topic h2, .punbb dl.post-sig dt span, .punbb p.crumbs strong, .punbb .divider hr, .punbb .required label em, .punbb .formsubmit label, .punbb .submitfield label, .punbb .modmenu label, #pun-userlist .main h2 {
  font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden }

.punbb #move_posts_form .formal>form.container { width: 100%!important; background: #d9d9d9!important; position: relative; border: none!important; padding-left: 0!important; padding-right: 0!important; }
#pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span, #pun-admain .adcontainer .tcl, #pun-admain .adcontainer td { font-size: 12px!important; }
.adformal h2, #pun-adnav h2 { background-color: #eee !important; color: #454545!important; }
.admin-advert-block .admin-advert-block-buttons .button-vk, .admin-advert-block .admin-advert-block-buttons .button-telegram, .admin-advert-block .admin-advert-block-buttons .button-twitter { padding: 10px 57px!important;  }
#pun-adnav h2 { margin-left: 2px!important; }
#pun-admain textarea {width: 94%!important;}
.adminmain { padding-right: 4px!important;}

span.num_msg { margin-top: -11px !important; margin-left: -22px !important; font-size: 8px !important; font: 500 10px/1.6 Tahoma; text-align: center!important; background: var(--cl3) !important; padding: 0px 7px 1px 7px!important; height: 11px !important; width: auto!important; border-radius: 0px!important; color: var( --cl)!important; }
span.num_msg:before { top: 10px !important; background: var(--cl3) !important; margin-left: 0px !important; }

.bubble { background: var(--cl3) !important; right: 5px!important; top: -12px!important; border-radius: 0px!important; color: var(--cl)!important; }
.bubble:after { border-color: var(--cl3) transparent!important; }

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner 
{ background: var(--cl) !important;  border-radius: 0px; z-index: 9999!important; }
.punbb .longinput input { font-size: 12px!important; }
.punbb textarea { font-size: 12px!important; }

@media screen and (max-device-width: 480px) {
html {-webkit-text-size-adjust: 100%;}}

#tooltip { position:absolute; font-size: 11px !important; background: var(--cl3); color: var(--cl0); text-transform: lowercase; border-radius: 0px!important; font-family: var(--4ft) !important; border-radius: 0px!important; margin: 0 0 0 0; padding: 5px; font-weight:normal; display:none; z-index: 99999999; }

.pun-modal .modal-inner { background: rgb(223 226 235)!important; }

.noNull:before { content: "+"; font-size: 13px; display: inline-block; margin-left: -8px; margin-top: 6px; position: absolute; }

div .post-rating p>a {text-align: center;outline: 1px solid transparent;font-weight: 500 !important;background: none;background-size: 38px auto;position: relative;padding-left: 1px;z-index: 100;width: 38px;height: 38px;text-align: center;font-size: 12px !important;display: inline-block;vertical-align: middle;line-height: 34px;letter-spacing: -1px;color: #046650;}
div .post-rating p>a:after {content:'favorite';position: relative;font-size: 18px;font-family: 'Material Icons';color: #0d580a;left: 3px;top: 5px;}
div .post-rating p>a:hover:after, div.post-vote p>a:hover:after  { color: var(--cl5);}

div.post-vote { margin-bottom: 65px; }
div.post-vote p>a { font-size: 0 !important; position: absolute; cursor: pointer; z-index: 200; width: 23px; height: 23px; background: none; display: block; background-size: 100%; margin-left: 29px; margin-top: 42px; }
div.post-vote p>a:after {content:'question_answer';position: relative;font-family: 'Material Icons';color: #919191;top: 3px;left: 10px;font-size: 18px !important;}


/* новый эпизода*/
* {
  box-sizing: border-box;}
@font-face {font-family: "Genshin"; src: url("https://forumstatic.ru/files/0014/98/d3/50051.ttf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

@font-face {
  font-family: "Khaenriah";
  src: url("https://f.etrin.ru/fonts/KhaenriahNeue.otf") format("truetype");
  font-style: normal;
  font-weight: normal;
}

.un-ep-root {
  display: flex;
}

.un-ep-wrapper {
  display: flex;
  width: 1026px;
  margin: 24px;
  overflow: hidden;
  border-radius: 6px;
  background: rgb(var(--unep-bgcol)) no-repeat top/contain;
  background-image: linear-gradient(transparent, rgb(var(--unep-bgcol)) 50%),
    var(--unep-bgpic);
  background-size: 100%;
  flex-direction: column;
  padding: 16px;
}

.un-ep-coord {
  margin-bottom: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.un-ep-date {
  font-family: Microsoft YaHei, sans-serif;
  font-weight: 400;
  color: rgba(var(--unep-link), 1);
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.un-ep-date::after {
  width: 8px;
  height: 8px;
  content: " ";
  display: flex;
  background: url(https://forumupload.ru/uploads/001b/5c/7f/86/571623.png);
  background-size: cover;
  margin-left: 8px;
  top: 50%;
}

.un-ep-loc {
  font-family: Microsoft YaHei, sans-serif;
  font-weight: 400;
  color: rgba(var(--unep-link), 1);
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  display: flex;
  align-items: center;
  margin-right: 8px;
}

.un-ep-loc::after {
  width: 8px;
  height: 8px;
  content: " ";
  display: flex;
  background: url(https://forumupload.ru/uploads/001b/5c/7f/86/571623.png);
  background-size: cover;
  margin-left: 8px;
  top: 50%;
}

.un-ep-place {
  font-family: Microsoft YaHei, sans-serif;
  font-weight: 400;
  color: rgba(var(--unep-link), 1);
  font-size: 12px;
  line-height: 12px;
  text-align: center;
  display: flex;
  align-items: center;
}

.un-ep-title-back {
  width: 80%;
  height: 48px;
  border-radius: 4px;
  position: relative;
  background-color: rgba(var(--unep-blcol), 0.68);
  background-image: url(https://forumupload.ru/uploads/001b/5c/7f/86/395247.png),
    url(https://forumupload.ru/uploads/001b/5c/7f/86/29722.png);
  background-size: auto 100%;
  background-position: 0, 100%;
  background-repeat: no-repeat, no-repeat;
  margin: 4px auto;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 8px;
}

.un-ep-title-back::before {
  content: "";
  position: absolute;
  border-radius: 4px;
  border: 1px solid #787874;
  left: 2px;
  right: 2px;
  bottom: 2px;
  top: 2px;
  z-index: 1;
}

.un-ep-title-box {
  background-image: url(https://forumupload.ru/uploads/001b/5c/7f/86/70927.png),
    url(https://forumupload.ru/uploads/001b/5c/7f/86/70927.png);
  padding: 0 28px;
  background-repeat: no-repeat;
  background-position: 0, 100%;
  background-size: 20px;
  height: 44px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.un-ep-title {
  color: rgba(var(--unep-text), 0.92);
  font-family: Genshin;
  text-align: center;
  font-style: normal;
  font-size: 16px;
  line-height: 16px;
  z-index: 1;
}

.un-ep-char-box {
  margin-top: 8px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
}

.un-ep-char-layout {
  height: 68px;
  position: relative;
  display: flex;
  background: rgba(var(--unep-blcol), 0.28);
  padding-left: 4px;
  padding-right: 4px;
  justify-content: center;
  flex-direction: row;
  align-items: center;
}

.un-ep-char-pic {
  display: flex;
  margin: 0 2px;
  height: 56px;
}

.un-ep-char-pic::after {
  width: 8px;
  height: 8px;
  content: " ";
  display: flex;
  background: url(https://forumupload.ru/uploads/001b/5c/7f/86/571623.png);
  background-size: cover;
  margin-left: 4px;
  margin-top: 24px;
}

.un-ep-char-pic:last-child::after {
  display: none;
}

.un-ep-char-avatar {
  width: 56px;
  height: 56px;
  border-radius: 4px 4px 12px 0;
  transform: translate(0%, 0%);
  transition: all 0.3s ease;
  object-fit: cover;
  object-position: 50% 0;
  z-index: 1;
}

.un-ep-char-pic a {
  z-index: 1;
}

.un-ep-char-avatar:hover {
  transition: all 0.3s ease;
  transform: scale(1.8) translate(0%, 0%);
  z-index: 2;
}

.un-ep-char-pic a:hover {
  z-index: 2;
}

.un-ep-desc-box {
  display: flex;
  width: 80%;
  height: 160px;
  margin: 16px auto 8px;
  background: rgb(24 57 60 / 64%);
  z-index: 1;
  border-radius: 4px;
}

.un-ep-desc-border {
  border-radius: 4px;
  width: 100%;
  z-index: 8;
  position: relative;
  display: flex;
  margin: 4px;
  padding: 12px;
  box-sizing: border-box;
  box-shadow: inset 0 0 0 1px hsla(0, 0%, 100%, 0.3);
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
}

.un-ep-desc-head {
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.3);
  width: 100%;
  display: flex;
  height: 16px;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 8px;
  padding: 0 8px 12px;
  opacity: 0.7;
}

.un-ep-desc-head a {
  font-family: Microsoft YaHei, sans-serif !important;
  font-weight: 400 !important;
  color: rgba(var(--unep-link), 0.8) !important;
  font-size: 11px !important;
  text-decoration: none !important;
}

.un-ep-desc-head a:hover {
  font-family: Microsoft YaHei, sans-serif !important;
  font-weight: 400 !important;
  color: rgba(var(--unep-link), 1) !important;
  font-size: 11px !important;
  text-decoration: none !important;
}

.un-ep-desc-ost {
  font-family: Microsoft YaHei, sans-serif;
  font-weight: 400;
  color: rgba(var(--unep-link), 1);
  font-size: 11px;
  line-height: 11px;
  text-align: center;
}

.un-ep-desc-ost::before {
  content: "\266B";
  margin-right: 4px;
  color: rgba(var(--unep-text), 1);
}

.un-ep-desc-tag {
  font-family: Microsoft YaHei, sans-serif;
  font-weight: 400;
  color: rgba(var(--unep-text), 1);
  font-size: 11px;
  line-height: 11px;
  text-align: center;
}

.un-ep-desc-tag::after {
  content: "\2666";
  margin-left: 4px;
  color: rgba(var(--unep-text), 1);
  font-family: monospace;
}

.un-ep-desc-text {
  display: flex;
  width: 100%;
  max-height: 120px;
  overflow-y: auto;
  text-indent: 8px;
  flex-direction: column;
  flex-wrap: nowrap;
  font-family: Microsoft YaHei, sans-serif;
  font-weight: 400;
  color: rgba(var(--unep-text), 1);
  opacity: 0.9;
}

.un-ep-desc-text p {
  margin: 4px 0 !important;
  font-size: 12px;
  line-height: 16px !important;
  padding: 0px 8px 0 0px !important;
}

.un-ep-desc-text a {
  font-family: Microsoft YaHei, sans-serif !important;
  font-weight: 400 !important;
  color: rgba(var(--unep-link), 0.8) !important; 
  font-size: 12px !important;
  text-decoration: none !important;
}

.un-ep-desc-text a:hover {
  font-family: Microsoft YaHei, sans-serif !important;
  font-weight: 400 !important;
  color: rgba(var(--unep-link), 1) !important; 
  font-size: 12px !important;
  text-decoration: none !important;
}

.un-ep-desc-text::-webkit-scrollbar {
  width: 4px;
}

.un-ep-desc-text::-webkit-scrollbar-thumb {
  background-color: rgba(var(--unep-link), 1);
  border: 1px solid #fff;
}

.un-ep-desc-text::-webkit-scrollbar-track {
  background-color: #4a5366;
  border: 1px solid #787874;
}
 :root {
    /* ССЫЛКА НА ФОНОВУЮ КАРТИНКУ */
    --unep-bgpic: url("https://i.playground.ru/e/aGeQZyLKqXF1WCx7TZDodw.png");
    /* ЦВЕТ ФОНА */
      --unep-bgcol: 16, 29, 35;
    /* ЦВЕТ БЛОКОВ */
    --unep-blcol: 30, 69, 70;
    /* ЦВЕТ ТЕКСТА */
    --unep-text: 255, 255, 255;
    /* ЦВЕТ ССЫЛОК */
    --unep-link: 237, 239, 199;
  }



/* футер баннера*/
.banners {
        position: absolute;
    /* background-color: #60706c; */
    margin-top: -75px;
    margin-left: 352px;
    width: 784px;
    height: 60px;
    overflow-y: auto;
    display: flex
;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-right: 5px;
}

.banners img {
  mix-blend-mode: luminosity;
  filter: grayscale(100%) brightness(.7) opacity(.6);
  transition: all .7s ease-in-out 0s
}

.banners img:hover {
  filter: none;
  mix-blend-mode: normal
}




/* истории*/

.anders_wrapper {
    --bg: transparent;
    --card-bg: #c1c1c1;
    --text: #292929;
    --accent: #49411c;
    --shadow: 4px 4px 15px rgba(0, 0, 0, 0.08);
    /* --radius: 40px; */
    --padding: 25px 30px;
    --font: 400 12px / 150% 'Noto Sans Display';
    --overlay: linear-gradient(180deg, transparent 0%, #FFFBEF 70%);
    --w: 262px;
    --h: 346px;
    --h-container: 236px;
}

.anders_wrapper {
  width: 1086px;
  height: auto;
  padding: 0px;
  background: var(--bg);
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 6px;
  box-sizing: border-box
}

.anders_card-wrap {
  background: var(--card-bg);
  border-radius: var(--radius);
  width: var(--w);
  overflow: hidden;
  height: var(--h);
  position: relative;
  font: var(--font);
}

.andres_img img {
  width: var(--w);
  height: calc(var(--h) - 110px);
  object-fit: cover;
}

.anders_container {
  background: var(--card-bg);
  position: absolute;
  bottom: -100px;
  border-radius: var(--radius) 0 0 0;
  width: 100%;
  height: var(--h-container);
  padding: var(--padding);
  box-sizing: border-box;
  transition: all .3s cubic-bezier(0.78, 0.01, 0.47, 0.99) 0s !important;
}

.anders_angle {
  position: absolute;
  top: -45px;
  right: 0px;
  width: 50px;
  height: 45px;
}

.anders_angle path {
  fill: var(--card-bg);
  d: path("M0.0979309 44.9119L0 45H3H50V0L49.9566 0.039093C48.8889 25.0505 28.2742 45 3 45C2.02544 45 1.05779 44.9703 0.0979309 44.9119Z");
}

.anders_container span {
  color: var(--accent);
  font-size: 15px;
  font-weight: 800;
  display: flex;
  flex-direction: column;
  gap: 3px;
  margin-bottom: 10px;
}

.anders_container em {
  font-style: normal;
  display: block;
  opacity: .75;
  color: var(--text);
  font-size: 11px;
  font-weight: 400;
}

.anders_desc {
  text-align: justify;
  margin-bottom: 25px;
  height: calc(var(--h-container) - 100px);
  overflow-y: auto;
  padding-right: 10px;
  position: relative;
}

.anders_desc p {
  padding: 0 !important;
  margin: 0 !important;
  font: var(--font) !important;
}

.anders_desc p + p {
  margin-top: 15px !important;
}

.anders_card-wrap:after {
  content: "";
  background: var(--overlay);
  display: block;
  width: 100%;
  height: 100px;
  z-index: 5;
  bottom: 0px;
  left: 0;
  position: absolute;
  transition: all .3s cubic-bezier(0.78, 0.01, 0.47, 0.99) 0s !important;
}

.anders_card-wrap:hover .anders_container {
  bottom: 0;
}

.anders_card-wrap:hover:after {
  height: 0px
}

/* анкета от вещего духа */
.cheese_head_wrap {
background: #e3e3e3;
    width: 720px;
    height: auto;
    margin: auto;
}

.cheese_head_first {
    height: 188px;
    background: url(https://i.postimg.cc/sgMzv1Mp/image.jpg) no-repeat top right;
    padding: 23px;
    display: flex;
    color: #eae9e2;
    font-family: Merriweather;
}

.cheese_head_img {
filter: grayscale(100%); */
    border: 2px solid #392908;
    padding: 4px;
    line-height: 0;
    margin-right: 23px;
    overflow: hidden;
}

.cheese_head_img img {
  width: 180px; /* ширина изображения */
}

.cheese_head_info {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.cheese_head_info span {
  font-size: 20px; /* размер шрифта имени персонажа */
  text-transform: uppercase;
  letter-spacing: 1px
}

.cheese_head_info em {
  font-size: 10px; /* размер шрифта в строках под именем */
  font-weight: 200;
}

.cheese_head_quenta {
  padding: 18px 23px;
  line-height: 150%;
  text-align: justify;
}

.cheese_head_last {
     padding: 23px;
    background: #5c605a repeat top;
}

#post_button {
    background: rgb(48 79 51 / 88%);;
    border: 1px solid #303030;
    text-align: center;
    font: 500 11px merriweather;
    text-transform: uppercase;
    letter-spacing: 2px;
    color: #cfd1d1;
    padding: 7px;
    transition: all .6s ease-in-out 0s;
}

#post_button.openpost {
    background: rgb(71 63 48 / 60%);
    color: #a38c7c;
    border-color: #796038;
}

#postblock { 
  background: #e1e1e1; /* цвет выпадающего блока*/
  padding: 18px 23px;
  margin-top: 23px;
}
img[alt~="hide-autor2"], img[alt~="hide-autor"] {
    opacity: 0
  } 
  
  
  @import url('https://fonts.googleapis.com/css2?family=Alice&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css?family=PT+Sans:400,700');

.f_timeline-wrap {
  --tfont: philosopher; /* шрифт заголовков */
  --tfont2: pt sans; /* шрифт текстовок */
  --border: #A6A6A6; /* цвет бордера */
  --tcolor: rgba(55, 66, 105, 1); /* цвет ссылок и кругляшков */
  --tcolor2: #353C39; /* цвет текста */
}

.f_timeline-wrap a {
  color: var(--tcolor) !important;
}

.f_timeline-wrap a:hover {
  color: var(--tcolor2) !important;
}

.f_timeline-wrap {
  width: 100%;
  color: #333;
  font-family: var(--tfont);
}

.f_timeline-year {
  font-weight: 700 !important;
  font-size: 28px !important;
  height: 70px;
  display: flex;
  align-items: center;
  margin: 0px;
  padding: 0;
  position: relative;
}

.f_timeline-year .f_timeline-mark:before {
  background: transparent;
  content: "";
  width: 15px;
  height: 70px;
  border: none;
  border-radius: 0;
  top: 0;
  bottom: -25px;
  position: absolute;
  border-top: 3px solid var(--border);
  border-bottom: 3px solid var(--border);
  box-sizing: border-box;
}
.f_timeline-year .f_timeline-mark:after {
  content: "";
  height: 20px;
  top: 70px;
}

.f_timeline-year + .f_timeline-item {
  margin-top: 24px
}

.f_timeline-year:first-child .f_timeline-mark:before {
 border-top: 0px solid var(--border);
}

.f_timeline-item {
  padding-left: 40px;
  padding-top: 4px;
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 5px;
}

.f_timeline-mark {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 15px;
}

.f_timeline-mark:before {
  background: var(--tcolor);
  border: 3px solid transparent;
  border-radius: 100%;
  content: "";
  display: block;
  height: 9px;
  position: absolute;
  top: 4px;
  left: 0;
  width: 9px;
}

.f_timeline-mark:after {
  content: "";
  width: 3px;
  background: var(--border);
  display: block;
  position: absolute;
  top: 26px;
  bottom: 0;
  left: 6px;
}
.f_timeline-mark:last-child .f_timeline-mark:after {
  content: none;
}

.f_timeline-item span {
  display: block;
  font-weight: 700;
  font-size: 12px;
}

.f_timeline-item a {
  font-weight: 700;
  font-size: 18px;
}

.f_timeline-item p {
  padding: 0;
  margin: 0;
  font: 500 12px/150% var(--tfont2) !important
  padding-bottom: 30px !important;
  margin-top: 5px!important;
}

.f_timeline-item.closed .f_timeline-mark:before, .f_timeline-item.closed span, .f_timeline-item.closed a, .f_timeline-item.closed p {
  opacity: .65;
  filter: sepia(100%)
}

.f_timeline-item:last-child .f_timeline-mark:after {
  content: none;
}

/* Общий стиль для блока новостей */
.newsblock {
    width: 100%; /* Ширина блока новостей */
    text-align: justify; /* Выравнивание текста по ширине */
    margin: 0 auto; /* Выравнивание по центру */
    border: 1px solid #e1dfdd; /* Граница блока новостей */
    border-radius: 25px; /* Закругление углов */
    background: #bbbbbb; /* Цвет фона */
    position: relative; /* Относительное позиционирование */
}

/* Стиль заголовка новости */
.newsheader {
    background: #bbbbbb; /* Цвет фона */
    border-radius: 25px; /* Закругление углов */
    padding: 20px 0 0 120px; /* Внутренний отступ сверху, справа, снизу, слева */
    text-transform: uppercase; /* Преобразование текста в верхний регистр */
}

/* Стиль аватара */
.newsava {
    position: absolute; /* Абсолютное позиционирование */
    top: 5px; /* Отступ сверху */
    left: 25px; /* Отступ слева */
}

.newsava img {
    width: 70px; /* Ширина изображения аватара */
    border-radius: 50%; /* Круглый аватар */
    padding: 5px; /* Внутренний отступ */
    border: 1px solid #e1dfdd; /* Граница аватара */
}

/* Стиль текста новости */
.newstext {
    padding: 20px 50px; /* Внутренний отступ сверху, слева, снизу, справа */
    border-radius: 25px 25px 0 0; /* Закругление углов сверху */
    background: #f9f9f9; /* Цвет фона */
    text-indent: 5em; /* Отступ первой строки */
}

/* Стиль списка новости */
.newlist {
    padding: 20px 40px; /* Внутренний отступ сверху, слева, снизу, справа */
    background: #f9f9f9; /* Цвет фона */
    position: relative; /* Относительное позиционирование */
}

.newlist ul li::marker {color: #b7d8f6;} /* Цвет маркера списка */

/* Стиль заголовка списка */
.newlistheader {
    width: 300px; /* Ширина блока заголовка списка */
    height: 30px; /* Высота блока заголовка списка */
    background: #fbfbfb; /* Цвет фона */
    border: 1px solid #e1dfdd; /* Граница блока заголовка списка */
    border-radius: 25px 0 0 25px; /* Закругление углов */
    position: absolute; /* Абсолютное позиционирование */
    right: 0; /* Прижимание к правому краю */
    top: -20px; /* Поднятие наверх на 20px */
}

.newlistheader span, .newactiveheader span, .activecouple span, .activeep span {line-height: 30px;} /* Высота строки */

/* Стиль блока активных новостей */
.newactive {
    background: #f9f9f9; /* Цвет фона */
    padding: 30px 80px; /* Внутренний отступ сверху, слева, снизу, справа */
    position: relative; /* Относительное позиционирование */
    margin-bottom: 60px; /* Внешний отступ снизу */
}

/* Стиль заголовка блока активных новостей слева */
.newactiveheader {
    width: 300px; /* Ширина блока заголовка */
    height: 30px; /* Высота блока заголовка */
    background: #fbfbfb; /* Цвет фона */
    border: 1px solid #e1dfdd; /* Граница блока заголовка */
    border-radius: 0 25px 25px 0; /* Закругление углов */
    position: absolute; /* Абсолютное позиционирование */
    left: 0; /* Прижимание к левому краю */
    top: -20px; /* Поднятие наверх на 20px */
}

/* Стиль контента блока активных новостей */
.newactivecontent {
    border-radius: 25px; /* Закругление углов */
    border: 1px solid #e1dfdd; /* Граница блока */
    padding: 0 40px; /* Внутренний отступ сверху, слева, снизу, справа */
    position: relative; /* Относительное позиционирование */
}

/* Стиль аватаров в блоке активных новостей */
.activeavaleft, .activeavaright {position: absolute; top: 10px;} /* Позиционирование аватаров */
.activeavaleft {left: -36px;} /* Отступ слева */
.activeavaright {right: -20px;} /* Отступ справа */

.activeavaleft img, .activeavaright img {
    width: 30px; /* Ширина изображения аватара */
    border-radius: 50%; /* Круглый аватар */
    border: 1px solid #f9f9f9; /* Граница аватара */
}

/* Стиль цитаты в блоке активных новостей */
.activequote {
    border: 1px solid #e1dfdd; /* Граница блока цитаты */
    border-radius: 0 0 25px 25px; /* Закругление углов снизу */
    padding: 5px 10px; /* Внутренний отступ сверху, слева, снизу, справа */
    font-size: 10px; /* Размер шрифта */
}

/* Стиль блока пары в блоке активных новостей */
.activecouple {
    margin: 10px 0; /* Внешний отступ сверху и снизу */
    height: 30px; /* Высота блока */
    border: 1px solid #e1dfdd; /* Граница блока */
    border-radius: 25px; /* Закругление углов */
}

/* Стиль блока эпизода в блоке активных новостей */
.activeep {
    height: 30px; /* Высота блока */
    border: 1px solid #e1dfdd; /* Граница блока */
    border-radius: 25px 25px 0 0; /* Закругление углов сверху */
}


 /* шаблон гостевой (с) astaarus */
  .guest-template-container {
    width: 840px;
    margin: 0 auto;
    background-color: #d6e1d6;
    border-radius: 12px;
    padding: 30px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    overflow: hidden;
    color: #1b391d;
    margin-bottom: 15px !important;
  }

  .guest-header {
    background: url('https://i.postimg.cc/sgMzv1Mp/image.jpg') no-repeat center center;
    background-size: cover;
    color: #ffffff;
    padding: 40px 20px;
    text-align: center;
    border-radius: 10px;
    animation: guestHeaderAnimation 1s ease-in-out;
    position: relative;
  }

  .guest-header h1 {
    margin: 0;
    font-size: 32px;
    font-family: 'Arial', sans-serif;
  }

  .guest-header p {
    font-size: 16px;
    font-family: 'Arial', sans-serif;
    opacity: 0.8;
  }

  .guest-section-title {
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    margin-top: 30px;
    text-transform: uppercase;
    color: #333; /* Темный цвет для текста */
    letter-spacing: 2px;
    animation: fadeIn 1.5s ease-in-out;
    background: linear-gradient(to right, #8bb885, #0b510e);
    padding: 10px 10px !important;
    border-radius: 10px;
  }

  .guest-column-container {
    display: flex;
    justify-content: space-between;
    margin-top: 10px;
  }

  .guest-column {
    width: 49%;
    background: #e0e0e0; /* Светло-серый фон для колонок */
    border-radius: 10px;
    padding: 0;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); /* Легкая тень */
  }

  .guest-column h3 {
    font-size: 10px;
    color: #333;
    text-transform: uppercase;
    padding: 10px;
    margin: 0;
    border-bottom: 1px solid #ccc;
    position: sticky;
    top: 0;
    z-index: 2;
    text-align: center;
    letter-spacing: 2px;
  }

  /* Стиль прокрутки для контейнера с элементами */
  .guest-item-container {
    padding: 10px;
    max-height: 190px;
    overflow-y: auto;
    scrollbar-width: thin; /* Для Firefox */
    scrollbar-color: #ddd #f4f4f4; /* Для Firefox */
  }

  /* Для Chrome, Safari, Edge */
  .guest-item-container::-webkit-scrollbar {
    width: 8px;
  }

  .guest-item-container::-webkit-scrollbar-thumb {
    background-color: #ddd;
    border-radius: 10px;
    border: 2px solid #f4f4f4;
  }

  .guest-item-container::-webkit-scrollbar-track {
    background: #f4f4f4;
    border-radius: 10px;
  }

  .guest-item {
    background: #d5d5d5; /* Очень светлый фон для элементов */
    border-radius: 8px;
    padding: 5px 10px !important;
    margin-bottom: 5px !important;
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    transition: transform 0.2s ease, background-color 0.3s ease;
    display: flex;
    justify-content: space-evenly;
    align-items: center;
  }

  .guest-item:hover {
    transform: translateX(5px);
    background-color: #e0e0e0; /* Светлый серый при наведении */
  }

  /* Нейтральный цвет для ссылок */
  .guest-item a {
    color: #555 !important; /* Темно-серый */
    text-decoration: none;
    font-weight: normal;
    transition: color 0.3s ease;
  }

  .guest-item a:hover {
    color: #f77a52 !important; /* Легкий оранжевый для активации */
  }

  .guest-item i {
    font-size: 14px;
    color: #888; /* Светлый серый для иконок */
  }

  /* Нижний цветной фон с динамикой */
  .guest-footer {     color: #fff !important;
    font-size: 11px;
    background:linear-gradient(90deg, #49c151, #387b42, #f77a52);
    background-size: 300% 300%;
    animation: footerGradient 8s infinite;
    padding: 20px;
    text-align: center;
    margin-top: 30px;
    border-radius: 10px;
    position: relative;
    overflow: hidden;
  }

  @keyframes footerGradient {
    0% { background-position: 0% 50%; }
    50% { background-position: 100% 50%; }
    100% { background-position: 0% 50%; }
  }

  @keyframes guestHeaderAnimation {
    0% { opacity: 0; transform: translateY(-30px); }
    100% { opacity: 1; transform: translateY(0); }
  }

  @keyframes fadeIn {
    0% { opacity: 0; }
    100% { opacity: 1; }
  }

 


/* новый скрипт навигации*/
.spirit_nav-wrap {
position: relative;
    margin: auto;
    width: 242px;
    z-index: 9;
    top: -222px;
    left: -442px;
}

.nav_button {
    background: #747c69;
    
    font: 600 10px pt sans;
    text-align: center;
    padding: 5px 10px;
    text-transform: uppercase;
    cursor: pointer;
    transition: all .4s linear 0s;
    color: #fefefe;
}

.nav_button.i_active {
  background: #323232;
}

.nav_block {
  display: none;
  background: #212121;
  position: absolute;
  top: calc(100% + 5px);
  border-radius: 10px;
  font: 400 9px pt sans;
  width: 100%;
}

.nav_block .link {
  padding: 10px;
  display: flex;
  flex-direction: column;
  text-align: center;
  text-transform: uppercase;
  gap: 5px;
}

.nav_block .link a {
  color: #fefefe !important;
  background: #323232;
  border-radius: 8px;
  padding: 5px 10px;
  transition: all .4s linear 0s;
}

.nav_block .link a:hover {
  background: #fefefe;
  color: #323232 !important;
}

/* описание подфорумов и ссылки */
.f_desc_wrap {
  display: flex;
  justify-content: space-between;
  gap: 15px; /* отступ между блоком текста и блоком ссылок */
  flex-direction: row /*row-reverse чтобы ссылки были ПЕРЕД текстом; column сделает ссылки ПОД текст, только ширину блоков задать не забудьте на 100%; column-reverse запилит ссылки НАД блоком с текстом, опять же ширину на 100% поправить не забудьте*/
}

.f_desc {
flex: 0 0 1;
    width: auto /*ширина блока с текстом*/;
    border-left: 1px solid #0c3418;
    padding: 4px;
}

.f_links {
  flex: 0 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column; /*row, если ссылки надо расположить ПОД/НАД блоком с текстом*/
  gap: 2px;
  width: 35% /*ширина блока ссылок*/
}

.f_links a {
  background: rgba(0,0,0,.06); /*цвет фона*/
  font: normal 10px rubik; /*шрифт*/
  text-transform: uppercase;
  padding: 2px 20px;
  flex: auto;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s;
  border-left: 0px solid #fefefe; /*цвет бордера*/
}

.f_links a:hover {
  border-left: 10px solid #fefefe; /*цвет и ширина бордера по наведению*/
  background: rgb(43 66 41);/*цвет фона по наведению*/
  color: #fefefe; /*цвет текста по наведению*/
  letter-spacing: 1px
}


 /* сага о грозах*/
.post[data-user-id="2"] .post-author {
    background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
.post[data-user-id="3"] .post-author {
    background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
.post[data-user-id="4"] .post-author {
       background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
.post[data-user-id="46"] .post-author {
       background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
.post[data-user-id="47"] .post-author {
       background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
.post[data-user-id="48"] .post-author {
       background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
/* И поглотит нас морок*/
.post[data-user-id="14"] .post-author {
    background-image: url('https://i.postimg.cc/NG3WGb1k/image.jpg');
}
.post[data-user-id="55"] .post-author {
    background-image: url('https://i.postimg.cc/NG3WGb1k/image.jpg');
}
/* эдемов сад*/
.post[data-user-id="9"] .post-author {
    background-image: url('https://i.postimg.cc/nhvSLJHH/image.jpg');
}
.post[data-user-id="8"] .post-author {
     background-image: url('https://i.postimg.cc/nhvSLJHH/image.jpg');
}
/*паруса в тумане*/
.post[data-user-id="13"] .post-author {
    background-image: url('https://i.postimg.cc/wBrN81S3/image.jpg');
}
.post[data-user-id="20"] .post-author {
    background-image: url('https://i.postimg.cc/wBrN81S3/image.jpg');
}

/*секрет небес:реквием*/
.post[data-user-id="16"] .post-author {
    background-image: url('https://i.postimg.cc/tJpCLyCY/image.jpg');
}
.post[data-user-id="21"] .post-author {
      background-image: url('https://i.postimg.cc/tJpCLyCY/image.jpg');
}
.post[data-user-id="35"] .post-author {
      background-image: url('https://i.postimg.cc/tJpCLyCY/image.jpg');
}
.post[data-user-id="42"] .post-author {
      background-image: url('https://i.postimg.cc/tJpCLyCY/image.jpg');
}
/*пси*/
.post[data-user-id="19"] .post-author {
    background-image: url('https://i.postimg.cc/3J0bPGV0/image.jpg');
}
.post[data-user-id="28"] .post-author {
    background-image: url('https://i.postimg.cc/3J0bPGV0/image.jpg');
}
.post[data-user-id="52"] .post-author {
    background-image: url('https://i.postimg.cc/3J0bPGV0/image.jpg');
}
/*Разбитое сердце Астреи*/
.post[data-user-id="22"] .post-author {
    background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
.post[data-user-id="23"] .post-author {
    background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
.post[data-user-id="36"] .post-author {
    background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
.post[data-user-id="37"] .post-author {
    background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
.post[data-user-id="40"] .post-author {
    background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
.post[data-user-id="41"] .post-author {
    background-image: url('https://i.postimg.cc/qvXtDhv8/image.jpg');
}
/*ли*/
.post[data-user-id="17"] .post-author {
    background-image: url('https://i.postimg.cc/5yR50HCH/image.jpg');
}
.post[data-user-id="39"] .post-author {
    background-image: url('https://i.postimg.cc/5yR50HCH/image.jpg');
}
.post[data-user-id="56"] .post-author {
    background-image: url('https://i.postimg.cc/5yR50HCH/image.jpg');
}

/*Дракула: история любви*/
.post[data-user-id="57"] .post-author {
    background-image: url('https://i.postimg.cc/VkdLyK1B/image.jpg');
}


/*W: Ловчая Времени*/
.post[data-user-id="53"] .post-author {
    background-image: url('https://i.postimg.cc/gcxW2n1m/image.jpg');
}
.post[data-user-id="54"] .post-author {
    background-image: url('https://i.postimg.cc/gcxW2n1m/image.jpg');
}