.great-vibes-regular {
  font-family: "Great Vibes", cursive;
  font-weight: 400;
  font-style: normal;
}

.bona-nova-regular {
  font-family: "Bona Nova", serif;
  font-weight: 400;
  font-style: normal;
}

.bona-nova-bold {
  font-family: "Bona Nova", serif;
  font-weight: 700;
  font-style: normal;
}

.bona-nova-regular-italic {
  font-family: "Bona Nova", serif;
  font-weight: 400;
  font-style: italic;
}

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

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

/* A1.1 */
  /*@import url(https://darknessembrace.rusff.me//style/Mybb_Foggy/Mybb_Foggy_cs.css);*/

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

/* A2.1 */
html, body {margin: 0; padding: 0}

/* 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;
  width: 100%;
   -webkit-border-radius: 30px 30px 10px 10px !important;
   -moz-border-radius: 30px 30px 10px 10px !important;
   border-radius: 30px 30px 10px 10px !important;
  }

/* 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: 1.8em;
  vertical-align: middle
  }


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

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

/* A3.2 */
.punbb {
  font: normal 68.75% verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
  }

/* 3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em verdana, arial, helvetica, sans-serif
  }


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

.punbb th   {
  font-size: 0.9em;
  font-weight: bold;
  }
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }

/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 1.1em;
  }

/* 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 */
.admin-advert-block a:not(:has(img)) {
  text-decoration: underline!important;
  font-weight: normal !important;          /* убираем жирность */
  font-size: 1em !important;                 /* размер */
  color: #b0a0e0 !important;               /* приглушённый фиолетовый */
  text-decoration: none !important;
/*  background: none !important;*/
  border: none !important;
/*  transition: all 0.2s ease !important;*/
}

/* Эффект при наведении на ссылку */
.admin-advert-block a:not(:has(img)):hover {
  color: #ffffff !important;
  text-shadow: 0 0 6px #9d4edd !important;
/*  background: rgba(75, 0, 130, 0.2) !important;*/
  border-radius: 12px !important;
/*  padding: 2px 8px !important;*/  /* необязательно – добавит небольшой отступ */
/*  margin: -2px -8px !important;*/ /* компенсация, чтобы не сдвигать верстку */
}

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


/* 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 */
/* A5.2 */
/* A5.3 */
/* ========================================================= */

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

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

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

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

/* A5.8 ниже в A5.3 */

/* A5.9 ниже в A5.3*/

/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 6px 1em 7px 1em;
  border-style: none;
  border-width: 0px;
  }

#pun-main h2 {
  padding: 6px 1em 7px 1em;
  border-style: none;
  border-width: 0px;
}

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

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

/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }

/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #080808;
  width: 250px;
  margin: 5px 0;
  }

/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }

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

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

/* B1.6 */
.punbb .post-content .blockcode, .punbb .post-content blockquote {
  width: 100%;
  overflow: hidden;
  }

/* B1.7 */
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
  }

/* B1.8 */
.punbb .post-content .quote-box, .punbb .post-content .code-box {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em;
  border: none;
  border-left: 3px dashed #0F0F0F;
  }

/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1.1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }

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

/* B2.1 */
.punbb .info-box {
  padding: 1.1em 1.7em 1em 1.7em;
  border-style: solid;
  border-width: 1px;
  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: -4.2em;
  left: 1em;
  width: 24em;
  }

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

/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }

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

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

/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }


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

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

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

/* C1.2 */
.punbb .formsubmit {
  padding: 0 0 0 1.7em;
  margin: 1em 0 0 0;
  }

/* C1.3 */
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span {
  margin: 0 0.6em 0 0
  }

/* C1.4 */
.punbb fieldset {
  border-style: solid;
  border-width: 1px;
  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 {
  padding: 0 5px;
  margin: 0 0 0 -15px;
  }

/* C1.7 */
.punbb fieldset fieldset {
  border-style: 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 4em 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;
  }

.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}

/* 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: 50%;
  }

/* C2.2 */
.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod {
  text-align: center;
  width: 10%;
  }

/* C2.3 */
.punbb .main .tcr {
  overflow: hidden;
  text-align: left;
  width: 30%;
  }

/* 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: 20%;
  }

/* 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: solid none none solid;
  border-width: 1px 0 0 1px;
  padding: 0.8em 1em;
  }

/* C2.12 */
.punbb .main th {
  padding: 5px 1em 6px 1em;
  border-bottom: 1px solid #1F2335;
  }

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

* html .tclcon {height: 1px}

/* C2.14 */
.punbb td div.tclcon {
  margin-left: 55px;
}

/* C2.15 */
.punbb div.icon {
  float: left;
  display: block;
  width: 55px;
  height: 45px;
}

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

/* C3.1 */
.punbb .post .container {
  border-style: none solid solid solid;
  border-width: 1px;
  margin-top: -1px;
  padding-bottom: 1px;
  }

/* C3.2 */
.punbb .post h3 {
  border-style: solid solid none solid;
  border-width: 1px;
  }

/* C3.3 */
.punbb .post h3 span {
  border-left: 1px solid #080808;
  padding: 0.5em 1em;
  display: block;
  margin-left: 19em;
  }

/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }

/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 19em;
  margin-top: -1.5em;
  overflow: hidden;
  }

/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }

/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }

/* C3.8 */
.pa-author a {
  text-decoration: none
  }

/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  font-weight: bold;
  }


li.pa-online {
  line-height: 1.2em;
  border-left-style: solid;
  border-left-width: 0px;
  padding-left: 1.6em;
  margin-top: 0.7em;
  }

/* C3.11 */
.punbb .post-body {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }

/* C3.12 */
.punbb .post-box {
  padding: 1em;
  }

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

/* C3.14 */
.punbb .post-links {
  margin-left: 19em;
  border-left-style: solid;
  border-left-width: 1px;
  }

/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -19em;
  border-top-style: dashed;
  border-top-width: 1px;
  background: transparent;
  text-align: right;
  }

/* 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 1em;
  text-align: right;
  margin-top: 4px;
  }

/* 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;
  }

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

/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1.5em 18px 0.8em 18px;
  margin: 0 0 1em 0;
  }

/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  border: none;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }

/* 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-bottom: none;
  margin-bottom: 0;
  }

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

/* C7.3 */
#pun-userlist .usertable table {
  border-style: solid;
  border-width: 1px;
  }


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

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

/* D1.1 */
#pun-title {
  margin: 0;
  margin-top: 0px;
  border-style: solid;
  border-width: 1px;
}

/* D1.2 */
#pun-title h1 {
  display : block;
  margin:0px 0px 0px -30px;
}

/* D1.3 */
#pun-title .container {
  border-style: none ;
  padding: 0.2em 1em 0.8em 1em;
  }

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

#pun-title TABLE {
  border: none;
  width: 100%;
}

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

#pun-title TD.title-logo-tdr {
  border: none;
  width: 100%;
  vertical-align: top;
  padding-right: 0%;
  padding-top: 88px;
}

/* 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 - Forum navigation (финальная адаптивная версия)
**************************************************************/

#pun-navlinks {
  border: none;
  margin: 0 0 0 0;
}

#pun-navlinks .container {
  border: none;
  margin: 0;
  padding: 12px 20px;
  background: rgba(0, 0, 0, 0.8);
  box-shadow: 0 0 25px 8px rgba(75, 0, 130, 0.7);
  border-radius: 15px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  transition: box-shadow 0.3s ease;
}

#pun-navlinks .container:hover {
  box-shadow: 0 0 35px 12px rgba(106, 90, 205, 0.8);
}

#pun-navlinks li {
  display: block;
  margin: 5px 18px;
  padding: 0;
}

#pun-navlinks li a {
/*  font-family: 'Bona Nova', 'Monotype Corsiva', 'Georgia', 'Brush Script MT', 'Apple Chancery';*/
  font-family: "Bona Nova", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.7em;
  color: #b8b8ff;
  text-shadow: 0 0 6px #4b0082;
  text-decoration: none;
  padding: 4px 3px;
  border-radius: 8px;
  transition: all 0.3s ease;
  white-space: nowrap;
}

#pun-navlinks li a:hover {
  color: #ffffff;
  text-shadow: 0 0 12px #8a2be2, 0 0 22px #4b0082;
  background: rgba(25, 25, 112, 0.3);
}

#pun-navlinks li a:active {
  color: #baa0ff;
  text-shadow: 0 0 5px #9370db;
  transform: scale(0.96);
  background: rgba(0, 0, 0, 0.5);
}

@media (max-width: 700px) {
  #pun-navlinks .container {
    flex-direction: column;
    padding: 15px 10px;
  }
  #pun-navlinks li {
    margin: 8px 0;
  }
  #pun-navlinks li a {
    font-size: 1.4em;
    white-space: normal;
  }
}

/*************************************************************
D4 - User links (обновлённый стиль – второстепенный, но эпичный)
**************************************************************/

#pun-ulinks {
  margin: 0 0 30px 0;          /* внешние отступы как были */
  border: none;                /* убираем старую рамку */
}

/* Контейнер: мягкая тень, фон, скругление */
#pun-ulinks .container {
  background: rgba(10, 5, 20, 0.85);  /* очень тёмный фиолетово-чёрный */
  box-shadow: 0 0 18px 6px rgba(90, 40, 150, 0.5); /* фиолетовое свежение, но слабее чем у navlinks */
  border-radius: 12px;          /* скругление, чуть меньше */
  padding: 10px 20px;           /* отступы внутри */
  text-align: center;
  border: none;
  transition: box-shadow 0.3s ease;
}

/* При наведении на весь блок можно слегка усиливать тень */
#pun-ulinks .container:hover {
  box-shadow: 0 0 22px 8px rgba(106, 90, 205, 0.6);
}

/* Элементы списка */
#pun-ulinks li {
  display: inline-block;        /* чтобы работали отступы и padding */
  margin: 0 12px;               /* отступы между пунктами */
  white-space: nowrap;
}

/* Сами ссылки */
#pun-ulinks li a {
/*  font-family: 'Bona Nova', 'Monotype Corsiva', 'Georgia', 'Brush Script MT', 'Apple Chancery';*/
  font-family: "Bona Nova", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 1.4em;             /* чуть мельче, чем в основной навигации */
  color: #c0b0ff;               /* спокойный сиреневый */
  text-shadow: 0 0 5px #4b0082; /* лёгкое фиолетовое свечение */
  text-decoration: none;
  padding: 4px 1px;
  border-radius: 6px;
  transition: all 0.25s ease;
  white-space: nowrap;
}

/* Состояние при наведении */
#pun-ulinks li a:hover {
  color: #ffffff;
  text-shadow: 0 0 10px #9b30ff, 0 0 20px #4b0082;
  background: rgba(50, 30, 100, 0.3);  /* полупрозрачный тёмно-фиолетовый фон */
}

/* Состояние при нажатии (активная ссылка) */
#pun-ulinks li a:active {
  color: #d8bfff;
  text-shadow: 0 0 8px #8a2be2;
  transform: scale(0.95);        /* лёгкое сжатие */
  background: rgba(0, 0, 0, 0.4);
}

/* Адаптивность для мобильных устройств */
@media (max-width: 600px) {
  #pun-ulinks .container {
    padding: 12px 10px;
  }
  #pun-ulinks li {
    display: block;             /* ссылки друг под другом */
    margin: 8px 0;
  }
  #pun-ulinks li a {
    font-size: 1.3em;           /* немного крупнее на телефонах */
    white-space: normal;
  }
}


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

/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }

/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }

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

/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }

/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }

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

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

/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }

/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.8em 0;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  }

/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }

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

/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }

/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }

/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }

/* D7.4 */
li#onlinelist {
  margin-top: 1em;
  border-top-style: solid;
  border-top-width: 1px;
  float: left;
  width: 100%;
  line-height: 130%;
  }

/* D7.5 */
li#onlinelist div {
  border-top-style: solid;
  border-top-width: 1px;
  padding: 0.7em 0 0 0;
  }

/* 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-top: 0;
  }

/* D8.4 */
#pun-about .container {
  border-top-style: none;
  text-align: right;
  line-height: 150%;
  padding: 0.8em 1em;
  }

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

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

/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }

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

/* D8.9 */
div.punbb-admin #pun-about .container {
  border-top-style: solid;
  border-top-width: 1px;
  }


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

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

/* D9.2 */
#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;
  }

/* 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;
  }



/*************************************************************
E - EPIC DARKNESS STYLES для категорий и главного контента
**************************************************************/

/* -------------------- Заголовки категорий ------------------- */
.punbb .category h2,
.punbb .category .container h2,
#pun-main .category h2 {
/*  font-family: 'Dancing Script', 'Monotype Corsiva', 'Brush Script MT', 'Apple Chancery', serif;*/
  font-family: "Bona Nova", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 2em !important;
  color: #e5c3ff;
  text-shadow: 0 0 20px #e0aaff, 0 0 40px #9d4edd;
  background: transparent !important;
  border: none !important;
  padding-left: 30px !important;
  letter-spacing: 4px;                    /* разреженные буквы */
  color: #e0d0ff;                         /* светлый сиреневый */
/*  text-shadow: 0 0 10px #8a2be2,           /* сильное фиолетовое свечение */
               0 0 20px #4b0082,
               2px 2px 2px #000;*/
  background: linear-gradient(145deg, #1a1a2e 0%, #0a0a1a 100%);
  border: none;
  border-bottom: 2px solid #4b0082;
  box-shadow: 0 8px 20px rgba(75, 0, 130, 0.6),  /* внешняя тень */
              inset 0 1px 3px rgba(255, 255, 255, 0.2); /* лёгкий внутренний свет */
  padding: 15px 25px;
  margin: 20px 0 10px 0;
  border-radius: 30px 30px 10px 10px;      /* драматичные скругления */
  transition: all 0.4s ease;
  position: relative;
  overflow: hidden;
}

/* Пульсирующий эффект при наведении на заголовок */
.punbb .category h2:hover {
/*  text-shadow: 0 0 15px #b87aff, 0 0 30px #9400d3, 0 0 45px #4b0082;*/
  color: #fff;
  box-shadow: 0 0 30px rgba(138, 43, 226, 0.9), inset 0 1px 5px #fff;
  border-bottom-color: #b87aff;
/*  transform: scale(1.02);*/
    text-shadow: 0 0 20px #e0aaff, 0 0 40px #9d4edd;
}

/* Магический блеск (псевдоэлемент) */
.punbb .category h2::after {
  content: '';
  position: absolute;
  top: -50%;
  left: -60%;
  width: 200%;
  height: 200%;
  background: radial-gradient(circle, rgba(255,255,255,0.15) 0%, transparent 70%);
  opacity: 0;
  transform: rotate(25deg);
  transition: opacity 0.6s;
  pointer-events: none;
}

.punbb .category h2:hover::after {
  opacity: 0.4;
  animation: shine 1.5s infinite;
}

@keyframes shine {
  0% { left: -60%; }
  100% { left: 100%; }
}

/* -------------------- Ссылки внутри категорий ------------------- */
.punbb .category a,
.punbb .tcl a,
.punbb .tcr a,
.punbb .forum a {
  font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  font-size: 1.2em;
  color: #c9b7ff !important;               /* базовый фиолетовый */
  text-decoration: none;
  text-shadow: 0 0 5px #6a0dad;
  padding: 3px 8px;
  border-radius: 12px;
  transition: all 0.3s ease;
  display: inline-block;
  position: relative;
  background: transparent;
  border: 1px solid transparent;
}

/* Эффект "тёмного пламени" при наведении */
.punbb .category a:hover,
.punbb .tcl a:hover,
.punbb .tcr a:hover,
.punbb .forum a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 12px #b87aff, 0 0 22px #7b2cbf;
  background: rgba(20, 5, 30, 0.6);
  border-color: #9d4edd;
  box-shadow: 0 0 18px #5a189a, inset 0 0 8px #c77dff;
  transform: translateY(-2px);
}

/* -------------------- Блок статистики (стилизация под магический кристалл) ------------------- */
#pun-stats .container {
  background: rgba(5, 5, 15, 0.9);
  backdrop-filter: blur(3px);
  border: 1px solid #3c096c;
  border-radius: 40px 40px 20px 20px;
  box-shadow: 0 0 40px rgba(106, 13, 173, 0.5), inset 0 0 30px rgba(123, 44, 191, 0.3);
  padding: 25px 30px;
  margin: 25px 0;
  position: relative;
}

/* Заголовок статистики */
#pun-stats h2 {
/*  font-family: 'Dancing Script', 'Monotype Corsiva', 'Brush Script MT', 'Apple Chancery', serif;*/
  font-family: "Bona Nova", serif;
  font-weight: 400;
  font-style: italic;
  font-size: 2em !important;
  color: #e5c3ff;
  text-shadow: 0 0 15px #b5179e, 0 0 30px #7209b7;
  background: transparent !important;
  border: none !important;
  padding-left: 30px !important;
}

/* Пункты статистики */
#pun-stats li {
  font-size: 1.2em;
  line-height: 2;
  color: #cbb2ff;
  text-shadow: 0 0 4px #3c096c;
  list-style-type: none;
  padding: 5px 15px;
  border-left: 4px solid #7b2cbf;
  margin: 8px 0;
  background: linear-gradient(90deg, rgba(123,44,191,0.2) 0%, transparent 80%);
  transition: all 0.3s;
}

#pun-stats li:hover {
  border-left-width: 8px;
  border-left-color: #c77dff;
  background: linear-gradient(90deg, rgba(199,125,255,0.2) 0%, transparent 90%);
  transform: translateX(5px);
  text-shadow: 0 0 8px #e0aaff;
}

/* Ссылки в статистике (если есть) */
#pun-stats a {
  color: #d7b9ff;
/*  text-decoration: none;*/ /*подчеркивание есть/нет */
/*  border-bottom: 1px dashed #9d4edd;*/ /* пунктир убран */
  transition: 0.2s;
}

#pun-stats a:hover {
  color: white;
  border-bottom-style: solid;
  text-shadow: 0 0 8px #c77dff;
}

/* -------------------- Общий контейнер главной страницы с лёгким свечением ------------------- */
#pun-main {
  position: relative;
    -webkit-border-radius: 30px 30px 10px 10px !important;
    -moz-border-radius: 30px 30px 10px 10px !important;
    border-radius: 30px 30px 10px 10px !important;
}

#pun-main::before {
  content: '';
  position: absolute;
  top: 40px; /* top: 0; */
  left: 0;
  right: 0;
  bottom: 40px; /* bottom: 0; */
  pointer-events: none;
  box-shadow: inset 0 0 150px rgba(75, 0, 130, 0.3);
  z-index: 1;
}

/* -------------------- Адаптация для мобильных ------------------- */
@media (max-width: 700px) {
  .punbb .category h2 {
    font-size: 1.4em !important;
    letter-spacing: 2px;
    padding: 10px 15px;
  }

  #pun-stats .container {
    padding: 15px;
  }

  #pun-stats li {
    font-size: 1em;
    padding: 5px 10px;
  }
}

/*************************************************************
F - DARKNESS STYLES для статуса, хлебных крошек и "о форуме"
**************************************************************/

/* -------------------- Блок статуса пользователя (pun-status) ------------------- */
#pun-status {
  margin: 20px 0 15px 0;
}

#pun-status .container {
  background: rgba(8, 5, 15, 0.9);        /* глубокий тёмно-фиолетовый */
  backdrop-filter: blur(2px);
  border: 1px solid #3a0ca3;
  border-radius: 50px 20px 50px 20px;      /* причудливая форма */
  box-shadow: 0 0 25px rgba(106, 13, 173, 0.6), inset 0 0 20px rgba(91, 33, 182, 0.4);
  padding: 18px 25px;
  transition: all 0.4s ease;
  color: #e2d0ff;
  font-size: 1.2em;
  text-shadow: 0 0 5px #560bad;
}

#pun-status .container:hover {
  box-shadow: 0 0 35px rgba(155, 93, 229, 0.9), inset 0 0 30px #7b2cbf;
  border-color: #b5179e;
  transform: scale(1.01);
}

/* Текст статуса и ссылки внутри */
#pun-status span,
#pun-status a {
  color: #d5baff;
  text-decoration: none;
  font-weight: 500;
  padding: 3px 8px;
  border-radius: 20px;
  transition: 0.3s;
}

#pun-status a {
  border: 1px solid transparent;
}

#pun-status a:hover {
  color: #ffffff;
  background: rgba(123, 44, 191, 0.3);
  border-color: #c77dff;
  box-shadow: 0 0 15px #9d4edd;
  text-shadow: 0 0 10px #e0aaff;
}

/* -------------------- Хлебные крошки (pun-crumbs1 и pun-crumbs2) ------------------- */
#pun-crumbs1,
#pun-crumbs2 {
  font-family: 'Trebuchet MS', sans-serif;
  font-size: 1.1em;
  margin: 10px 0;
  position: relative;
}

#pun-crumbs1 .container,
#pun-crumbs2 .container {
  background: rgba(0, 0, 0, 0.6);
  border: none;
  border-left: 6px solid #5a189a;
  border-right: 6px solid #5a189a;
  border-radius: 0;
  padding: 12px 25px;
  box-shadow: 0 0 20px rgba(90, 24, 154, 0.5), inset 0 0 10px #240046;
  color: #b8a0ff;
  transition: 0.3s;
}

#pun-crumbs1 .container:hover,
#pun-crumbs2 .container:hover {
  box-shadow: 0 0 30px #7b2cbf, inset 0 0 15px #9d4edd;
  border-left-color: #b5179e;
  border-right-color: #b5179e;
}

/* Разделители (стрелки) между крошками - обычно текст */
#pun-crumbs1 span,
#pun-crumbs2 span {
  color: #c77dff;
  text-shadow: 0 0 5px #9d4edd;
  margin: 0 5px;
}

/* Ссылки в крошках */
#pun-crumbs1 a,
#pun-crumbs2 a {
  color: #d9c0ff;
  text-decoration: none;
  border-bottom: 1px dashed #6a0dad;
  padding: 2px 4px;
  transition: 0.2s;
  font-weight: 500;
}

#pun-crumbs1 a:hover,
#pun-crumbs2 a:hover {
  color: #ffffff;
  border-bottom-style: solid;
  border-bottom-color: #e0aaff;
  text-shadow: 0 0 12px #c77dff;
  background: rgba(180, 0, 255, 0.1);
  border-radius: 8px;
}

/* -------------------- Блок "О форуме" (pun-about) ------------------- */
#pun-about {
  margin-top: 30px;
}

#pun-about .container {
  background: linear-gradient(145deg, #0f0c1f, #020013);
  border: 1px solid #3c096c;
  border-radius: 30px 30px 10px 10px;
  box-shadow: 0 0 35px rgba(106, 13, 173, 0.4), inset 0 0 30px #1a0033;
  padding: 20px 30px;
  text-align: center;
  color: #bc9eff;
  font-size: 1.1em;
  transition: 0.5s;
}

#pun-about .container:hover {
  box-shadow: 0 0 50px #7209b7, inset 0 0 40px #3c096c;
  border-color: #b5179e;
}

/* Ссылки в "о форуме" */
#pun-about a {
  color: #cfaaff;
  text-decoration: none;
  border-bottom: 1px dotted #7b2cbf;
  transition: 0.2s;
}

#pun-about a:hover {
  color: white;
  border-bottom-color: #e0aaff;
  text-shadow: 0 0 10px #c77dff;
}

/* -------------------- Доработка заголовка pun-stats для единства ------------------- */
#pun-stats h2 {
  font-size: 2.2em !important;               /* чуть крупнее */
  letter-spacing: 3px;
  margin-bottom: 15px;
  position: relative;
  display: inline-block;
  padding-left: 20px !important;
  transition: 0.3s;
}

/* Добавим иконку или декоративный элемент к заголовку статистики */
#pun-stats h2::before {
  content: "\2726";  /* чёрная звезда (такая же) */
  color: #b87aff !important;
  font-size: 1.2em !important;
  margin-right: 12px !important;
  text-shadow: 0 0 15px #b5179e !important;
  opacity: 0.9 !important;
  animation: glitch 3s infinite !important;
}

@keyframes glitch {
  0%, 100% { transform: translate(0); }
  92% { transform: translate(-1px, 1px); color: #c77dff; }
  94% { transform: translate(1px, -1px); color: #9d4edd; }
  96% { transform: translate(-1px, 0); color: #e0aaff; }
  98% { transform: translate(1px, 1px); color: #b87aff; }
}

#pun-stats h2:hover {
  text-shadow: 0 0 20px #e0aaff, 0 0 40px #9d4edd;
  transform: scale(1.02);
}

/* -------------------- Мобильная адаптация ------------------- */
@media (max-width: 700px) {
  #pun-status .container,
  #pun-crumbs1 .container,
  #pun-crumbs2 .container,
  #pun-about .container {
    padding: 15px 10px;
    border-radius: 20px;
  }

  #pun-status {
    font-size: 1em;
  }

  #pun-crumbs1,
  #pun-crumbs2 {
    font-size: 0.95em;
  }

  #pun-about .container {
    font-size: 0.9em;
  }

  #pun-stats h2 {
    font-size: 1.8em !important;
  }
}






/**************************************************************
***************************************************************
**************************************************************/







@import url('https://fonts.googleapis.com/css2?family=Bona+Nova:ital,wght@0,400;0,700;1,400&family=Great+Vibes&display=swap');

/* ====================== АДМИН-ПАНЕЛЬ В СТИЛЕ МИРА ТЬМЫ ====================== */
#pun-admain {
    background: #000000CC;
    color: #D5D5D5;
  font-family: "Bona Nova", serif;
  font-style: italic;
    border-radius: 30px 30px 10px 10px;
    box-shadow: 0 8px 20px rgba(75, 0, 130, 0.6), inset 0 1px 3px rgba(255,255,255,0.2);
    padding: 30px;
    margin: 40px auto;
    max-width: 1000px;
    position: relative;
/*    overflow: hidden;*/
}

/* Фон всей страницы админки */
html, body {
    background: url(https://forumstatic.ru/files/001c/81/08/76035.jpg) center top -160px no-repeat fixed!important;
    background-size: 100% auto!important;
    background-color: #000000!important;
}

/* ====================== ЗАГОЛОВКИ ====================== */
#pun-admain h1, #pun-admain h2, #pun-admain h3 {
    font-family: "Bona Nova", serif;
    font-style: italic;
    font-weight: 400;
    font-size: 2em; /* ← откатил с 2.2em */
    color: #e5c3ff;
    text-shadow: 0 0 20px #e0aaff, 0 0 40px #9d4edd;
    text-align: center;
    letter-spacing: 3px;
    border-bottom: 2px solid #4b0082;
    padding-bottom: 12px;
    margin-bottom: 25px;
}

/* ====================== КОНТЕЙНЕРЫ И ФОРМЫ ====================== */

#pun-admain fieldset {
    border-style: solid;
    border-width: 1px;
    padding: 0 18px 0 18px;
    margin: 0 0 1em 0;
    border-color: #3c096c!important;
}

#pun-admain .adinput em {
    font-size: 1.2em!important;
    display: block;
    padding-top: 2px;
    padding-bottom: 2px;
    line-height: 140%;
}

/* 5.3 */
.adformal h2, #pun-adnav h2 {
  padding: 0.5em 1em;
  border-style: none solid solid none;
  border-width: 0 1px 1px 0;
  background-color: #0a0a1a!important;
  color: #fff;
  border-color: #3c096c!important
  }

.adcontainer, .adformal {
    background: #0a0a1a;
    border: 1px solid #3c096c!important;
    border-radius: 30px 30px 10px 10px;
    box-shadow: 0 0 25px 8px rgba(75, 0, 130, 0.7);
    padding: 25px;
    margin-bottom: 25px;
    color: #D5D5D5;
}

.adcontainer:hover, .adformal:hover {
/*    box-shadow: 0 0 35px 12px rgba(106, 90, 205, 0.9);*/
    border-bottom-color: #b87aff;
}

/* ====================== НАВИГАЦИЯ СЛЕВА ====================== */

#pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span {
    font-size: 1.5em!important;
}

#pun-admain a {
    cursor: pointer;
    color: #d0bfff!important;
}

#pun-adnav {
    background: rgba(10, 5, 20, 0.85);
    border-radius: 15px;
    box-shadow: 0 0 18px 6px rgba(90, 40, 150, 0.5);
    padding: 15px;
    width: 18em; /* ← расширил, чтобы два слова помещались */
    float: left;
    margin-left: -19em;
}

#pun-adnav h3 {
    font-family: "Bona Nova", serif;
    font-style: italic;
    font-size: 1.6em;
    color: #e5c3ff;
    text-shadow: 0 0 15px #b5179e;
    background: transparent;
    border: none;
    padding: 12px 15px;
    margin-bottom: 15px;
}

#pun-adnav a {
    color: #d0bfff; /* ← новый цвет ссылок (более спокойный) */
    text-shadow: 0 0 5px #4b0082;
    font-size: 1.25em; /* ← откатил с 1.25em */
    padding: 8px 1px;
    border-radius: 8px;
    transition: all 0.3s;
    white-space: nowrap; /* ← не переносим слова */
    display: block;
}

#pun-adnav a:hover {
    color: #ffffff;
    text-shadow: 0 0 12px #b87aff, 0 0 22px #4b0082;
    background: rgba(25, 25, 112, 0.3);
}

#pun-adnav li.isactive a {
    color: #ffffff;
    background: rgba(138, 43, 226, 0.3); /* ← мягче */
    box-shadow: 0 0 10px #9d4edd; /* ← уменьшил тень*/
}

/* ====================== ПОЛЯ ФОРМ (тёмный фон) ====================== */

#pun-admain legend span {
    color: #e5c3ff!important;
    font-weight: bold!important;
    text-shadow: 0 0 6px #4b0082!important;
    padding: 0 5px;
    margin: 0 0 0 -15px;
    background-color: #0a0a1a!important;
}

#pun-admain label, div#pun-admain .adlabel {
  font-weight: bold;
  font-size: 1.3em!important;
  }

#pun-admain .adlabel {
    float: left;
    margin-left: -14em!important;
    position: relative;
}

#pun-admain fieldset .adfs-box {
    background: #0a0a1a!important; /* ← тёмный фон, текст теперь читается */
    padding: 1em 0 1em 0;
    overflow: hidden;
}

#pun-admain fieldset .handle, #pun-admain fieldset p {
    border-left-style: solid;
    border-left-width: 18em;
    margin-bottom: 3px;
    padding: 6px 0;
    position: relative;
    border-color: #0a0a1a!important;
    background: #0a0a1a!important; /* ← тёмный фон, текст теперь читается */
}

#pun-admain textarea, #pun-admain .longinput input {
    width: 94%!important;
}

#pun-admain input, #pun-admain select, #pun-admain textarea {
    background: #0a0a1a; /* ← тёмный фон, текст теперь читается */
    color: #D5D5D5;
    border: 1px solid #4b0082;
    border-radius: 8px;
    padding: 10px;
    font-family: "Bona Nova", serif;
    transition: all 0.3s;
}

#pun-admain input:focus, #pun-admain select:focus, #pun-admain textarea:focus {
    border-color: #b87aff;
    box-shadow: 0 0 15px #9d4edd;
    outline: none;
}

#pun-admain label, .adlabel {
    color: #e5c3ff;
    font-weight: bold;
    text-shadow: 0 0 6px #4b0082;
}

/* ====================== ТАБЛИЦЫ ====================== */
#pun-admain table {
    background: #0a0a1a; /* rgba(0,0,0,0.6); */
    border-collapse: separate;
    border-spacing: 0;
    border-radius: 15px;
    overflow: hidden;
}

#pun-admain .adcontainer th {
  border-style: none none none solid;
  border-width: 0 0 0 1px;
  padding: 0.4em 1em 0.4em 1em;
  border-color: #3c096c!important; /* #3c096c*/ /* #ddd */
  background-color: #0a0a1a!important;
  }

#pun-admain .adcontainer td {
    border-color: #3c096c!important;
}

#pun-admain th {
    background: #1a1a2e;
    color: #e5c3ff;
    text-shadow: 0 0 8px #7209b7;
    padding: 12px;
    border-bottom: 2px solid #4b0082;
}

#pun-admain td {
    padding: 12px;
    border-top: 1px solid #3c096c;
    color: #D5D5D5;
}

/* ====================== КНОПКИ ====================== */
.adsubmit input[type="submit"], .adsubmit a {
    background: rgba(75, 0, 130, 0.8);
    color: #ffffff;
    font-family: "Bona Nova", serif;
    font-style: italic;
    font-size: 1.3em;
    padding: 14px 32px;
    border-radius: 30px;
    text-shadow: 0 0 6px #4b0082;
    box-shadow: 0 0 20px rgba(138, 43, 226, 0.5);
    border: none;
    transition: all 0.3s;
}

.adsubmit input[type="submit"]:hover, .adsubmit a:hover {
    background: rgba(138, 43, 226, 0.9);
    box-shadow: 0 0 30px rgba(138, 43, 226, 0.9);
    transform: scale(1.05);
}

/* ====================== АДАПТИВНОСТЬ ====================== */
@media (max-width: 700px) {
    #pun-admain { margin: 20px 10px; padding: 20px; }
    #pun-adnav { float: none; margin-left: 0; width: 100%; margin-bottom: 20px; }
}



/* ===================== Скроллбар в админке ===================== */
#pun-admain textarea::-webkit-scrollbar {
    width: 14px;
}

#pun-admain textarea::-webkit-scrollbar-track {
    background: #0a0a1a;
    border: 1px solid #3c096c;
    border-radius: 10px;
    box-shadow: inset 0 0 10px rgba(75, 0, 130, 0.6);
}

#pun-admain textarea::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #4b0082, #9d4edd);
    border: 3px solid #1a1a2e;
    border-radius: 10px;
    box-shadow: 0 0 12px #b87aff,
                inset 0 0 8px rgba(255,255,255,0.15);
}

#pun-admain textarea::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #9d4edd, #b87aff);
    box-shadow: 0 0 18px #e5c3ff;
}

/* Firefox (старые версии + fallback) */
#pun-admain textarea {
    scrollbar-width: thin;
    scrollbar-color: #9d4edd #0a0a1a;
}

/* ====================== УНИВЕРСАЛЬНЫЙ ЭПИЧНЫЙ СКРОЛЛЕР ДЛЯ ВСЕХ TEXTAREA + СТИЛЬНЫЙ РЕСАЙЗЕР ====================== */
/* Работает на всём форуме (все textarea), включая админку, посты, сообщения и т.д. */

/* WebKit (Chrome, Edge, Safari, новые Firefox) */
textarea::-webkit-scrollbar {
    width: 14px;
}

textarea::-webkit-scrollbar-track {
    background: #0a0a1a;
    border: 1px solid #3c096c;
    border-radius: 10px;
    box-shadow: inset 0 0 10px rgba(75, 0, 130, 0.6);
}

textarea::-webkit-scrollbar-thumb {
    background: linear-gradient(to bottom, #4b0082, #9d4edd);
    border: 3px solid #1a1a2e;
    border-radius: 10px;
    box-shadow: 0 0 12px #b87aff,
                inset 0 0 8px rgba(255,255,255,0.15);
}

textarea::-webkit-scrollbar-thumb:hover {
    background: linear-gradient(to bottom, #9d4edd, #b87aff);
    box-shadow: 0 0 18px #e5c3ff;
}

/* Firefox */
textarea {
    scrollbar-width: thin;
    scrollbar-color: #9d4edd #0a0a1a;
}

/* ====================== ЭПИЧНЫЙ РЕСАЙЗЕР (тот самый треугольник/хват в правом нижнем углу) ====================== */
textarea::-webkit-resizer {
    width: 18px;
    height: 18px;
    
    /* Тёмный фон точно как у textarea — белого по краям больше НЕТ */
    background: #0a0a1a;
    
    /* Тёмная рамка без светлых краёв */
    border: 2px solid #3c096c;
/*    border-radius: 6px;*/
    
    /* Магическая тень + тёмный внутренний объём (убрал белый inset) */
    box-shadow: 
        0 0 14px #b87aff,
        inset 0 0 6px rgba(75, 0, 130, 0.85);
    
    /* 3 диагональные полоски-грип — сразу понятно, что тянуть сюда */
    background-image: 
        linear-gradient(135deg, transparent 38%, #b87aff 38%, #b87aff 41%, transparent 41%),
        linear-gradient(135deg, transparent 48%, #b87aff 48%, #b87aff 51%, transparent 51%),
        linear-gradient(135deg, transparent 58%, #b87aff 58%, #b87aff 61%, transparent 61%);
    background-size: 100% 100%;
    
    /* Лёгкий дополнительный блеск на полосках при наведении */
    transition: all 0.2s;
}

textarea::-webkit-resizer:hover {
    box-shadow: 
        0 0 18px #e5c3ff,
        inset 0 0 6px rgba(75, 0, 130, 0.85);
    background-image: 
        linear-gradient(135deg, transparent 38%, #e5c3ff 38%, #e5c3ff 41%, transparent 41%),
        linear-gradient(135deg, transparent 48%, #e5c3ff 48%, #e5c3ff 51%, transparent 51%),
        linear-gradient(135deg, transparent 58%, #e5c3ff 58%, #e5c3ff 61%, transparent 61%);
}

/* ================ ЭПИЧНАЯ СТРАНИЦА ПЕРЕАДРЕСАЦИИ ================ */

/*html, body, #pun, #pun-main {
background-image: url(https://forumstatic.ru/files/001c/81/08/76035.jpg) center top -160px no-repeat fixed!important;
    background-size: 100% auto!important;
    background-color: #000000!important;
}*/

/* A5.1 */
#pun {
  margin: 0px auto auto auto;
  width: 802px;
  padding: 0px;
  border: none;
}

/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
}

/* ================= A5.3 ================= */
#pun-redirect, #pun-maint {
      background: #000000CC url(https://forumstatic.ru/files/001c/81/08/76035.jpg) center top 20px no-repeat fixed!important;
      position: absolute;
      width: 100%;
      height: auto;
      z-index: 100;
/*    background: #000000CC;*/
    color: #e5c3ff;
    font-size: 1em;
    font-family: "Bona Nova", serif;
    border-radius: 30px 30px 10px 10px;
    box-shadow: 0 12px 30px rgba(75, 0, 130, 0.75), 
                inset 0 1px 3px rgba(255,255,255,0.15);
    padding: 60px 3px 22px 3px;    /* 60 40 */
    margin: 120px 30px 30px 24px; /*120px auto 30px auto*/
    max-width: 720px;
/*    position: relative;*/
    overflow: hidden;
    text-align: center;
    border: 1px solid #3c096c;
}

/* Текст сообщения (сразу большой, готический и с магическим свечением) */
#pun-redirect p, #pun-maint p {
    font-size: 2.1em;
    font-style: italic;
    line-height: 1.55;
    color: #e5c3ff;
    text-shadow: 0 0 18px #e0aaff,
                 0 0 35px #9d4edd,
                 0 0 55px #4b0082;
    margin: 0 0 20px 0;
}

/* Ссылка «Если не перенаправило - нажмите сюда» */
#pun-redirect a, #pun-maint a {
    display: inline-block;
    color: #b87aff;
    font-size: 1.25em;
    text-shadow: 0 0 8px #4b0082;
    text-decoration: none;
    padding: 8px 20px;
    border: 1px solid #4b0082;
    border-radius: 8px;
    transition: all 0.25s;
}

#pun-redirect a:hover, #pun-maint a:hover {
    color: #ffffff;
    background: rgba(138, 43, 226, 0.15);
    box-shadow: 0 0 15px #9d4edd;
    text-shadow: 0 0 12px #b87aff;
}

/* Если в теме есть заголовок (h2 или h1) — тоже в стиле */
#pun-redirect h1, #pun-redirect h2,
#pun-maint h1, #pun-maint h2 {
    font-family: "Bona Nova", serif;
    font-style: italic;
    font-size: 2.4em;
    color: #e5c3ff;
    text-shadow: 0 0 25px #e0aaff, 0 0 45px #9d4edd;
    margin-bottom: 25px;
    letter-spacing: 2px;
}

/* A5.8 */
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post {
    border: 0px solid #3c096c;
/*  border-style: none none solid none;
  border-width: 0px 0px 2px 0px;*/
  }

/* A5.9*/
.punbb .container {
    border: 0px solid #3c096c;
/*  border-style: solid;
  border-width: 1px;*/
  }
/* ========================================================= */

/*************************************************************
H1 в основной области форума – только текст, без рамок и фона
**************************************************************/

#pun-main h1 {
  font-family: "Bona Nova", serif !important;
  font-weight: 400 !important;
  font-style: italic !important;
  font-size: 2.2em !important;        /* размер по желанию */
  color: #e5c3ff !important;
  text-shadow: 0 0 12px #e0aaff, 0 0 25px #9d4edd !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  padding: 10px !important;         /* 0 */
  margin: 0.5em 0 !important;         /* только вертикальные отступы */
  text-align: center !important;
  transition: text-shadow 0.3s ease, color 0.3s ease !important;
}

/* Эффект при наведении – только изменение цвета и тени, без смещения */
#pun-main h1:hover {
  color: #ffffff !important;
  text-shadow: 0 0 20px #e0aaff, 0 0 35px #9d4edd !important;
}
/* ========================================================= */

/*************************************************************
Мелкие ссылки модерации (перенести, удалить тему и т.п.)
**************************************************************/

/* Общий контейнер блока модерации */
.punbb .modmenu .container {
  font-size: 0.9em;           /* немного уменьшаем общий шрифт */
}

/* Ссылки в блоке модерации */
.punbb .modmenu .container a {
  font-size: 1.15em;          /* ещё мельче, чем остальной текст */
  color: #a0a0c0;             /* приглушённый серо-фиолетовый */
  text-decoration: none;      /* убираем подчёркивание */
  background: none;
  border: none;
  padding: 2px 5px;
  transition: all 0.2s ease;
}

/* Эффект при наведении: чуть светлее и появляется лёгкое свечение */
.punbb .modmenu .container a:hover {
  color: #d0b0ff;
  text-shadow: 0 0 5px #9d4edd;
  background: rgba(75, 0, 130, 0.2);
  border-radius: 12px;
}

/* Если в блоке есть кнопки (например, "Выполнить") – тоже сделаем их мелкими */
.punbb .modmenu .container input[type="submit"],
.punbb .modmenu .container input[type="button"] {
  font-size: 1.15em;
  padding: 2px 8px;
  background: rgba(0,0,0,0.5);
  border: 1px solid #3c096c;
  color: #c0b0ff;
  border-radius: 12px;
  cursor: pointer;
  transition: all 0.2s;
}

.punbb .modmenu .container input[type="submit"]:hover,
.punbb .modmenu .container input[type="button"]:hover {
  background: rgba(75, 0, 130, 0.4);
  border-color: #9d4edd;
  color: #fff;
  box-shadow: 0 0 8px #b87aff;
}

/* Необязательно: текст «Модерация:» (обычно внутри <strong>) – сделаем его тоже мелким, но чуть заметнее */
.punbb .modmenu .container strong {
  font-size: 0.9em;
  font-weight: normal;
  color: #c0a0ff;
  text-shadow: 0 0 3px #4b0082;
}

/* ========================================================= */

/*************************************************************
Ссылки создания темы / опроса (менее заметные, стиль наведения)
**************************************************************/

/* Ссылка в верхней части (linkst) */
.linkst .postlink a,
.linkst .postlink {
  font-weight: normal !important;          /* убираем жирность */
  font-size: 1em !important;                 /* размер */
  color: #b0a0e0 !important;               /* приглушённый фиолетовый */
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  transition: all 0.2s ease !important;
}

/* Ссылка в нижней части (linksb) */
.linksb .postlink a,
.linksb .postlink {
  font-weight: normal !important;
  font-size: 0.9em !important;
  color: #b0a0e0 !important;
  text-decoration: none !important;
  background: none !important;
  border: none !important;
  transition: all 0.2s ease !important;
}

/* Эффект при наведении на ссылку */
.linkst .postlink a:hover,
.linksb .postlink a:hover {
  color: #ffffff !important;
  text-shadow: 0 0 6px #9d4edd !important;
  background: rgba(75, 0, 130, 0.2) !important;
  border-radius: 12px !important;
  padding: 2px 8px !important;  /* необязательно – добавит небольшой отступ */
  margin: -2px -8px !important; /* компенсация, чтобы не сдвигать верстку */
}

/* Если нужно убрать подчёркивание и у ссылок внутри .postlink, которые могут быть в span */
.linkst .postlink span,
.linksb .postlink span {
  /* оставляем без изменений, но можно дополнительно настроить */
}

/* Скрываем сетку разделов при загрузке страницы с хешем (для перехода из таблицы в галереию) */
body.hash-loading #sectionsGrid {
    display: none;
}