/*************************************************************
A - SETUP
**************************************************************/

/* A1 Import the colour scheme
-------------------------------------------------------------*/

/* A1.1 */
@import url(style_cs.1774900973.css);

/*кириллица*/

@import url('https://fonts.googleapis.com/css2?family=Alumni+Sans+Pinstripe:ital@0;1&family=Amatic+SC:wght@400;700&family=Caveat:wght@400..700&family=Comforter+Brush&family=Cormorant+Infant:ital,wght@0,300;0,400;0,500;0,600;0,700;1,300;1,400;1,500;1,600;1,700&family=Dela+Gothic+One&family=EB+Garamond:ital,wght@0,400..800;1,400..800&family=Great+Vibes&family=Jost:ital,wght@0,100..900;1,100..900&family=Montserrat+Alternates:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Oi&family=Oswald:wght@200..700&family=Philosopher:ital,wght@0,400;0,700;1,400;1,700&family=Pixelify+Sans:wght@400..700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&family=Prata&family=Press+Start+2P&family=Rubik+Mono+One&family=Seymour+One&family=Stalinist+One&family=Unbounded:wght@200..900&family=Viaoda+Libre&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&family=Raleway:ital,wght@0,100..900;1,100..900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Stalinist+One&display=swap');

@font-face {
  font-family: 'Seriously Nostalgic';
  src: url(https://forumstatic.ru/files/001c/45/70/90335.otf');
}

@font-face {
    font-family: 'SFProDisplay Regular';
    src: url('https://forumstatic.ru/files/001c/28/b9/30639.eot?#iefix'),
    url('https://forumstatic.ru/files/001c/28/b9/74983.woff'),
    }

/* Font Awesome */
@import url('https://kit-pro.fontawesome.com/releases/v6.5.2/css/pro.min.css');



:root {
    --bg: url(https://forumstatic.ru/files/001c/45/70/96102.jpg);
    --header: url(https://forumstatic.ru/files/001c/45/70/12918.svg);
    --foot: url(https://forumstatic.ru/files/001c/45/70/99086.svg);

    --online: url(https://forumstatic.ru/files/001c/28/b9/17078.svg);
    --new-icon: url(https://forumstatic.ru/files/001c/45/70/40425.svg);
    --guest: url(https://forumstatic.ru/files/001c/45/70/89669.svg);
    --bg_profile: url(https://forumstatic.ru/files/001c/28/b9/47805.svg);
    --bg-img-template: url(https://forumstatic.ru/files/001c/28/b9/45961.svg);

    --tooltip: #e16466;
    --text2: #5a5a5a;
    --bg-1: #E6E6E6;
    --bg-2: #cacaca;
    --bg-3: #EEEEEE;
    --bg-4: #E0E0E0;
    --bg-5: #dbdbdb;
    --bg-new: #ebebeb;
    --text: #101010;
    --text-2: #737373;
    --links: #de6668;
    --scroll-1: #BEBEBE;
    --scroll-1d: #444352;
    --scroll-bg: #0E0E0E;
    --links-post: #e16466;

    --mainfont: 400 12px / 150% 'Mulish';
}


/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/

/* A2.1 */

html, body {margin: 0;
     padding: 0;
}

body {
    margin: 0 auto 0px;
    padding: 0;
    background: var(--bg) center center;
    background-size: cover;
    background-attachment: fixed;
    background-color: #323338 !important;
    object-fit: none;
}

/* A2.2 */
.punbb * {
  margin: 0
  }

/* A2.3 */
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt {
  padding: 0;
  list-style: none;
  }

/* A2.4 */
.punbb img {
  border:none
  }

/* A2.5 */
.punbb .main table {
    table-layout: fixed;
    margin: 0px 0 0px 0px;
    border: none;
}

/* A2.6 */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}

/* A2.7 */
p[class="checkfield"] *,
div[class="checkfield"] *,
fieldset[class="radiofield"] * {
  height: auto;
  vertical-align: middle
  }


 /* A3 Text setup
-------------------------------------------------------------*/

/* A3.1 */
body {
  font-size: 100.01%;
  }

/* 3.3 */
.punbb textarea, .punbb optgroup {
    font: var(--mainfont);
    box-sizing: border-box;
    background: var(--bg-4);
    color: var(--text);
    border-radius: 10px;
    border: 1px solid var(--scroll-1);
}

form#post {
    margin: -15px 0 12px;
    border-top: 1px dashed var(--scroll-1);
    border-bottom: 1px dashed var(--scroll-1);
}

.punbb select {
    font: var(--mainfont);
    box-sizing: border-box;
    background: var(--bg-4);
    border: 1px solid var(--bg-2);
    color: var(--text);
    width: 100% !important;
    font-size: 12px;
    height: 25px;
    border-radius: 4px;
    padding: 0px 4px;
}

.lastedit {
  display: none;
}


/* A3.4 */
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {
 /* font-size: 1em;
  font-weight: normal; */
  }


/* A3.6 */
.punbb pre {
  font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* A3.7 */
.punbb address, .punbb em {
  font-style: normal
  }

/* A3.8 */
.punbb .post-content em {
  font-style: italic
  }

/* A3.9 */
.punbb .post-content em.bbuline {
  font-style: normal;
  text-decoration: underline;
  }

/* A3.10 */
.punbb a {
  text-decoration: none
  }

/* A3.11 */
.punbb optgroup {
  font-weight: bold;
  }

  .post-content td {
    border:none transparent !important;
    }

/* A4 Float clearing and hidden items
-------------------------------------------------------------*/

/* A4.1 */
#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;
  }

/* A4.2 */
.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
  }


/* A5 Basic page layout and borders
-------------------------------------------------------------*/
/* A5.1 */

#pun {
    background: var(--bg-1);
    width: 1100px;
    margin: auto auto 100px;
    top: 85px;
    box-sizing: border-box;
    position: relative;
    border-radius: 10px;
}

/* A5.2 */
.punbb {
    font: var(--mainfont);
    text-transform: lowercase;
    height: auto;
    box-sizing: border-box;
    padding: 20px 12px 0 12px;
    /* outline: 16px solid #EBEDEE; */
    outline-offset: -16px;
    margin-top: 80px;
}

/* .punbb .user-avatar .avatar-image {
    border: 3px solid var(--scroll-1);
} */

/* A5.3 */
#pun-redirect, #pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }

/* A5.4 */
.punbb .section, .punbb .main {
  margin-bottom: 1em;
  }

/* A5.5 */
.punbb .category, .punbb .post {
  margin-top: 0.4em;
  }

.punbb .post {
    padding: 0px 0px 8px 0px;
    border-radius: 7px;
    width: 97%;
    margin: 2px 15px;
}

  .category .container thead {
    display: none;
  }

/* A5.6 */
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost {
  margin-top: 0;
  }

/* 5.7 */
#pun-post .topic {
  margin-top: 1em;
  }

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border: none;
  }

/* A5.9 */
.punbb .container {
  border: none;
  }

/* A5.10 */
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-debug h2 {
  padding: 0.5em 1em;
  border: none;
  font-size: 0px;
  }

#pun-index .category h2, #pun-stats h2 {
    height: 1px;
    border: 0;
    opacity: 1;
    font-size: 0;
    width: 1100px;
    /* padding-bottom: 60px; */
    /* margin-top: 15px; */
}
 
#pun-index .category tr {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px dashed var(--scroll-1);
    margin: 0 25px;
    width: 1012px;
    margin-bottom: 20px;
    padding-top: 15px;
    padding-left: 15px;
}

#pun-index .category tr.inew {
    background: var(--bg-new);
}

.category-1 h2 {
  background: var(--categoryone) no-repeat top center;
    width: 1050px;
    margin-left: -12px;
}

.category-2 h2 {
  background: var(--categorytwo) no-repeat top center;
    width: 1050px;
    margin-left: -12px;
}


.category-3 h2 {
  background: var(--categorythree) no-repeat top center;
    width: 1050px;
    margin-left: -12px;
}


.category-4 h2 {
  background: var(--categoryfour) no-repeat top center;
    width: 1050px;
    margin-left: -12px;
}

.category-5 h2 {
  background: var(--categoryfive) no-repeat top center;
    width: 1050px;
    margin-left: -12px;
}


.category-6 h2 {
  background: var(--categorysix) no-repeat top center;
    width: 1050px;
    margin-left: -12px;
}

.category-7 h2 {
  background: var(--categoryseven) no-repeat top center;
    width: 1050px;
    margin-left: -12px;
}

div#pun-category2, div#pun-category3, div#pun-category4, div#pun-category5, div#pun-category6, div#pun-category7 {
    margin-top: 0px !important;
}

/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/

/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/

/* B1.1 */
.punbb .post-content {
    text-align: justify;
}

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border: none;
    width: 250px;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
    margin: 0;
    padding: 0 0 0em 0;
    line-height: 150% !important;
    text-transform: none;
    overflow: hidden;
}

.punbb .post-content a {
color: var(--links-post)!important;
}

.punbb .post-content a:hover {
  color: var(--text) !important;
  box-shadow: inset 200px 0 0 0 var(--links-post);
  }



/* B1.4 */
.punbb .post-content img {
  vertical-align: text-bottom
  }

/* B1.5 */
.punbb .post-content img.postimg {
  vertical-align: middle;
  }

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
    /* width: 96%; */
    overflow: auto;
    background: var(--bg-4);
    padding: 16px;
    margin: 1em;
}

.blockcode {
padding-top: 5px;
}


/* B1.7 */
.punbb .post-content .scrollbox {
    width: 100%;
    overflow: auto;
    height: fit-content !important;
    padding-bottom: 9px;
}

/* B1.8 */

.punbb .post-content .quote-box {
    margin: 10px 0 20px 0 !important;
    border: 1px solid var(--bg-2);
    border-radius: 0px 0 0 0px;
    text-align: justify;
    overflow-y: auto;
    background: var(--bg-1);
    padding-bottom: 8px;
}

.punbb .post-content .code-box {
    margin: 10px 0 20px 0 !important;
    border: 1px solid var(--bg-2);
    border-radius: 0px 0 0 0px;
    text-align: justify;
    max-height: 500px;
    overflow-y: auto;
    background: var(--bg-1);
}

.quote-box.hide-box {
    margin-top: 26px !important;
}


.punbb .post-content .quote-box cite {
    text-transform: lowercase;
    margin-top: -1px !important;
    font-weight: 600;
    padding: 1px 13px 1px 13px;
    background: var(--bg-1);
    border: 1px solid var(--bg-2);
    position: absolute;
    border-radius: 0 0 9px 0px;
    text-align: left !important;
    margin-left: -1px;
}

.code-box {
    background: var(--bg-1);
    padding: 0px;
    margin-bottom: 10px;
    font-size: 11px !important;
    border-radius: 10px;
    margin-top: 16px;
    border: 1px solid var(--bg-2);
    /* padding-top: 10px; */
}


/* B1.9 */
.punbb .quote-box cite {
    display: block;
    font-size: 12px !important;
    text-transform: lowercase;
    font: var(--mainfont);
    width: fit-content;
    margin-left: -20px;
    padding-top: 5px;
    position: relative;
    padding-right: 10px;
}

.punbb .code-box strong.legend a {
    color: var(--text) !important;
    font-weight: 600;
    padding: 1px 13px 1px 13px;
    background: var(--bg-4);
    border: 1px solid var(--bg-2);
    margin: -14px 0 0 9px;
    position: absolute;
    border-radius: 9px;
}

.punbb .code-box strong.legend a:link {
    color: var(--text);
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

.punbb .code-box strong.legend a:hover {
  color: var(--links-post) !important;
}

#pun-main .code-box .scrollbox pre {
    font: var(--mainfont);
    font-size: 12px;
}


/* B2 Information boxes
-------------------------------------------------------------*/

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border: none;
  margin: 0 0 1.1em 0;
  }

/* B2.2 */
.punbb .info-box * {
  padding: 0 0 0.7em 0;
  }

/* B2.3 */
.punbb #pun-main .info-box .legend {
  font-size: 1.1em;
  font-weight: bold;
  }


/* B3 Pagination and posting links
-------------------------------------------------------------*/

/* B3.1 */
.punbb .linkst {
  float: left;
  position: relative;
  width: 100%;
  font-size: 1.1em;
  height: 0;
  }

/* B3.2 */
.multipage {
  margin-top: 3em;
  }

/* B3.3 */
.linkst .pagelink {
    position: absolute;
    top: -3.5em;
    left: 1em;
}

#pun-main > div.linkst > div.pagelink > strong {
    padding: 0 4px;
}

#pun-main > div.linksb > div.pagelink > strong {
    padding: 0px 5px 0px 5px;
    background-color: var(--scroll-1d);
    border: 1px solid var(--bg-3);
    color: var(--bg-1);
    border-radius: 3px !important;
}

/* B3.4 */
.linkst .postlink {
    position: absolute;
    top: -4em;
    right: 2em;
    width: 16em;
    text-align: right;
    font-weight: bold;
}

/* B3.5 */
.punbb .linksb {
    text-align: right;
    padding: 5px 11px;
    font-size: 11px;
    margin: 0 13px 0 2px;
}

/* B3.6 */
.linksb .pagelink {
  float: left;
  width: auto;
  text-align: left;
  }

/* B3.7 */
.linksb .postlink {
  float: right;
  width: auto;
  font-weight: bold
  }

/* B3.8 */
.subscribelink {
  margin-right: 70px;
  }
.subscribelink a {
border-radius:20px!important;
}
 .postlink a{
border-radius:20px!important;
}


  .pa-reg {
    display: none;
  }

/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/

/* C1 Form layout
-------------------------------------------------------------*/

/* C1.1 */
.punbb .formal .container {
  padding: 0.7em 2.3em 1.1em 2.3em;
}

/* C1.2 */
.punbb .formsubmit {
    padding: 0px 0 0 1.7em !important;
    margin-top: -1.5em;
}


/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  font: var(--mainfont);
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border: none;
  padding: 0 18px 0 18px;
  margin: 0 0 1em 0
  }

/* C1.5 */
.punbb fieldset legend {
  padding: 0;
  margin: 0 0 0 11px;
  font-size: 1.1em
  }

/* C1.6 */
.punbb fieldset legend span {
  font-size: 10px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border: none;
  margin: 0;
  padding: 0 0 8px 0
  }

/* C1.8 */
.punbb .fs-box {
  padding: 1em 0 0.8em 0;
  }

/* C1.9 */
.punbb .fs-box p, .punbb .fs-box fieldset {
  padding: 0 0 0.8em 0
  }

/* C1.10 */
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield {
  float: left;
  margin-right: 1em;
  }

/* C1.11 */
.punbb .inline .infofield {
  clear:both
  }

/* C1.12 */
.punbb .datafield br {
  display: none
  }

/* C1.13 */
.punbb .required label, .punbb .datafield span.input {
  font-weight: bold
  }

/* C1.14 */
.punbb .datafield span.input a {
  font-weight: normal;
  }

/* C1.15 */
.punbb .areafield span.input, .punbb p.longinput span.input {
  display: block;
  padding: 0 12em 0 0;
  height: 100%; /* For IE */
  }

/* C1.16 */
.punbb textarea, .punbb .longinput input {
  width: 64%;
  margin: 0;
  }

/* C1.17 */
.punbb .hashelp {
  position: relative;
  }

/* C1.18 */
.punbb .helplinks {
  display: block;
  position: absolute;
  top: 1em;
  right: 0;
  font-weight: normal;
  width: 36%;
  }

/* c1.19 */
.punbb #profile .helplinks {
  top: 1.5em;
  }

/* C1.20 */
.punbb .helplinks span {
  display: block;
  padding-bottom: 0.2em;
  }

/* C1.21 */
#pun-post .formal .info-box li {
  padding-left: 4px;
  list-style-type: square;
  list-style-position: inside;
  line-height: 1.5;
  margin: 0;
  }


/* C2 Table layout
-------------------------------------------------------------*/

/* C2.1 */
.punbb .main .tcl {
  /* overflow: hidden; */
  text-align: left;
  width: 0;
}


/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
    text-align: center;
    font-weight: 400;
    font-size: 11px;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 12%;
}

/* C2.4 */
#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%
  }

/* C2.5 */
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 {
  text-align: left;
  width: 13%;
  }


/* C2.6 */
#pun-debug table .tcl {
  width: 15%;
  white-space:normal;
  }

/* C2.7 */
#pun-debug .tcr {
  width: 90%;
  white-space: normal;
  }

/* C2.8 */

#pun-index .tcl h3 {
  font-size: 1.2em;
  font-weight: bold;
  }

/* C2.9 */
.punbb td span.youposted {
  font-weight: bold;
  margin-left: -1em;
  position: absolute;
  }

/* C2.10 */
.punbb td .modlist {
  display: block;
  padding-top: 0.3em
  }

/* C2.11 */
.punbb .main td {
    border-style: none;
    border-width: 0;
    padding: 0.8em 0em;
}

/* C2.12 */
.punbb .main th {
  border: none;
  padding: 0.4em 1em 0.4em 1em;
  }

  /* C2.13 */

  /* C2.13 */
.punbb .main .tcl {
    border-left-style: none;
    border-left-width: 0;
    padding-left: 25px;
}

* html .tclcon {height: 1px}

.punbb tbody.hasicon td.tcl {
    width: 58%;
    margin-left: -65px;
}

/* C2.15 */
.punbb div.icon {
  border: none;
  margin-left: -20px;
  }

.punbb .main .tcr {
    overflow: hidden;
    text-align: left;
    font-size: 12px;
    align-items: center;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding: 0 20px 0 70px;
    width: 30%;
    color: var(--text2);
}

.punbb .main .tcr a.lastpost-link {
  color: #000;
}

  #pun-index .tcr a.lastpost-link:hover {
  color: var(--text);
  }


 /* C3 Topics
-------------------------------------------------------------*/

/* C3.1 */
.punbb .post .container {
    margin-top: -1px;
    padding-bottom: 1px;
    background: var(--bg-4);
    border-radius: 0 0 10px 10px;
    border: 10px solid var(--bg-4);
    border-bottom: 4px solid var(--bg-4);
}

/* C3.2 */
.punbb .post h3 {
  border: none;
  }

/* C3.3 */
.punbb .post h3 span {
    padding: 2px 18px;
    display: block;
}

/* C3.4 */
.punbb .post h3 strong {
    float: right;
    text-align: right;
    margin-top: -2px;
    padding-top: 1px;
    display: flex;
    color: #979797;
}

.post h3 img {
    margin: 0 7px;
    cursor: pointer;
    opacity: .2;
}



/* C3.5 */

.punbb .post .post-author {
    float: left;
    /* width: 216px; */
    /* overflow: hidden; */
    text-align: center;
    /* background: var(--bg_profile) bottom no-repeat; */
    /* padding: 5px 0px 20px 0px; */
    border-radius: 10px;
    z-index: 0;
    /* position: relative; */
    /* border: 1px solid var(--bg-2); */
    /* margin-top: 30px; */
    /* margin-left: 12px; */
    /* margin-bottom: 20px; */
}


/* C3.6 */

.post-author {
    width: 210px;
    height: 100%;
    background: var(--bg-1);
    /* border-radius: 10px; */
}

.post-author ul {
  line-height: 11px;
  width: auto;
}

.topic .post .post-author ul {
    width: 203px;
    margin: 0px auto 6px auto !important;
    background-color: var(--bg-1);
    position: unset;
    border-radius: 10px;
    padding-top: 9px;
    padding-bottom: 14px;
    /* box-shadow: 0px 29px 34px 0px #00000026; */
}

.post-author .pa-author {
    text-align: center;
    font-size: 12px;
    font-style: unset;
    line-height: 144%;
    text-transform: lowercase;
    font-family: var(--mainfont);
    z-index: 1;
    position: relative;
    height: 14px;
    width: 203px;
    padding-bottom: 4px;
    margin-top: -5px;
    border-bottom: 1px solid var(--bg-2);
    border-radius: 4px 4px 0 0;
}


.post-author::before {
    border: 1px solid #a9a9a9;
    content: "";
    position: absolute;
    top: 38px;
    bottom: 0px;
    left: 0px;
    right: 0px;
    border-radius: 10px;
    z-index: -1;
}

.post-author li.pa-last-visit {
    background: var(--offline) no-repeat;
    position: absolute;
    height: 29px;
    border: none;
    padding: 0;
    margin-top: -40px !important;
    font-size: 0px !important;
    width: 36px;
    z-index: 9999;
}

.pa-title {
    text-align: center;
    line-height: 144%;
    font-size: 8px;
    letter-spacing: 1px;
    margin: 8px 0 0 0;
    border-top: 1px dashed var(--bg-2);
    width: 180px;
    margin-left: 12px;
    padding-top: 7px !important;
    padding-bottom: 2px !important;
}

#pun-viewtopic .pa-avatar img {
    margin-top: 10px;
    max-width: 180px;
    border-radius: 4px;
}

/*настройки профиля*/

.pa-posts .fld-name, .pa-respect .fld-name, .pa-fld1 .fld-name, .pa-fld5 .fld-name, .pa-fld6 .fld-name, .pa-fld3 .fld-name, .pa-fld4 .fld-name, .pa-fld2 .fld-name {
    font-size: 0;
}

.pa-fld7 .fld-name {
    display: none;
}

.pa-fld1 {
    left: -26px;
    overflow: hidden;
    bottom: -30px;
    z-index: -1;
}

li#pa-fld1 {
    display: none;
}

.pa-fld2 {
    font-size: 9px;
    margin: 3px 13px 3px;
    padding: 4px 0 6px 0 !important;
    border-bottom: 1px dashed var(--bg-2);
    line-height: 13px;
}

.pa-posts .fld-name:before {
    background: url(https://forumstatic.ru/files/001c/28/b9/57162.svg?v=1);
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
}

.pa-respect .fld-name a:before, .gid3 .pa-respect .fld-name:before {
    background: url(https://forumstatic.ru/files/001c/28/b9/57850.svg);
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
}

.pa-fld1 .fld-name:after {
    background: url(https://forumstatic.ru/files/001c/28/b9/35361.svg);
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
}

.pa-fld6 .fld-name:after {
    background: url(https://forumstatic.ru/files/001c/28/b9/87362.svg);
    content: "";
    display: inline-block;
    width: 10px;
    height: 10px;
}

.pa-posts, .pa-respect, .pa-fld1, .pa-fld6 {
    margin-bottom: -9px !important;
    padding: 5px !important;
    display: inline-flex;
    font-size: 8px;
    color: var(--text-2);
    margin-left: -3px;
    gap: 2px;
}

#pun-viewtopic li.pa-fld3 {
    margin: 28px 1px 2px 89px;
    font-size: 7px !important;
    line-height: 11px;
    text-align: left;
    letter-spacing: 0.5px;
    position: absolute;
    background: var(--bg-5);
    border-radius: 20px;
    border: 1px solid var(--bg-2);
    width: 25px;
    height: 25px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

li.pa-fld3 img {
    max-width: 19px;
}

.pa-online {
    margin-top: 20px;
    font-weight: 700;
    font-size: 10px;
    color: var(--daybg-3);
}

li.pa-fld7 {
    margin-top: 7px;
    text-align: left;
    width: 178px;
    margin-left: 12px;
    font-size: 9px;
    font-weight: 300;
}


/* C3.11 */
.punbb .post-body {
    margin-left: 21.5em;
    border: none;
    padding: 0 0 1px 0;
    margin-top: 1.2em;
    margin-right: 1em;
}

/* C3.12 */
.punbb .post-box {
    border-radius: 10px;
}

/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border: none;
  }

/* C3.15 */
.punbb .post-links ul {
    height: 2em;
    line-height: 2em;
    margin-left: -19em;
    margin-bottom: -2px;
    border: none;
    text-align: right;
    margin-top: 12px;
    border-top: 1px solid var(--bg-2);
    border-radius: 0 0 9px 9px;
    padding: 4px 11px 0px 0;
}



/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }

/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }

/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }


/* C4 Moderator menu
-------------------------------------------------------------*/

/* C4.1 */
.punbb .modmenu .container {
    padding: 0.5em 26px !important;
    text-align: right;
    font-size: 12px;
}

/* C4.2 */
.punbb .modmenu strong, .punbb .modmenu a {
  height: 1.8em;
  line-height: 1.8em;
  }

/* C4.3 */
.punbb .modmenu .container strong {
  float: left;
  }

/* C4.4 */
.punbb .modmenu input {
  margin-left: 1em;
  }


/* C5 Message boxes
-------------------------------------------------------------*/

/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }

/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }


/* C6 Profile
-------------------------------------------------------------*/

/* C6.1 */
#profile .container {
  padding-left: 18.6em;
  }

/* C6.2 */
#profilenav {
  float: left;
  width: 14em;
  margin-left: -16.3em;
  display: inline;
  display: flex;
  flex-direction: column;
  }

/* C6.3 */
#profilenav li {
  padding-bottom: 0.5em;
font-weight: 400;
  }

/* C6.4 */
#viewprofile ul {
  border: none;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

#profilenav ul {
    background-color: var(--bg-4);
    border-radius: 10px;
    padding: 10px;
    padding-bottom: 0;
    margin: 14px 0 1em 0;
}

/* C6.5 */
#viewprofile h2, #profilenav h2 {
    background: var(--bg-4);
    padding: 0px 4px 0px 4px;
    font-weight: 700;
    font-size: 12px;
    text-align: center;
    text-align: left;
    align-self: flex-start;
    border-radius: 22px;
}



/* C6.6 */
#viewprofile h2 span, #profilenav h2 span {
  padding: 0 5px;
  position: relative;
  }

/* C6.7 */
#viewprofile li, #setmods dl {
  padding: 0 0 0 16em;
  margin-bottom: 0.2em;
  }

/* C6.8 */
#viewprofile li span {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.5em 1em;
  font-weight: bold;
  }

/*C6.9 */
#setmods dt {
  float: left;
  width: 14em;
  margin-left: -16em;
  padding: 0.8em 1em;
  font-weight: bold;
  display: inline;
  }

/* C6.10 */
#viewprofile li strong, #viewprofile li div, #setmods dd {
  display: block;
  padding: 0.5em 1em;
  font-weight: normal;
  }

/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }


/* C7 User list
-------------------------------------------------------------*/

/* C7.1 */
#pun-userlist .formal, #pun-userlist .formal .container {
  border: none;
  }

/* C7.2 */
#pun-userlist .usertable .container {
  padding: 0 2.3em 2.3em 2.3em;
  border: none;
  }

/* C7.3 */
#pun-userlist .usertable table {
  border: none;
  }


/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/

/* D1 Logo and description
-------------------------------------------------------------*/

/* D1.1 */
#pun-title {
  display: none;
  }

/* D1.2 */
#pun-title h1 {
  display : block;
  height : 40px;
  padding: 2em 1em 0 1em;
  }

/* D1.3 */
#pun-title .container {
  border: none;
  }

/* D1.4 */
#pun-title h1 span  {
  display: none;
  }

#pun-title table {
	border: none;
	height: 40px;
	width: 100%;
}

#pun-title td.title-logo-tdl {
	border: none;
	width: 100%;
}

#pun-title td.title-logo-tdr {
	border: none;
	width: 468px;
}

/* D2 Page navigation
-------------------------------------------------------------*/

/* D2.1 */
#pun-pagelinks {
  position: absolute;
  top: -15px;
  left: 0;
  margin: 0;
  border: none;
  padding: 0;
  width: 100%;
  }

/* D2.2 */
#pun-pagelinks .container {
  background: transparent;
  border: none;
  padding: 0}

/* D2.3 */
#pun-pagelinks .container li {
  display: inline
  }

/* D2.4 */
#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%;
  }

/* D2.5 */
#pun-pagelinks a:active, #pun-pagelinks a:focus {
  position:relative;
  margin: 0;
  }

#pun-pagelinks li a span {
  display:block;
  margin: 0 1em
  }

/* D3 Forum navigation
-------------------------------------------------------------*/

/* D3.1 */
#pun-navlinks {
    text-align: left;
    height: 0px;
}

/* D.3 */
#pun-navlinks li {
  display: inline;
  margin: 0;
  }

/* D3.4 */
#pun-navlinks li a {
    font-size: 12px;
    color: var(--bg-4);
    letter-spacing: 1px;
    font-weight: 400;
}


/* D4 User links
-------------------------------------------------------------*/

/* D4.1 */
#pun-ulinks  {
  border: none;
margin-top: 105px;
}

/* D4.2 */
#pun-ulinks .container {
    text-align: left;
    text-transform: lowercase;
    font-family: var(--mainfont);
    font-size: 10px;
    font-style: normal;
    margin-top: -90px;
    padding: 2px 0px 4px 0px;
    margin-left: 19px;
}

#pun-ulinks .container a {
    color: var(--text-2);
}

#pun-ulinks .container a:hover {
  color: var(--text);
}

/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
    display: inline;
    color: var(--scroll-bg);
    margin: 0 0px;
}

/* D4.4 */
#pun-ulinks li a {
    padding: 0 0.3em 0 0.3em;
}

/* D4.5 */
#pun-ulinks li.item1, #pun-ulinks li.item1 a {
  border: none;
  }

/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/

/* D5.1 */
#pun-status, #pun-status .container {
    border: none;
    background-color: transparent;
    margin-top: 16px;
}

/* D5.2 */
#pun-status .container {
    left: 9px;
    margin-bottom: 24px;
    color: var(--text);
    font-family: var(--mainfont);
    font-size: 10px;
    width: 975px;
    margin-top: -9px;
    margin-left: 25px;
    margin-right: 25px !important;
}

  #pun-status .item4 {
    display: none
  }

/* D5.3 */
#pun-status span {
  border: none;
  white-space: nowrap;
  margin-right: 0.5em;
  }

/* D5.4 */
#pun-crumbs1 {
    border: none;
    overflow: hidden;
    margin: -17px 0 0 0;
}

/* D5.5 */
#pun-crumbs1 p.container {
    font-family: var(--mainfont);
    font-size: 10px;
    color: var(--text);
    border: none;
    background-color: transparent;
    margin: 0 25px;
}

/* D5.6 */
#pun-break1 {
  margin: 0 1em;
  border: none;
  height: 0;
  margin: -2px 1em;
  position: relative;
  z-index: 1;
  }

/* D6 Announcement
-------------------------------------------------------------*/

/* D6.1 */

#pun-announcement {
    position: absolute;
    top: 147px;
    height: 70px;
    margin: 0 !important;
    left: 458px;
}

#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border: none;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
    padding: 0em;
    display: none;
}

#pun-announcement .container {
    margin: 1em 0em 0em 0em;
    padding: 16px;
    height: 41px;
    margin-left: -12px;
}

/* D7 Statistics
-------------------------------------------------------------*/

/* D7.1 */
#pun-stats .container {
    background: transparent;
    height: auto;
    text-align: center;
    display: flex;
    flex-direction: row;
    width: 1028px;
    margin: 0px 0px 0px 25px;
    flex-wrap: wrap;
    gap: 5px;
    justify-content: space-between;
}

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  border: none;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  border: none;
  }

  #pun-stats h2 {
    display: none;
  }
/* D7.4 */
li#onlinelist {
  border: none;
  }

/* D7.5 */
li#onlinelist div {
  border: none;
  }

/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/

/* D8.1 */
#pun-qjump {
  margin: 0;
  border: none;
  width: 50%;
  position: relative;
  float: left;
  }

/* D8.2 */
#pun-qjump .container {
  border: none;
  background: transparent;
  padding: 0.8em 1em;
  }

/* D8.3 */
#pun-about {
    margin: 0px;
    height: 0px;
}

/* D8.4 */
#pun-about .container {
    border: none;
    text-align: center;
    line-height: 150%;
    padding: 0.8em 1em;
    position: relative;
    top: 132px;
    z-index: 1;
    font-size: 9px;
}

/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }

/* D8.6 */
#pun-crumbs2 {
    font-weight: bold;
    overflow: hidden;
    margin-bottom: 26px;
    border: none;
}

/* D8.7 */
#pun-crumbs2 .container {
    border: none;
    padding: 0.8em 28px;
    font-size: 12px;
    margin-left: 30px;
}

/* D8.8 */
#pun-break4 {
  margin: -2px 1em;
  border: none;
  position: relative;
  height: 0;
  z-index: 1;
  }

/* D8.9 */
div.punbb-admin #pun-about .container {
  border: none;
  }


/* D9 Help file
-------------------------------------------------------------*/

/* D9.1 */
#pun-help .formal .info-box h3.legend {
  border: none;
  padding-bottom: 0;
  margin-bottom: 0.8em;
  }

/* D9.2 */
#pun-help .formal .info-box h3.legend span {
  padding-bottom: 0.6em;
  display: block;
  border: none;
  font-size: 1.1em;
  }

/* D9.3 */
#pun-help .formal p, #pun-help .formal dd {
  margin-bottom: 1em
  }

/* D9.4 */
#pun-help .formal ul, #pun-help .formal dl {
  padding: 0 0 0 1em
  }

/* D9.5 */
#pun-help .formal li {
  padding: 0;
  line-height: 130%
  }

/* D9.6 */
#pun-help .formal li * {
  vertical-align: text-top
  }

/* D9.7 */
#pun-help .formal dt span {
  font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace
  }

/* D9.8 */
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode {
  padding-bottom: 0;
  }

#pun-index.punbb th,#pun-viewforum.punbb th{
  font-size:0!important;
  color:transparent!important;
  height:0!important;
  padding:0!important;
  border:0!important;
}

::-webkit-scrollbar {
    width: 6px;
    height: 6px;
    background-color: #444352;
    border-radius: 0px;
}

::-webkit-scrollbar-thumb {
    background-color: #e16466;
    border-radius: 10px;
}

::selection {
    background-color: #ebb0b1;
    color: var(--text);
}

* {
    scrollbar-width: thin;
    scrollbar-color: var(--links) rgb(191 191 191 / 40%);
}



/* CS1 Background and text colours
-------------------------------------------------------------
*/

/* CS1.1 */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, .punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd, .punbb .info-box, .punbb #pun-main .info-box .legend {
    background-color: transparent;
    color: var(--text) !important;
    font: var(--mainfont);
}



/* CS1.2 */
.punbb .main .container, .punbb .post .container, .punbb .post h3 {
    color: var(--text);
    /*background: var(--bg-1);*/
}

/* CS1.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  background-color: transparent;
  }

/* CS1.4 */
#pun-title, #pun-title .container, .punbb .modmenu .container {
  background-color: transparent;
  color: var(--text);
  }


.punbb .modmenu .container span {
  display: none;
}

/* CS1.5 */
.punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span {
  background-color: transparent;
  color: var(--text)
  }


/* CS1.6 */
.punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl  {
  background-color: transparent;
  color: var(--text);
  }

#pun-main .post h3 span {
    font-size: 9px;
    height: 17px;
    background: var(--bg-5);
    /* position: absolute; */
    border-radius: 9px 9px 0 0;
    /* margin-left: 261px; */
    /* margin-top: 17px; */
    width: -webkit-fill-available;
    /* margin-right: 56px; */
    /* border-bottom: 1px solid var(--bg-2); */
}

/* CS1.7 */

  li#navlogout a span {
    text-align: right;
  }

.offline li.pa-online strong {
  font-weight: normal
  }

/* CS2 Border colours
-------------------------------------------------------------*/


/* CS2.1 */
.punbb .container, .punbb .post-body, .post h3, #pun-title {
  border: none;
  }




/* CS2.2 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
  border: none;
  }

/* CS2.3 */
#pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2 {
  border: none;
  }

/* CS2.4 */
.punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body,
.punbb .post h3 span, .post-links ul, .post-links, .usertable table {
  border: none;
  }

/* CS2.5 */
.punbb th {
  border: none;
  }

/* CS2.6 */

#pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span {
  border: none;
  }

#pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend {
  border: none;
  }

.punbb .divider {
  border: none;
  }

.punbb .formal fieldset .post-box, .punbb .info-box {
  border: none;
  }


/* CS3 Links
-------------------------------------------------------------*/

/* CS3.1 .punbb a,*/
 .punbb a:link, .punbb a:visited, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {
  box-shadow: inset 0 0 0 0 var(--links-post);
color: var(--text);
	padding: 0 .25rem;
	margin: 0 -.25rem;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

li.pl-email.profile a:hover, li.pl-email.pm a:hover, li.pl-email.email a:hover, li.pl-delete a:hover, li.pl-edit.edit a:hover, li.pl-quote a:hover, li.pa-author a:hover, p.container.crumbs a:hover, p.container a:hover, #pun-viewforum .forum a:hover, #pun-messages a .forum a:hover, #pun-searchtopics .forum a:hover {
  color: var(--text);
  box-shadow: inset 200px 0 0 0 var(--links-post);
  }

li.pl-edit {
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

li.pl-edit a:hover {
      color: var(--text);
  box-shadow: inset 200px 0 0 0 var(--links-post);
}


/*.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited {
  color: var(--text);
  box-shadow: inset 200px 0 0 0 var(--links-post);
  }*/


/* CS3.2  .punbb a:hover */
.punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active,  td.tcl > div > div.tclcon > h3 > a:hover, #pun-ulinks .container a:hover, .namelinks a:hover, .activename a:hover, td.tcr > a:hover, #pun-stats > div > ul > li.item4 > strong > a:hover {
  color: var(--text);
  box-shadow: inset 200px 0 0 0 var(--links-post);
  }

/*CS3.4*/
#pun-navlinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  color: var(--text);
  box-shadow: inset 200px 0 0 0 var(--links-post);
  }

#pun-pagelinks a:active, #pun-pagelinks a:focus {
  color: var(--text);
  box-shadow: inset 200px 0 0 0 var(--links-post);
  } 



/* CS4 Post status icons
 -------------------------------------------------------------*/

div.icon {
  border: none;
}
tr.iredirect div.icon {
  border-color: none;
}
div.inew {
  border: none; 
}

#pun-main div.catleft, #pun-main div.catright {display: none}

/*Скрыть список Модераторов на Главной*/
.punbb .tcl .modlist {
  display: none;
}

li#onlinelist div {
    padding: 6px 9px;
    text-align: justify !important;
    color: var(--text);
    font: var(--mainfont);
    font-size: 11px;
    text-transform: lowercase;
    width: 1008px;
    font-weight: 500;
    border: 1px dashed var(--bg-2);
    margin-left: -2px;
    border-radius: 4px;
}

li#onlinelist {
  margin-top: 10px;
  color: var(--text);
  font: var(--mainfont);
  font-size: 10px;
  text-transform: lowercase;
  width: fit-content !important;
}

#pun-stats li.item1, #pun-stats li.item2, #pun-stats li.item3, #pun-stats li.item4 {
    display: flex;
    padding-top: 5px;
    padding-bottom: 5px;
    color: var(--text-2);
    text-align: center;
    font: var(--mainfont);
    font-size: 9px;
    width: 253px;
    border-radius: 4px;
    flex-wrap: wrap;
    position: relative;
    left: -2px;
    line-height: 11px;
    margin: 0 0px;
    background: var(--bg-4);
    font-weight: 600;
    height: 24px;
    flex-direction: column;
}

#pun-index .tclcon h3 {
    align-self: start;
    grid-area: h3;
    display: flex;
    flex-direction: row-reverse;
    gap: 6px;
    color: var(--links-2);
    font: var(--link-font);
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 800;
    justify-content: flex-end;
    align-items: flex-start;
    margin-left: 110px;
    margin-top: -15px;
}

#pun-index .tclcon h3 a:hover{
    color: var(text);
}

#pun-index .tcl {
    border-radius: 20px;
}

#pun-main > div > h2 > span {
    font-size: 0px;
}


/*стиль подфорума*/

.tclcon {
    position: relative;
    padding-left: 15px;
    text-align: justify;
    font-size: 12px;
    margin: -5px 0px 9px;
margin-left: 5px;
}

.tclcon::before {
    content: "";
    position: absolute;
    left: 0px;
    height: 100%;
}

#pun .user-avatar .avatar-image {
    width: 26px;
    height: 26px;
    filter: grayscale(1);
    opacity: .5;
}

#pun-index .user-avatar {
  display: block
}

#pun-navlinks .container {
    text-transform: lowercase;
    display: inline-block;
    margin: 0px;
    word-spacing: 9px;
    left: 424px;
    height: 24px;
    background-color: transparent;
    position: absolute;
    top: -141px;
    font-weight: 500 !important;
}

#pun-main .pagelink {
    font: var(--mainfont);
    font-style: normal;
    font-weight: 400;
    font-size: 10px;
    text-align: justify;
    color: var(--text);
    margin-top: 10px;
    margin-left: 14px;
    display: flex;
    align-items: center;
    gap: 3px;
    background: var(--bg-4);
    padding: 3px 8px 3px 6px;
    border-radius: 5px;
}

#pun-main .postlink {
    color: var(--links);
    font-size: 11px;
}

.linksb a, .linkst a {
    background: var(--bg-5);
    font-weight: 500;
    color: var(--text) !important;
    border-radius: 4px !important;
    padding: 3px 6px 4px 6px !important;
    transition: color .2s ease-in-out, box-shadow .1s ease-in-out;
}

  .linksb a:hover, .linkst a:hover {
  color: var(--bg-1) !important;
  background: var(--scroll-bg) !important;
  }

.punbb table Div.icon {
    background: var(--old-icon);
    width: 63px;
    height: 94px;
    margin-left: 640px;
    position: absolute;
    margin-top: -4px;
}

.punbb table div.inew {
    background: var(--new-icon);
    background-repeat: no-repeat;
    width: 70px;
    height: 88px;
    margin-left: 54px;
    position: absolute;
    margin-top: 0px;
}

.tclcon .byuser {
    display: block;
    color: var(--text-2) !important;
    margin-top: 1px !important;
    font-size: 10px;
}

#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon {
  background: var(--text);
  background-position-y: 93px;
  display: block;
  float: left;
  height: 6px;
  margin-left: 0px;
  margin-right: 15px;
  margin-top: 7px;
  position: relative;
  width: 6px;
  border-radius: 100%;
  box-sizing: border-box;
}


#pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon {
  background: var(--links)!important;
}


#pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon {
  background: var(--text);
}


#pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon {
  background: var(--text);
}


#pun-viewforum .forum a, #pun-messages a .forum, #pun-searchtopics .forum a {
  color: var(--text)
}


#pun-viewforum .tcr, #pun-messages .tcr, #pun-searchtopics .tcr {
  color: var(--text);
}


 /*кнопки*/
.go-up, .go-down {
    cursor: pointer;
    display: none;
    margin-bottom: 0px;
    margin-left: 1114px !important;
    opacity: 1;
    position: fixed;
    z-index: 9999;
    padding: 0px 0px;
    transition: transform 1s cubic-bezier(0.72, -0.01, 0, 1) 0s;
    width: 42px;
    height: 42px;
    filter: hue-rotate(45deg);
}

.go-down {
    top: 52%;
}

.go-up {
    top: 49%;
}

.go-up:hover, .go-down:hover {
    transform: scale(1.2)
}

/*ползунок размер шрифта*/
.FNTslider {
    position: absolute;
    z-index: 99;
    background: var(--bg-1);
    width: 110px;
    height: 4px;
    margin: 3px 5px;
    border: solid 1px var(--scroll-1);
    border-radius: 10px;
    left: 615px;
    top: 5px;
}

.FNTslider .before {
    height: 5px;
    border: solid 1px var(--scroll-1);
    border-right: none 0;
    position: absolute;
    background: var(--scroll-1);
    margin: -1px 0px;
    border-radius: 5px;
}

.FNTslider .thumb {
    width: 9px;
    height: 9px;
    position: relative;
    top: -5px;
    left: 28px !important;
    background: var(--bg-1);
    cursor: pointer;
    border: 3px solid var(--scroll-1);
    border-radius: 10px;
}


/*разделитель тем*/
.td-divider {
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  margin-left: -10px;
}

.td-divider span {
    background: var(--bg-4);
    font-size: 12px;
    color: var(--text-2);
    text-align: center;
    position: relative;
    left: 0px;
    padding: 0 5px;
    width: 1088px;
    font-weight: 700;
    border-top: 1px solid var(--bg-2);
    border-bottom: 1px solid var(--bg-2);
}

 /*это интересно*/

div#pun-live-rusff {
    display: none;
}


/*кнопки*/

#file_upload_input {
  padding: 10px 10px 0px 10px!important;
}

input.button, #pa-edit strong a {
    background: var(--bg-new) !important;
    color: var(--ngbg-1) !important;
    font-size: 12px !important;
    font-weight: 500 !important;
    text-transform: lowercase;
    border: none !important;
    font-family: var(--mainfont);
    border-radius: 5px;
    padding: 5px 10px 6px;
}

input.button:hover, #pa-edit strong a:hover {
  background: var(--scroll-bg) !important; /*было - --bg-3, стало - --scroll-bg*/
  color: var(--bg-1)!important;
}

#pun-main .formal textarea {
    padding: 10px;
}

input, textarea, input:active, textarea:active, :focus  {
  outline: none;
}  

.topic a.sharelink {
  display: none;
}

.punbb div.icon {
  float: left;
  display: block;
  width: 60px;
  height: 60px;}

.tc2 .user-avatar, .tcr .user-avatar {
  display: none;
}

/*ссылки в подфорумы и подфорумы*/

.attic_forum {
    font-size: 10px;
    line-height: 13px;
    margin-left: 111px;
    font-weight: 300;
    margin-top: 8px;
}

.button_f {
    display: flex;
    gap: 5px;
    margin: 12px 0;
    flex-direction: row;
    flex-wrap: wrap;
}

.button_forum {
    width: fit-content;
    text-transform: uppercase;
    padding: 0 3px;
    background: var(--bg-5);
}

.button_forum a {
    color: var(--text) !important;
    font-weight: 500;
    letter-spacing: .5px;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}


.button_forum a:hover {
  color: var(--text);
  box-shadow: inset 200px 0 0 0 var(--links-post);
}

#onlinelist a {  
box-shadow: inset 0 0 0 0 var(--links-post);
color: var(--text);
	padding: 0 .25rem;
	margin: 0 -.25rem;
  transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
}

#onlinelist a:hover {
  color: var(--text);
  box-shadow: inset 200px 0 0 0 var(--links-post);
}

#onlinelist a[href$="/online.php"], #onlinelist a[href$="/userlist.php"] {
  color: var(--links-2)!important;
}

#onlinelist a[href$="/online.php"]:hover, #onlinelist a[href$="/userlist.php"]:hover {
    color: var(--text) !important;
}


.punbb .section h2 span, #pun-stats h2 span, #pun-debug h2 span, .punbb h1 span, #post-form > h2, .punbb legend span {
    font-weight: 700;
    font-size: 12px!important;
    font-style: normal;
    text-align: center;
    display: block;
    margin: auto;
    height: 17px;
    color: var(--text);
    background: var(--bg-1);
}


#pun-main > div.forum > div > table > tbody > tr:nth-child(1) > td.tcl {
    width: 50%;
}



#post > fieldset:nth-child(2) > legend {
  display: none;
}

#pun-main h1 span {
  display: none;
}

#pun .post-content .spoiler-box > div {
    color: var(--links-2);
    font-size: 12px;
    font-weight: 700;
    padding-left: 15px;
    display: flex;
    background: transparent;
    border-radius: 50px;
    width: fit-content;
    align-items: flex-end;
}


#pun .post-content .spoiler-box > div:before {
    content: "";
    display: block;
    background: url(https://forumstatic.ru/files/001c/28/b9/48007.svg);
    width: 16px;
    height: 16px;
    margin-left: -6px;
    margin-right: 5px;
    opacity: .6;
    border-radius: 20px;
    margin-top: 9px;
    transition: 0.5s; /* Время поворота */
}


#pun .post-content .spoiler-box > div.visible:before {
    content: "";
    display: block;
    background: url(https://forumstatic.ru/files/001c/28/b9/40035.svg);
    transform: rotate(180deg);
}

.post-content .spoiler-box > blockquote {
    padding-top: 0.4em;
    display: none;
}

#pun-report .inner, #pun-reputation .inner, #pun-admin-award-form .inner {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -135px 0 0 -384px;
  width: 768px;
  z-index: 9999;
  border-radius: 15px;
  background: var(--bg-3);
  box-shadow: none!important;
  -webkit-box-shadow: none!important;
  -moz-box-shadow: none!important;
  -khtml-box-shadow: none!important;
}

.pa-respect a[href*="&v=0&cod"], .pa-respect a[href*="&v=1&cod"] {
    display: inline-block;
    position: absolute;
    margin-top: -4px;
    margin-left: -11px;
}

.pa-respect a[href*="&v=1&cod"] img, .pa-respect a[href*="&v=0&cod"] img {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 4px;
}

.pa-respect a[href*="&v=1&cod"] {
    background: var(--plus) center 100% no-repeat; /*картинка для  + */
    opacity: .7;
}


.pa-respect a[href*="&v=0&cod"] {
  background: var(--plus) center  100% no-repeat; /*картинка для  - */
}

.punbb input {
    background: var(--bg-4);
    color: var(--text);
    height: 23px;
    padding: 0 10px;
    border: 1px solid var(--bg-2);
    border-radius: 4px;
    transition: color .2s ease-in-out, box-shadow .1s ease-in-out;
}

#font-area, .popup_graffiti, #size-area, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area, #smilies-area, #spoiler-area {
    color: var(--text);
    border: 1px solid var(--scroll-1) !important;
    background: var(--bg-1);
    border-radius: 0 0 5px 5px;
    padding: 10px !important;
    margin-top: -18px;
}

#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area, #spoiler-area {
  top: 70px !important;
}

#font-area {
  height: 200px;
  overflow-y: auto;
}

.pun-modal .modal-inner {
    width: 700px;
    max-width: 94%;
    height: auto;
    max-height: 44em;
    margin: 12% auto 0;
    box-shadow: 0 0 14px rgba(0,0,0,.3);
    position: relative;
    z-index: 120000;
    overflow: hidden;
    background: var(--bg-1);
}


#rep_form .tcl {
    width: 20%!important;
}

li.pa-ip {
    font-size: 7px;
    margin-top: 5px;
    color: #7a7a7a;
}

/*страница репутации*/

#pun-main > div.section > div > table > tbody > tr {
    width: 955px;
    font-size: 11px;
}

#pun-main > div.section > div > table > tbody > tr > td.tcr {
    width: 355px!important;
}

/*отключить пожаловаться и поделиться*/

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

#pun-main > div.linksb > div.postlink > span.closed  { 
    display: none; 
}

#messages > fieldset > div > div > table {
    width: 740px;
}

#pun-main > div.topic > div > div > div.post-author > ul {
    color: var(--text);
}

select#ctl_regselect {
    margin-bottom: 8px;
}

/*всплывающие подсказки при наведении*/
#tooltip {
    position: absolute;
    background: var(--tooltip);
    z-index: 999;
    max-width: 180px;
    border: none;
    border-radius: 15px;
    font-family: var(--mainfont);
    font-size: 10px;
    display: none;
    color: var(--bg-5);
    text-align: center;
    padding: 5px 10px;
    text-transform: lowercase;
}


/*откл подар*/
li.pa-gifts {
    display: none;
}


/*БыстроПлюсы для Топика!*/


.post-rating .container, .post-vote .container {padding:0!important;}

.post-rating .container a {
    border-radius: 5px;
    font-size: 11px !important;
    padding: 3px 8px 6px 23px !important;
    background: #bebebe36;
}

.post-vote .container a {
    border-radius: 5px;
    font-size: 11px !important;
    padding: 3px 2px 6px 21px !important;
    margin-right: -2px;
    color: transparent;
    background: #bebebe36;
}

.post-rating .container a::before, .post-vote .container a::before {
    font:900 11px var(--font-symbol);
    padding-right:5px;
    }

.post-rating .container a::before {
    margin-left: -19px;
    width: 13px;
    display: inline-block;
    height: 16px;
    margin-top: 1px;
    content: '';
    position: absolute;
    background: url(https://forumstatic.ru/files/001c/28/b9/36364.svg);
}

.post-vote .container a::before {
    margin-left: -14px;
    width: 10px;
    display: inline-block;
    height: 16px;
    margin-top: 3px;
    content: '';
    position: absolute;
    background: url(https://forumstatic.ru/files/001c/28/b9/37411.svg);
}


/*НАСТРОЙКИ МАСКИ*/
#mask_dialog .inner {
    cursor: default;
    margin: 0 !important;
    width: 760px !important;
    overflow-x: auto !important;
    z-index: 100 !important;
    background: var(--bg-1) !important;
    border-radius: 16px !important;
    height: 551px !important !important;
    padding: 40px !important;
}

#mask_dialog .hv-form-block {
    flex: 1 1 auto !important;
    max-height: 360px !important;
    overflow-y: auto !important;
    padding: 10px !important;
}


#mask_dialog .hv-form-block {
    flex: 1 1 auto !important;
    overflow-y: auto !important;
    padding: 10px !important;
}

#mask_dialog .hv-form-block input, #mask_dialog .hv-form-block textarea {
    width: 100% !important;
    border-radius: 16px !important;
    background-color: var(--bg-5) !important;
    border: 1px solid #dcdcdc !important;
}


#mask_dialog .hv-masks-storage {
    flex: 0 150px  !important;
    display: flex  !important;
    align-content: flex-start  !important;
    justify-content: center !important;
    padding: 8px !important;
    flex-wrap: wrap !important;
    list-style: none !important;
    max-height: 360px !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
}

#tags .container {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol"  !important;
}

.post #post .container {
    padding: 1.7em 2.3em 1.1em 2.3em !important;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
}

p {
    padding: 0 0 10px 0 !important;
}

#move_posts_form table.container tbody {
    overflow-y: auto;
    overflow-x: hidden;
    display: block;
    max-height: 16em;
    width: 764px !important;
}

.unread-notifications #notifications-wrap, .unread-notifications #notifications-advanced {
    overflow-y: auto;
    overflow-x: hidden;
    clear: both;
    max-height: 30em;
    max-height: 46vh;
    padding: 15px !important;
}

/* профиль */
#viewprofile-next .container {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 30px 5px 0 !important;
	padding: 10px !important;
	position: relative;
}

#viewprofile ul {
	padding: 0 !important;
	margin: 0 !important;
}

#viewprofile-next #profilenav {
	display: none
}

#viewprofile tr {
	display: flex;
}

#viewprofile #profile-left {
    padding: 0px !important;
    padding-bottom: 14px !important;
    width: 220px;
    display: flex;
    flex-direction: column;
    gap: 10px;
    background: var(--bg-4);
    border-radius: 5px;
    align-items: center;
    height: fit-content;
    border: 1px solid var(--bg-2);
}

#viewprofile #profile-left li, #viewprofile #profile-left div, #viewprofile #profile-left strong {
	padding: 0 !important;
}

#profile-left li+li {
	margin-top: 0px;
}


#pun #profile-name {
    color: var(--text);
    width: 180px;
    height: 17px;
    font-family: var(--mainfont);
    font-weight: 400;
    font-size: 12px;
    line-height: 17px;
    text-align: center;
    margin-top: 10px;
    border-radius: 16px;
}


#pun #pa-avatar div>img {
border-radius: 5px;
}

 #pun #pa-online strong {
    background: var(--online) no-repeat;
    height: 16px;
    width: 16px;
    font-size: 0px !important;
}

#profile-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    gap: 5px;
    width: auto !important;
    padding: 10px !important;
    box-sizing: border-box;
    flex: 1;
    margin-left: 10px;
    background: var(--bg-4);
    border-radius: 5px;
    border: 1px solid var(--scroll-1) !important;
} 

#profile-right li {
    display: flex;
    justify-content: center;
    flex: auto;
    text-align: center;
    padding: 5px !important;
    font-size: 11px;
    align-items: flex-start;
    border-radius: 5px;
    border: 1px solid var(--scroll-1);
    flex-direction: column;
}

#profile-right li strong {
	flex: auto;
	font-weight: normal;
	padding: 5px !important;
	margin: 0 !important;
}

#pun #profile-right li span:first-child {
    float: none;
    margin: 0;
    width: max-content;
    font-size: 10px;
    color: var(--text);
    margin-bottom: 1px;
    background: var(--bg-5);
    border-radius: 4px;
    height: 13px;
    display: flex;
    align-items: center;
    font-weight: 600;
    padding: 2px 5px 3px 5px;
}

#pa-invites,
#pa-gifts,
#pa-awards {
	display: none !important;
}
li#pa-fld1 {
    display: none;
}

li#pa-fld3 {
    width: 190px;
}

li#pa-fld3 img {
    max-height: 20px;
}

li#pa-fld2 {
    width: 350px;
}

li#pa-email {
    width: 100px;
    text-align: left;
}

li#pa-fld4 {
    width: 250px;
}

li#pa-fld5 {
    width: 160px;
}

li#pa-fld6 {
    width: 160px;
}


li#pa-fld7 {
    width: 350px;
}


li#pa-posts {
    width: 150px;
    text-align: justify;
}

li#pa-last-post {
    width: 120px;
    text-align: left;
}

li#pa-register-date {
    width: 170px;
}

li#pa-time-visit {
    width: 170px;
}
/*переносим темы/сообщения*/

#pun-index .category .tc2,#pun-index .category .tc3,
#f-subforums .tc2,#f-subforums .tc3{
  display:none!important;
}

.Tems_And_messages {
    display: inline-block;
    font-size: 9px;
}

.Add {
    display: flex;
    border-radius: 6px;
    padding: 1px 7px;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: flex-end;
    justify-content: flex-start;
    width: 100px;
    margin-left: -22px;
    font-weight: 400;
    color: var(--text-2);
    transform-style: initial;
    text-transform: lowercase;
}

.Tems_And_messages .right{
  float:left;
}


td.tcl > div > div.tclcon > h3 > div > div:nth-child(2) > b {
    font-weight: 400;
}

td.tcl > div > div.tclcon > h3 > div > div:nth-child(1) > b {
    font-weight: 400;
}

/*скрыть профиль*/
.post:has(.custom_tag_hideprofile) .post-author, .post:has(.custom_tag_hideprofile) .pl-email, .post:has(.custom_tag_hideprofile) .pl-website {display:none !important}

.post:has(.custom_tag_hideprofile) .post-body, .post:has(.custom_tag_hideprofile) .post-links, .post:has(.custom_tag_hideprofile) .post-links ul, .post:has(.custom_tag_hideprofile) h3 > span {margin-left:0 !important}


/*скрыть стандартные смайлы*/
td#button-smile {
    background: url(/i/form_buttons.3.png) no-repeat 50% -437px;
    display: none;
}

.post-author li.pa-online {
    background: var(--online) no-repeat;
    height: 16px;
    border: none;
    padding: 0;
    font-size: 0px !important;
    width: 16px;
    margin-top: -6px !important;
    position: absolute;
}

li.pa-fld4 {
    display: flex;
    flex-direction: row;
    gap: 10px;
    height: 22px;
}


.punbb .post h3 strong::before {
    margin-left: -14px;
    width: 12px;
    display: inline-block;
    height: 11px;
    margin-top: 3px;
    content: '';
    position: absolute;
    background: url(https://forumstatic.ru/files/001c/28/b9/59459.svg);
}

.punbb .post h3 a.permalink::before {
    margin-left: -14px;
    width: 12px;
    display: inline-block;
    height: 11px;
    margin-top: 4px;
    content: '';
    background: url(https://forumstatic.ru/files/001c/28/b9/20983.svg);
    position: absolute;
}

a.permalink {
    color: var(--text-2) !important;
    font-weight: 500;
    box-shadow: inset 0 0 0 0 var(--links-post);
    color: var(--text);
    padding: 0 .25rem;
    margin: 0 -.25rem;
    transition: color .3s ease-in-out, box-shadow .3s ease-in-out;
    margin-left: 5px !important;
}

a.permalink:hover {
  color: var(--text);
  box-shadow: inset 200px 0 0 0 var(--links-post);
}

#profile .container {
    padding-left: 18.6em;
    background: transparent;
    border: none;
}


div.post-author.group1 > ul > li.pa-author {
    margin-top: -6px;
    margin-left: -1px;
}


div.post-author.group1 > ul > li.online-and-status {
    display: none;
}

div.post-author.group1 > ul > li.pa-title {
    color: transparent;
    border: none;
    height: 0px;
}

.post-author.group1 {
    margin-top: 2px !important;
}

.pa-respect a[href*="&v=1&cod"] img, .pa-respect a[href*="&v=0&cod"] img {
    height: 10px;
    width: 10px;
    position: absolute;
    top: 4px;
    filter: grayscale(1);
    border-radius: 4px;
    margin-left: 7px;
}

li.pa-replies {
    margin-top: 12px;
}

fieldset#post-preview {
    background: var(--bg-4);
    border-radius: 10px;
}


.punbb .user-avatar .isonline {
    background: var(--links) !important;
}


#pun-viewforum table:not(#notifications-stored, #notifications) tr {
    width: 1060px;
    align-content: space-around;
}

.punbb:not(#pun-index, #pun-mod, #pun-online, .punbb-admin) .tcl {
    width: 40%;
    margin-left: -1px;
}

.punbb:not(#pun-index, #pun-mod, .punbb-admin) .tc2 {
    width: 10%;
}

.icon[data-new-topics]:before, .subforums span[data-new-topics]:before {
    background: #ff000000 !important;
    color: #fff0 !important;
    font-size: 0 !important;
}


/игра**/
/* игра */
.rgf-layout {
  --rgf-stage-ratio: 897.422119 / 876.427368;
  --rgf-board-left: 1.3%;
  --rgf-board-width: 97.102813%;
  --rgf-board-height: 97.531594%;
  --rgf-board-column-gap: 0.918040%;
  --rgf-board-row-gap: 0.935898%;
  --rgf-gap: 8px;
  --rgf-radius: 9.238px;
  --rgf-radius-sm: 4px;
  --rgf-radius-md: 5px;
  --rgf-radius-pill: 999px;

  --rgf-font-display: "Press Start 2P";

  --rgf-copy-bg: rgba(0, 0, 0, 0.05);
  --rgf-copy-border: rgba(0, 0, 0, 0.05);
  --rgf-copy-rule: rgba(0, 0, 0, 0.2);
  --rgf-text-soft: rgba(0, 0, 0, 0.78);
  --rgf-num-light: rgba(255, 255, 255, 0.3);
  --rgf-num-dark: rgba(255, 255, 255, 0.25);

  --rgf-cell-neutral: #ccc;
  --rgf-cell-start: #ffd858;
  --rgf-cell-boost: #77afe9;
  --rgf-cell-luck: #834ea8;
  --rgf-cell-reward: #ff9900;
  --rgf-cell-snake: #6cb47f;
  --rgf-cell-danger: #b88071;
  --rgf-cell-quest: #000;
  --rgf-cell-spider: #56474c;
  --rgf-cell-monster: #f0471c;
  --rgf-cell-finish: #e46654;

  --rgf-panel-bg: #eee;
  --rgf-panel-border: rgba(0, 0, 0, 0.1);

  --rgf-token-1: #f0471c;
  --rgf-token-2: #4f7cf0;
  --rgf-token-3: #2ea36b;
  --rgf-token-4: #f0a11f;
  --rgf-token-5: #8b67c3;
  --rgf-token-6: #d464a1;

  --rgf-ease-soft: cubic-bezier(0.22, 1, 0.36, 1);

  --rgf-head-shift: 13px;
  --rgf-head-inner-offset: 29px;
  --rgf-overlay-shift: -13px;

  --rgf-img-pacman: url(https://forumstatic.ru/files/001c/aa/0d/48444.png);
  --rgf-img-moon: url(https://forumstatic.ru/files/001c/aa/0d/39302.png);
  --rgf-img-chest: url(https://forumstatic.ru/files/001c/aa/0d/87404.png);
  --rgf-img-flame: url(https://forumstatic.ru/files/001c/aa/0d/48451.png);
  --rgf-img-bug: url(https://forumstatic.ru/files/001c/aa/0d/32448.png);
  --rgf-img-ladder: url(https://forumstatic.ru/files/001c/aa/0d/67667.png);
  --rgf-img-monster: url(https://forumstatic.ru/files/001c/aa/0d/67802.png);
  --rgf-img-snake: url(https://forumstatic.ru/files/001c/aa/0d/88403.png);
  --rgf-img-start-swords: url(https://forumstatic.ru/files/001c/aa/0d/65389.png);
  --rgf-img-start-text: none;
  --rgf-img-finish-castle: url(https://forumstatic.ru/files/001c/aa/0d/20710.png);
  --rgf-img-finish-text: none;
  --rgf-img-card-a: url(https://forumstatic.ru/files/001c/aa/0d/86512.png);
  --rgf-img-card-b: url(https://forumstatic.ru/files/001c/aa/0d/79255.png);

  width: 100%;
  max-width: var(--rgf-max-width);
  margin: 0 auto;
  display: grid;
  gap: var(--rgf-gap);
  overflow: hidden;
  color: #000;
  text-align: left;
  font-family: Arial, Helvetica, sans-serif;
}

.rgf-layout,
.rgf-layout * {
  box-sizing: border-box;
}

.rgf-layout__title,
.rgf-layout__label,
.rgf-layout__copy,
.rgf-layout__effects-text,
.rgf-layout__players-title,
.rgf-admin__heading,
.rgf-admin__card-title,
.rgf-admin__player-title,
.rgf-admin__field-label,
.rgf-admin__hint,
.rgf-admin__button {
  text-transform: lowercase;
}

.rgf-layout__title,
.rgf-layout__label,
.rgf-layout__copy,
.rgf-layout__players-title,
.rgf-admin__heading,
.rgf-admin__card-title,
.rgf-admin__player-title,
.rgf-admin__field-label,
.rgf-admin__hint {
  margin: 0;
}

.rgf-layout__state-source {
  display: none;
}

.rgf-layout__head {
  position: relative;
  display: grid;
  gap: 0;
  width: 901px;
  margin: 0 auto;
  left: var(--rgf-head-shift);
}

.rgf-layout__title {
  font-family: var(--rgf-font-display);
  font-size: 48px;
  line-height: 1;
  font-weight: 700;
}

.rgf-layout__title-box {
  width: calc(100% - var(--rgf-head-inner-offset));
  min-height: 61px;
}

.rgf-layout__cards {
  position: absolute;
  top: 0;
  right: 0;
  width: 181.942px;
  max-width: 20.215778%;
  aspect-ratio: 181.942 / 163.891;
  pointer-events: none;
  z-index: 3;
}

.rgf-layout__card,
.rgf-layout__asset,
.rgf-board__overlay,
.rgf-board__overlay-part {
  position: absolute;
  display: block;
}

.rgf-layout__card,
.rgf-layout__asset,
.rgf-board__overlay-part {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.rgf-layout__card--a {
  left: 42.049389%;
  top: 15.941083%;
  width: 45.685988%;
  height: 77.034737%;
  transform: rotate(24.33deg);
  background-image: var(--rgf-img-card-a);
}

.rgf-layout__card--b {
  left: 5.632289%;
  top: 3.868425%;
  width: 45.618934%;
  height: 75.520925%;
  transform: rotate(-10.14deg);
  background-image: var(--rgf-img-card-b);
}

.rgf-layout__intro {
  width: calc(100% - var(--rgf-head-inner-offset));
  display: grid;
  grid-template-columns: 542px 271px;
  gap: 8px;
  align-items: stretch;
  min-height: 133px;
  padding: 12px 42px 12px 8px;
  background: var(--rgf-copy-bg);
  border: 1px solid var(--rgf-copy-border);
  border-radius: var(--rgf-radius-md);
}

.rgf-layout__rules {
  min-width: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  width: 542px;
  min-height: 109px;
  padding-right: 12px;
  border-right: 1px dashed var(--rgf-copy-rule);
}

.rgf-layout__effects {
  min-width: 0;
  width: 271px;
}

.rgf-layout__label {
  display: block;
  width: 100%;
  font-size: 20px;
  line-height: 1.1;
  font-weight: 700;
}

.rgf-layout__label--small {
  font-size: 14px;
}

.rgf-layout__copy {
  display: block;
  width: 100%;
  font-size: 12px;
  line-height: 1.25;
  color: var(--rgf-text-soft);
  text-align: justify;
}

.rgf-layout__effects-text {
  width: 100%;
  margin-top: 5px;
  padding: 0;
  font-size: 10px;
  line-height: 1.2;
  color: var(--rgf-text-soft);
  text-align: left;
}

.rgf-layout__board-wrap {
  width: 100%;
  max-width: 897.422px;
  margin: 0 auto;
  overflow: hidden;
}

.rgf-layout__board-stage {
  position: relative;
  width: 100%;
  aspect-ratio: var(--rgf-stage-ratio);
  overflow: hidden;
}

.rgf-board {
  position: absolute;
  top: 0;
  left: var(--rgf-board-left);
  display: grid;
  grid-template-columns: repeat(6, minmax(0, 1fr));
  grid-template-rows: repeat(6, minmax(0, 1fr));
  column-gap: var(--rgf-board-column-gap);
  row-gap: var(--rgf-board-row-gap);
  width: var(--rgf-board-width);
  height: var(--rgf-board-height);
}

.rgf-board__cell {
  position: relative;
  min-width: 0;
  overflow: visible;
  border-radius: var(--rgf-radius);
  background: var(--rgf-cell-neutral);
}

.rgf-board__cell--start { background: var(--rgf-cell-start); }
.rgf-board__cell--boost { background: var(--rgf-cell-boost); }
.rgf-board__cell--luck { background: var(--rgf-cell-luck); }
.rgf-board__cell--reward { background: var(--rgf-cell-reward); }
.rgf-board__cell--snake { background: var(--rgf-cell-snake); }
.rgf-board__cell--danger { background: var(--rgf-cell-danger); }
.rgf-board__cell--quest { background: var(--rgf-cell-quest); }
.rgf-board__cell--spider { background: var(--rgf-cell-spider); }
.rgf-board__cell--monster { background: var(--rgf-cell-monster); }
.rgf-board__cell--finish { background: var(--rgf-cell-finish); }

.rgf-board__num {
  position: absolute;
  top: 5.155%;
  left: 5.052%;
  z-index: 1;
  font-family: var(--rgf-font-display);
  font-size: 23px;
  color: var(--rgf-num-light);
}

.rgf-board__cell--quest .rgf-board__num,
.rgf-board__cell--spider .rgf-board__num {
  color: var(--rgf-num-dark);
}

.rgf-layout__asset {
  left: 5.333%;
  bottom: 5.442%;
  z-index: 2;
  pointer-events: none;
}

.rgf-layout__asset--pacman {
  width: 32.667%;
  height: 27.357%;
  transform: rotate(180deg) scaleY(-1);
  background-image: var(--rgf-img-pacman);
}

.rgf-layout__asset--moon {
  width: 26.667%;
  height: 27.104%;
  background-image: var(--rgf-img-moon);
}

.rgf-layout__asset--chest {
  width: 28.962%;
  height: 27.211%;
  background-image: var(--rgf-img-chest);
}

.rgf-layout__asset--flame {
  width: 25.333%;
  height: 27.424%;
  background-image: var(--rgf-img-flame);
}

.rgf-layout__asset--bug {
  width: 24.427%;
  height: 27.211%;
  background-image: var(--rgf-img-bug);
}

.rgf-board__tokens {
  position: absolute;
  left: 5.052%;
  right: 5.052%;
  bottom: 5.155%;
  z-index: 6;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: flex-end;
  gap: 4px;
}

.rgf-token,
.rgf-layout__player-dot,
.rgf-layout__player-item,
.rgf-token__tip,
.rgf-admin__button,
.rgf-admin__count {
  border-radius: var(--rgf-radius-pill);
}

.rgf-token {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 28px;
  height: 28px;
  padding: 0;
  border: 2px solid #ffffffb5;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  line-height: 1;
  cursor: pointer;
  box-shadow: -5px 9px 18px rgb(0 0 0 / 11%);
}

.rgf-token[data-rgf-color="1"],
.rgf-layout__player-dot[data-rgf-color="1"] { background: var(--rgf-token-1); }

.rgf-token[data-rgf-color="2"],
.rgf-layout__player-dot[data-rgf-color="2"] { background: var(--rgf-token-2); }

.rgf-token[data-rgf-color="3"],
.rgf-layout__player-dot[data-rgf-color="3"] { background: var(--rgf-token-3); }

.rgf-token[data-rgf-color="4"],
.rgf-layout__player-dot[data-rgf-color="4"] { background: var(--rgf-token-4); }

.rgf-token[data-rgf-color="5"],
.rgf-layout__player-dot[data-rgf-color="5"] { background: var(--rgf-token-5); }

.rgf-token[data-rgf-color="6"],
.rgf-layout__player-dot[data-rgf-color="6"] { background: var(--rgf-token-6); }

.rgf-token__tip {
  position: absolute;
  left: 50%;
  bottom: calc(100% + 6px);
  transform: translateX(-50%);
  display: block;
  min-width: 72px;
  max-width: 120px;
  padding: 4px 8px;
  background: rgba(0, 0, 0, 0.88);
  color: #fff;
  font-size: 10px;
  line-height: 1.2;
  text-align: center;
  white-space: nowrap;
  box-shadow: 0 8px 18px rgba(0, 0, 0, 0.18);
  animation: rgf-tip-in 0.18s var(--rgf-ease-soft) both;
}

.rgf-token__tip::after {
  content: "";
  position: absolute;
  left: 50%;
  top: 100%;
  margin-left: -4px;
  border: 4px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.88);
}

.rgf-layout__players-panel {
  display: grid;
  gap: 8px;
  width: 100%;
  max-width: 873px;
  margin: 0 auto;
  padding: 12px;
  background: var(--rgf-copy-bg);
  border: 1px solid var(--rgf-copy-border);
  border-radius: var(--rgf-radius-md);
}

.rgf-layout__players-title {
  font-size: 20px;
  line-height: 1.1;
  font-weight: 700;
}

.rgf-layout__players {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.rgf-layout__player-item {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 6px 10px;
  background: rgba(0, 0, 0, 0.05);
}

.rgf-layout__player-dot {
  width: 16px;
  height: 16px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.14);
}

.rgf-layout__player-name {
  font-size: 12px;
  line-height: 1.3;
}

.rgf-board__overlays {
  position: absolute;
  inset: 0;
  left: var(--rgf-overlay-shift);
  z-index: 4;
  pointer-events: none;
}

.rgf-board__overlay {
  overflow: visible;
}

.rgf-board__overlay-part--finish-castle::before,
.rgf-board__overlay-part--finish-text::before,
.rgf-board__overlay-part--start-swords::before,
.rgf-board__overlay-part--start-text::before,
.rgf-board__overlay-part--monster::before,
.rgf-board__overlay-part--ladder::before,
.rgf-board__overlay-part--snake::before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.rgf-board__overlay--finish {
  left: -99px;
  top: -21px;
  width: 29%;
  height: 21%;
}

.rgf-board__overlay-part--finish-castle {
  left: 39.044097%;
  top: 6.418478%;
  width: 70.723408%;
  height: 76.134428%;
}

.rgf-board__overlay-part--finish-castle::before {
  transform: translate(-50%, -50%) rotate(11.11deg);
  background-image: var(--rgf-img-finish-castle);
}

.rgf-board__overlay-part--finish-text {
  left: 6.963024%;
  top: 35.068511%;
  width: 91.398926%;
  height: 64.200288%;
}

.rgf-board__overlay-part--finish-text::before {
  transform: translate(-50%, -50%) rotate(11.11deg);
  background-image: var(--rgf-img-finish-text);
}

.rgf-board__overlay--start {
  left: -9.770012%;
  top: 79.47532%;
  width: 26.087507%;
  height: 20.068285%;
}

.rgf-board__overlay-part--start-swords {
  left: 40.996910%;
  top: 0;
  width: 78.223731%;
  height: 88.150701%;
}

.rgf-board__overlay-part--start-swords::before {
  transform: translate(-50%, -50%) rotate(19.69deg);
  background-image: var(--rgf-img-start-swords);
}

.rgf-board__overlay-part--start-text {
  left: 11.676022%;
  top: 37.110022%;
  width: 72.470571%;
  height: 62.889958%;
}

.rgf-board__overlay-part--start-text::before {
  transform: translate(-50%, -50%) rotate(22.39deg);
  background-image: var(--rgf-img-start-text);
}

.rgf-board__overlay--ladder-a {
  left: -5.064509%;
  top: 11.296903%;
  width: 52.622305%;
  height: 24.897172%;
  transform: rotate(339deg);
}

.rgf-board__overlay--ladder-b {
  left: 28.535943%;
  top: 34.453038%;
  width: 44.062359%;
  height: 36.626101%;
  transform: rotate(330deg);
}

.rgf-board__overlay--ladder-a .rgf-board__overlay-part--ladder,
.rgf-board__overlay--ladder-b .rgf-board__overlay-part--ladder,
.rgf-board__overlay--snake-a .rgf-board__overlay-part--snake,
.rgf-board__overlay--snake-b .rgf-board__overlay-part--snake {
  left: 50%;
  top: 50%;
}

.rgf-board__overlay--ladder-a .rgf-board__overlay-part--ladder {
  width: 28.949086%;
  height: 105.496865%;
}

.rgf-board__overlay--ladder-b .rgf-board__overlay-part--ladder {
  width: 31.947222%;
  height: 102.098147%;
}

.rgf-board__overlay--ladder-a .rgf-board__overlay-part--ladder::before,
.rgf-board__overlay--ladder-b .rgf-board__overlay-part--ladder::before {
  background-image: var(--rgf-img-ladder);
}

.rgf-board__overlay--ladder-a .rgf-board__overlay-part--ladder::before {
  transform: translate(-50%, -50%) rotate(-34.06deg);
}

.rgf-board__overlay--ladder-b .rgf-board__overlay-part--ladder::before {
  transform: translate(-50%, -50%) rotate(28.72deg);
}

.rgf-board__overlay--monster-a,
.rgf-board__overlay--monster-b {
  width: 14.617417%;
  height: 16.548658%;
}

.rgf-board__overlay--monster-a {
  left: 24%;
  top: 63.613181%;
}

.rgf-board__overlay--monster-b {
  left: 79.493455%;
  top: 2.845526%;
}

.rgf-board__overlay--monster-a .rgf-board__overlay-part--monster,
.rgf-board__overlay--monster-b .rgf-board__overlay-part--monster {
  inset: 0;
}

.rgf-board__overlay--monster-a .rgf-board__overlay-part--monster::before,
.rgf-board__overlay--monster-b .rgf-board__overlay-part--monster::before {
  transform: translate(-50%, -50%);
  background-image: var(--rgf-img-monster);
}

.rgf-board__overlay--snake-a {
  left: 9.141165%;
  top: 8.045578%;
  width: 53.098943%;
  height: 51.582942%;
  transform: rotate(-16deg);
}

.rgf-board__overlay--snake-b {
  left: 47.140717%;
  top: -25.254419%;
  width: 60.172119%;
  height: 48.8952%;
  transform: rotate(23deg);
}

.rgf-board__overlay--snake-a .rgf-board__overlay-part--snake {
  width: 41.778017%;
  height: 97.866191%;
}

.rgf-board__overlay--snake-b .rgf-board__overlay-part--snake {
  width: 37.052909%;
  height: 99.472740%;
}

.rgf-board__overlay--snake-a .rgf-board__overlay-part--snake::before,
.rgf-board__overlay--snake-b .rgf-board__overlay-part--snake::before {
  background-image: var(--rgf-img-snake);
}

.rgf-board__overlay--snake-a .rgf-board__overlay-part--snake::before {
  transform: translate(-50%, -50%) rotate(21.19deg);
}

.rgf-board__overlay--snake-b .rgf-board__overlay-part--snake::before {
  transform: translate(-50%, -50%) rotate(153.5deg) scaleY(-1);
}

.rgf-admin,
.rgf-admin__side,
.rgf-admin__card,
.rgf-admin__players-list,
.rgf-admin__player,
.rgf-admin__field {
  display: grid;
}

.rgf-admin {
  gap: 4px;
  width: 100%;
  max-width: 873px;
  margin: 0 auto;
}

.rgf-admin__heading,
.rgf-admin__card-title,
.rgf-admin__player-title,
.rgf-admin__cell-value,
.rgf-admin__new-value {
  font-family: Arial, Helvetica, sans-serif;
}

.rgf-admin__heading {
  font-size: 32px;
  line-height: 1;
  font-weight: 700;
}

.rgf-admin__grid {
  display: grid;
  grid-template-columns: minmax(0, 499px) minmax(0, 1fr);
  gap: 4px;
  width: 100%;
}

.rgf-admin__side {
  gap: 4px;
  align-content: start;
}

.rgf-admin__card {
  gap: 8px;
  width: 100%;
  padding: 12px;
  background: var(--rgf-panel-bg);
  border: 1px solid var(--rgf-panel-border);
  border-radius: var(--rgf-radius-sm);
  align-content: start;
}

.rgf-admin__card-title {
  font-size: 18px;
  line-height: 1.1;
  font-weight: 700;
}

.rgf-admin__side .rgf-admin__card-title {
  min-width: 100%;
  font-size: 14px;
}

.rgf-admin__players-list {
  gap: 0;
  width: 100%;
}

.rgf-admin__player {
  gap: 4px;
  width: 100%;
  padding-bottom: 4px;
  border-bottom: 1px dashed var(--rgf-panel-border);
}

.rgf-admin__player + .rgf-admin__player {
  margin-top: 8px;
}

.rgf-admin__player-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.rgf-admin__player-title {
  font-size: 14px;
  line-height: 1.1;
  font-weight: 700;
}

.rgf-admin__player-grid {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 0;
  width: 100%;
}

.rgf-admin__player-grid > :nth-child(1) { width: 180px; }
.rgf-admin__player-grid > :nth-child(2) { width: 76px; }
.rgf-admin__player-grid > :nth-child(3) { width: 71px; }
.rgf-admin__player-grid > :nth-child(4) { width: 63px; }

.rgf-admin__field {
  gap: 4px;
  min-width: 0;
}

.rgf-admin__field-label,
.rgf-admin__hint {
  font-size: 10px;
  line-height: 1.2;
  color: rgba(0, 0, 0, 0.6);
}

.rgf-admin__input,
.rgf-admin__rollmenu,
.rgf-admin__cell-value,
.rgf-admin__new-value,
.rgf-admin__output {
  width: 100%;
  border: 1px solid var(--rgf-panel-border);
  border-radius: var(--rgf-radius-sm);
  background: rgba(0, 0, 0, 0.05);
  color: #000;
  font-family: Arial, Helvetica, sans-serif;
  transition:
    border-color 0.18s var(--rgf-ease-soft),
    background-color 0.18s var(--rgf-ease-soft),
    box-shadow 0.18s var(--rgf-ease-soft);
}

.rgf-admin__input,
.rgf-admin__rollmenu {
  height: 27px;
  padding: 0 12px;
  font-size: 12px;
  line-height: 1;
  appearance: none;
}

.rgf-admin__rollmenu {
  padding-right: 20px;
  background-image:
    linear-gradient(45deg, transparent 50%, #8b67c3 50%),
    linear-gradient(135deg, #8b67c3 50%, transparent 50%);
  background-position:
    calc(100% - 12px) 10px,
    calc(100% - 7px) 10px;
  background-size: 5px 5px;
  background-repeat: no-repeat;
}

.rgf-admin__input:focus,
.rgf-admin__rollmenu:focus,
.rgf-admin__output:focus {
  outline: none;
  border-color: rgba(139, 103, 195, 0.45);
  box-shadow: 0 0 0 3px rgba(139, 103, 195, 0.14);
  background-color: rgba(255, 255, 255, 0.75);
}

.rgf-admin__cell-value,
.rgf-admin__new-value {
  display: grid;
  align-items: center;
  min-height: 27px;
  padding: 0 4px;
  border-color: transparent;
  background: transparent;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}

.rgf-admin__output {
  min-width: 100%;
  min-height: 88px;
  padding: 6px 12px;
  resize: none;
  overflow: auto;
  vertical-align: top;
  text-align: left;
  font-size: 12px;
  line-height: 1.35;
  justify-self: stretch;
}

.rgf-admin__button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  justify-self: start;
  align-self: start;
  flex: 0 0 auto;
  width: auto;
  min-height: 23px;
  padding: 4px 12px;
  border: 0;
  font-size: 12px;
  line-height: 1.2;
  cursor: pointer;
  transition:
    transform 0.18s var(--rgf-ease-soft),
    box-shadow 0.18s var(--rgf-ease-soft),
    opacity 0.18s var(--rgf-ease-soft),
    background-color 0.18s var(--rgf-ease-soft);
}

.rgf-admin__button--dark {
  background: #000;
  color: #fff;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.18);
}

.rgf-admin__button:not([disabled]):hover {
  transform: translateY(-1px);
}

.rgf-admin__button:not([disabled]):active {
  transform: translateY(0) scale(0.97);
}

.rgf-admin__button[disabled] {
  opacity: 0.45;
  cursor: default;
  pointer-events: none;
}

.rgf-admin__button--remove {
  min-height: 17px;
  padding: 2px 4px;
  background: rgba(240, 71, 28, 0.05);
  color: #f0471c;
  font-size: 10px;
}

.rgf-admin__button--remove[disabled] {
  visibility: hidden;
  pointer-events: none;
}

.rgf-admin__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
}

.rgf-admin__button--add,
.rgf-admin__button--copy-state,
.rgf-admin__button--copy-reply {
  min-width: 121px;
}

.rgf-admin__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 2px 4px;
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.6);
  font-size: 10px;
  line-height: 1.2;
}

@keyframes rgf-tip-in {
  from {
    opacity: 0;
    transform: translateX(-50%) translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateX(-50%) translateY(0);
  }
}

/* анимации */
.rgf-layout__asset--chest {
  overflow: visible;
  isolation: isolate;
  transform-origin: 50% 72%;
  animation: rgf-chest-glow 2.6s ease-in-out infinite;
}

.rgf-layout__asset--chest::before,
.rgf-layout__asset--chest::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 48%;
  width: 9px;
  height: 9px;
  margin-left: -4.5px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  background: radial-gradient(circle at 35% 35%, #fff6c8 0 28%, #ffd45c 29% 64%, #d88d00 65% 100%);
  box-shadow:
    0 0 0 1px rgba(255, 234, 156, 0.18),
    0 0 8px rgba(255, 202, 74, 0.35);
}

.rgf-layout__asset--chest::before {
  animation: rgf-chest-coins-a 2.6s ease-out infinite;
}

.rgf-layout__asset--chest::after {
  animation: rgf-chest-coins-b 2.6s ease-out infinite 0.28s;
}

.rgf-layout__card--a {
  transform-origin: 48% 88%;
  animation: rgf-card-fold-a 5.4s cubic-bezier(0.45, 0.05, 0.2, 1) infinite;
}

.rgf-layout__card--b {
  transform-origin: 52% 88%;
  animation: rgf-card-fold-b 5.4s cubic-bezier(0.45, 0.05, 0.2, 1) infinite;
}

.rgf-board__overlay--finish,
.rgf-board__overlay-part--finish-castle::before,
.rgf-board__overlay-part--finish-text::before {
  animation: none;
}

.rgf-board__overlay--monster-a {
  animation: rgf-monster-pounce-softer 2.55s cubic-bezier(0.34, 1.56, 0.64, 1) infinite;
}

.rgf-board__overlay--monster-b {
  transform-origin: 50% 78%;
  animation: rgf-monster-float 4.8s ease-in-out infinite 0.3s;
}

@keyframes rgf-chest-glow {
  0%, 100% {
    transform: scale(1);
    filter:
      drop-shadow(0 0 0 rgba(255, 204, 82, 0))
      drop-shadow(0 0 0 rgba(255, 142, 35, 0));
  }
  32% {
    transform: scale(1.03);
    filter:
      drop-shadow(0 0 6px rgba(255, 208, 95, 0.35))
      drop-shadow(0 0 12px rgba(255, 153, 51, 0.18));
  }
  56% {
    transform: scale(1.07);
    filter:
      drop-shadow(0 0 10px rgba(255, 214, 102, 0.55))
      drop-shadow(0 0 18px rgba(255, 166, 56, 0.28));
  }
  78% {
    transform: scale(1.02);
    filter:
      drop-shadow(0 0 5px rgba(255, 208, 95, 0.3))
      drop-shadow(0 0 10px rgba(255, 153, 51, 0.16));
  }
}

@keyframes rgf-chest-coins-a {
  0%, 18% {
    opacity: 0;
    transform: translate(-50%, 0) scale(0.45);
  }
  26% {
    opacity: 1;
    transform: translate(-50%, -2px) scale(0.92);
  }
  58% {
    opacity: 1;
    transform: translate(calc(-50% - 10px), -17px) scale(1);
  }
  100% {
    opacity: 0;
    transform: translate(calc(-50% - 15px), -24px) scale(0.82);
  }
}

@keyframes rgf-chest-coins-b {
  0%, 20% {
    opacity: 0;
    transform: translate(-50%, 0) scale(0.45);
  }
  30% {
    opacity: 1;
    transform: translate(-50%, -3px) scale(0.95);
  }
  60% {
    opacity: 1;
    transform: translate(calc(-50% + 12px), -15px) scale(1.04);
  }
  100% {
    opacity: 0;
    transform: translate(calc(-50% + 18px), -23px) scale(0.8);
  }
}

@keyframes rgf-card-fold-a {
  0%, 100% {
    transform: rotate(24.33deg) translate3d(0, 0, 0) scale(1);
  }
  18% {
    transform: rotate(19.5deg) translate3d(-14px, 6px, 0) scale(0.95);
  }
  42% {
    transform: rotate(17deg) translate3d(-24px, 8px, 0) scale(0.94);
  }
  64% {
    transform: rotate(21deg) translate3d(-10px, 2px, 0) scale(0.97);
  }
}

@keyframes rgf-card-fold-b {
  0%, 100% {
    transform: rotate(-10.14deg) translate3d(0, 0, 0) scale(1);
  }
  18% {
    transform: rotate(-5.5deg) translate3d(14px, 6px, 0) scale(0.95);
  }
  42% {
    transform: rotate(-1.5deg) translate3d(24px, 8px, 0) scale(0.94);
  }
  64% {
    transform: rotate(-6.5deg) translate3d(10px, 2px, 0) scale(0.97);
  }
}

@keyframes rgf-monster-float {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    filter: brightness(1);
  }
  22% {
    transform: translate3d(-2px, -3px, 0) rotate(-2.5deg) scale(1.015);
    filter: brightness(1.04);
  }
  50% {
    transform: translate3d(2px, -7px, 0) rotate(1.8deg) scale(1.03);
    filter: brightness(1.07);
  }
  76% {
    transform: translate3d(-1px, -4px, 0) rotate(-1.4deg) scale(1.01);
    filter: brightness(1.03);
  }
}

@keyframes rgf-monster-pounce-softer {
  0%, 100% {
    transform: translate3d(0, 0, 0) rotate(0deg) scale(1);
    filter: brightness(1);
  }
  14% {
    transform: translate3d(1px, 1px, 0) rotate(3deg) scale(0.97);
    filter: brightness(0.975);
  }
  28% {
    transform: translate3d(-1px, -5px, 0) rotate(-3.5deg) scale(1.06);
    filter: brightness(1.06);
  }
  46% {
    transform: translate3d(0, 1px, 0) rotate(1.5deg) scale(0.99);
    filter: brightness(1);
  }
  70% {
    transform: translate3d(0, -2px, 0) rotate(-1deg) scale(1.018);
    filter: brightness(1.02);
  }
}

@media (prefers-reduced-motion: reduce) {
  .rgf-layout *,
  .rgf-layout *::before,
  .rgf-layout *::after {
    animation: none !important;
    transition: none !important;
    scroll-behavior: auto !important;
  }
}

@media (max-width: 760px) {
  .rgf-layout__title {
    font-size: 38px;
  }

  .rgf-layout__title-box,
  .rgf-layout__intro,
  .rgf-layout__rules,
  .rgf-layout__effects {
    width: 100%;
  }

  .rgf-layout__title-box {
    min-height: 46px;
  }

  .rgf-layout__cards {
    width: min(26vw, 160px);
    max-width: 160px;
  }

  .rgf-layout__intro {
    grid-template-columns: 1fr;
    gap: 12px;
    min-height: 0;
    padding: 12px 8px;
  }

  .rgf-layout__rules {
    min-height: 0;
    padding-right: 0;
    padding-bottom: 12px;
    border-right: 0;
    border-bottom: 1px dashed var(--rgf-copy-rule);
  }

  .rgf-admin__grid {
    grid-template-columns: 1fr;
  }

  .rgf-admin__player-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }

  .rgf-admin__player-grid > :nth-child(-n + 4) {
    width: 100%;
  }
}

@media (max-width: 560px) {
  .rgf-layout {
    --rgf-gap: 6px;
  }

  .rgf-layout__title {
    font-size: 30px;
  }

  .rgf-layout__title-box {
    min-height: 38px;
  }

  .rgf-layout__cards {
    position: relative;
    top: auto;
    right: auto;
    justify-self: end;
    width: min(42vw, 150px);
    max-width: 150px;
    margin-top: -6px;
  }

  .rgf-layout__intro {
    padding: 10px 7px;
  }

  .rgf-layout__label {
    font-size: 18px;
  }

  .rgf-layout__label--small {
    font-size: 13px;
  }

  .rgf-layout__copy {
    font-size: 11px;
  }

  .rgf-layout__effects-text {
    font-size: 9px;
  }

  .rgf-board__num {
    font-size: clamp(16px, 5vw, 24px);
  }

  .rgf-token {
    font-size: 12px;
  }

  .rgf-admin__heading {
    font-size: 28px;
  }

  .rgf-admin__player-grid {
    grid-template-columns: 1fr;
  }
}