/* ==============================
   00. Шрифты и базовый импорт
============================== */

@import url(style_cs.1782795569.css);
@import url('https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');
@font-face{font-family:Petit;src:url('https://forumstatic.ru/files/001c/bd/a1/60069.ttf') format('truetype')}
@font-face{font-family:Budmo;src:url('https://forumstatic.ru/files/001c/bd/a1/52338.otf') format('opentype')}
@font-face{font-family:Gropled;src:url('https://forumstatic.ru/files/001c/bd/a1/26774.otf') format('opentype');font-weight:700}

/* ==============================
   01. Root / переменные
============================== */

:root {

  /* ── Палитра alaska / white ── */
  --c-white:            #ffffff;
  --c-snow:             #f1f1f1;
  --c-cloud:            #e3e3e3;
  --c-silver:           #bfbfbf;
  --c-grey:             #9c9c9c;
  --c-grey-dark:        #888888;
  --c-grey-blue:        #969ea5;
  --c-blue-grey:        #99a3b2;

  --c-blue-bright:      #95b0d8;
  --c-blue-light:       #9fbcdf;
  --c-blue-steel-light: #9cafcd;
  --c-blue:             #95b0ca;
  --c-blue-pale:        #a7bbcd;
  --c-blue-steel:       #7e9bb5;
  --c-blue-deep:        #7794af;
  --c-slate:            #5f6b78;

  --c-blue-mist:        #c5cfd8;
  --c-blue-frost:       #d0d6e5;
  --c-blue-ice:         #d2d6df;
  --c-blue-ice2:        #d3dbe3;
  --c-blue-ice3:        #d4dbe3;

  --c-pink-light:       #ffd4e8;
  --c-pink:             #dd9ebb;
  --c-pink-deep:        #d589a6;
  --c-rose-dusty:       #d9b6c6;
  --c-rose-dusty2:      #d9b5c6;
  --c-mauve:            #c78da4;
  --c-rose:             #c78499;

  /* ── Размеры / шрифты ── */
  --forum-width: 1060px;
  --header-height: 399px;
  --footer-height: 186px;
  --nav-font-size: 19px;
  --nav-letter-spacing: 1px;
  --radius: 10px;

  --font-main:    Inter;
  --font-gropled: Gropled, serif;
  --font-petit:   Petit, cursive;
  --font-budmo:   Budmo, fantasy;

  /* ── Картинки ── */
  --forum-bg-image: url("https://i.postimg.cc/c1Ry1mnj/fon.png");
  --header-image:   url("https://i.postimg.cc/GhtQg3dP/podlozka-sapki.png");
  --footer-image:   url("https://i.postimg.cc/kgt0V3Yy/futer.png");

  /* ── Семантика ── */
  --forum-bg:    transparent;

  --blue:        var(--c-blue);
  --blue-soft:   var(--c-blue-pale);
  --blue-deep:   var(--c-blue-deep);

  --pink:        var(--c-pink);
  --pink-soft:   var(--c-rose-dusty);
  --pink-deep:   var(--c-pink-deep);

  --panel:       var(--c-snow);
  --panel-alt:   var(--c-blue-ice);
  --panel-line:  var(--c-cloud);

  --text:        var(--c-slate);
  --text-soft:   var(--c-grey-blue);

  --link-color:  var(--c-white);
  --link-hover:  var(--c-pink-deep);
  --link-pink:   var(--c-pink);
  --link-blue:   var(--c-blue-deep);

  /* ── Точечные (профиль, иконки, плашки) ── */
  --card-bg:     var(--c-cloud);
  --card-border: var(--c-blue-light);
  --card-panel:  var(--c-snow);
  --nick:        var(--c-pink);
  --status:      var(--c-grey);
  --stat-line:   var(--c-blue-grey);
  --stat-icon:   var(--c-blue-grey);
  --plate-bg:    var(--c-blue-deep);
  --icon-base:   var(--c-cloud);
  --icon-read:   var(--c-blue-ice3);
  --editor-icon: var(--c-blue-steel-light);
  --quote-bg:    var(--c-snow);
}

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

body {
  background-color: var(--blue);
  background-image: var(--forum-bg-image);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  background-attachment: fixed;
  font-size: 16px;
}

.punbb {
  width: 100%;
  min-height: 1px;
  font: normal 11px Verdana, Arial, Helvetica, sans-serif;
}

.punbb *,
.punbb *::before,
.punbb *::after {
  box-sizing: border-box;
  margin: 0;
}

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

.punbb img {
  max-width: 100%;
  vertical-align: middle;
}

.punbb a,
.punbb a:link,
.punbb a:visited {
  color: var(--link-blue);
  text-decoration: underline;
}

.punbb a:hover,
.punbb a:focus,
.punbb a:active {
  color: var(--pink-deep);
}

.punbb textarea,
.punbb input,
.punbb select,
.punbb optgroup {
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.punbb h1,
.punbb h2,
.punbb h3,
.punbb h4,
.punbb table,
.punbb th {
  font-size: 11px;
  font-weight: normal;
}

.punbb h1 span,
.punbb h2 span,
.punbb legend span {
  font-size: 12px;
}

.punbb pre {
  font: 12px/140% Monaco, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
}

.punbb address,
.punbb em {
  font-style: normal;
}

.punbb .post-content em {
  font-style: italic;
}

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

.punbb optgroup {
  font-weight: bold;
}

.punbb .container::after,
.punbb .post-links ul::after,
.punbb .main div.inline::after,
.punbb .post-box::after,
.punbb .linksb::after,
#pun::after {
  content: "";
  display: block;
  clear: both;
}

.acchide,
#pun-title h1 span,
#pun-title .title-logo-tdl,
#pun-announcement h2,
#pun-announcement h2 span,
#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 {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

/* ==============================
   02. Каркас форума
============================== */

#pun {
  width: var(--forum-width);
  background: var(--panel);
  margin: 30px auto;
  position: relative;
}

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

.punbb .section,
.punbb .main {
  margin-bottom: 16px;
}

.punbb .category,
.punbb .post {
  margin-top: 4px;
}

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

#pun-post .topic {
  margin-top: 11px;
}

.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: var(--panel);
  color: var(--text);
}

.punbb .main .container,
.punbb .post .container,
.punbb .post h3 {
  background-color: var(--panel);
  color: var(--text);
}

.punbb .main .container,
.punbb .section .container {
  border-radius: 0 0 var(--radius) var(--radius);
}

#pun-stats h2,
.punbb .main h1,
.punbb .main h2,
#pun-debug h2 {
  padding: 12px 16px;
  background-color: var(--blue-soft);
  background-image: var(--forum-bg-image);
  background-position: center;
  background-size: cover;
  color: var(--c-white);
  font-weight: 700;
  letter-spacing: .5px;
  border-radius: var(--radius) var(--radius) 0 0;
}

.punbb legend span,
#viewprofile h2 span,
#profilenav h2 span {
  background-color: var(--panel);
  color: var(--pink-deep);
}

/* ==============================
   03. Шапка, навигация, статус
============================== */

#pun-title {
  width: 100%;
  height: var(--header-height);
  margin: 0;
  background-image: var(--header-image);
  background-repeat: no-repeat;
  background-position: center top;
  background-size: cover;
  color: transparent;
  overflow: hidden;
}

#pun-title .container {
  width: 100%;
  height: 100%;
  background: transparent;
}

#pun-title h1 {
  width: 100%;
  height: 100%;
  padding: 0;
  display: block;
}

#pun-title h1 span {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

#pun-navlinks {
  position: absolute;
  top: 10px;
  left: 0;
  z-index: 20;
  width: 100%;
  margin: 0;
}

#pun-navlinks .container {
  padding: 0 110px;
  background: transparent;
  text-align: center;
}

#pun-navlinks ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 24px;
}

#pun-navlinks li {
  display: block;
  padding: 0;
}

#pun-navlinks a {
  color: var(--link-color);
  font-size: var(--nav-font-size);
  line-height: 22px;
  letter-spacing: var(--nav-letter-spacing);
  text-decoration: none;
  text-transform: lowercase;
  transition: color 0.25s ease;
  font-family: var(--font-gropled);
  font-weight: 700;
}

#pun-navlinks a:hover,
#pun-navlinks a:focus,
#pun-navlinks a:active {
  color: var(--link-hover);
  text-decoration: none;
}

#pun-ulinks {
  position: absolute;
  top: 377px;
  left: 0;
  z-index: 20;
  width: 100%;
  margin: 0;
}

#pun-ulinks .container {
  padding: 0 190px;
  background: transparent;
  text-align: center;
}

#pun-ulinks ul {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
}

#pun-ulinks li {
  display: block;
  padding: 0;
}

#pun-ulinks li a {
  padding: 0;
  color: var(--link-color);
  line-height: 18px;
  letter-spacing: 0.5px;
  text-decoration: none;
  text-transform: lowercase;
  white-space: nowrap;
  transition: color 0.25s ease;
  font-family: var(--font-main);
  font-size: 12px;
  font-weight: 500;
}

#pun-ulinks li a:hover,
#pun-ulinks li a:focus,
#pun-ulinks li a:active {
  color: var(--pink-soft);
  text-decoration: none;
}

#pun-status {
  display: none;
}

#pun-crumbs1,
#pun-crumbs2 {
  overflow: hidden;
  font-weight: 700;
}

#pun-crumbs1 { margin-top: 0; }
#pun-crumbs2 { margin-bottom: 0; }

#pun-crumbs1 p.container,
#pun-crumbs2 .container {
  padding: 12px;
  background: var(--panel);
  border-radius: var(--radius);
  text-align: center;
  font-size: 12px;
  color: var(--blue-deep);
}

#pun-crumbs1 a,
#pun-crumbs2 a {
  color: var(--blue-deep);
  text-decoration: none;
}

#pun-crumbs1 a:hover,
#pun-crumbs2 a:hover {
  color: var(--pink-deep);
}

#pun-break1,
#pun-break4 {
  position: relative;
  z-index: 1;
  height: 0;
  margin: -2px 11px;
}

/* ==============================
   04. Объявление, статистика, футер
============================== */

#pun-announcement .container {
  padding: 11px;
}

#pun-stats .container {
  padding: 14px 18px;
  background: var(--panel);
  border-radius: 0 0 var(--radius) var(--radius);
}

#pun-stats .container > ul:first-child {
  display: flex;
  gap: 10px;
  margin-bottom: 14px;
}

#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
  flex: 1;
  float: none;
  clear: none;
  padding: 10px 12px;
  background: var(--blue);
  border-radius: 8px;
  text-align: center;
  font-size: 10px;
  line-height: 1.2;
  color: var(--link-color);
}

#pun-stats li.item4 {
  background: var(--pink-deep);
  color: var(--link-color);
}

#pun-stats li.item4 a { color: var(--link-color) !important; }

li#onlinelist {
  float: left;
  width: 100%;
  margin-top: 0;
  padding-top: 12px;
  border-top: 1px dashed var(--panel-line);
  line-height: 150%;
  color: var(--text);
}

li#onlinelist div {
  padding: 6px 0;
}

#pun-stats .coop-links {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px dashed var(--panel-line);
}

#pun-stats .coop-links a {
  color: var(--link-pink);
  font-family: var(--font-main);
  font-size: 12px;
  text-decoration: none;
  text-transform: lowercase;
  transition: color .25s ease;
}

#pun-stats .coop-links a:hover {
  color: var(--pink-deep);
}

#pun-qjump {
  position: relative;
  float: left;
  width: 50%;
  margin: 0;
}

#pun-qjump .container {
  padding: 9px 11px;
  background: transparent;
}

#pun-about {
  width: 100%;
  min-height: var(--footer-height);
  margin: 0;
  background-image: var(--footer-image);
  background-repeat: no-repeat;
  background-position: center bottom;
  background-size: cover;
  overflow: hidden;
}

#pun-about .container {
  min-height: var(--footer-height);
  padding: 0;
  background: transparent;
  color: transparent;
  line-height: 0;
  text-align: left;
}

#pun-about p,
#pun-about p span,
#pun-about a {
  position: absolute;
  left: -9999px;
  width: 0;
  height: 0;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
}

/* ==============================
   05. Таблицы и список форумов
============================== */

.punbb .main table {
  width: 100%;
  table-layout: fixed;
}

.punbb .main .tcl {
  width: 50%;
  overflow: hidden;
  text-align: left;
}

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

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

#pun-userlist .main .tcl,
#pun-searchtopics .main .tcl,
#pun-modviewforum .main .tcl {
  width: 40%;
}

#pun-userlist .main .tc2,
#pun-searchtopics .main .tc2 {
  width: 20%;
  text-align: left;
}

.punbb .main td {
  padding: 9px 11px;
}

.punbb .main th {
  padding: 4px 11px;
}

.punbb tbody.hasicon td.tcl {
  padding-left: 35px;
}

.punbb td span.youposted {
  position: absolute;
  margin-left: -11px;
  font-weight: bold;
}

.punbb td .modlist {
  display: block;
  padding-top: 3px;
}

.punbb div.icon {
  width: 12px;
  height: 12px;
  margin-top: 1px;
  background-color: var(--icon-base);
  line-height: 0;
}

.punbb table div.icon {
  position: absolute;
  width: 28px;
  height: 28px;
  margin-top: 2px;
  margin-left: -44px;
  background-color: var(--icon-read);
  clip-path: polygon(50% 2%, 61% 35%, 96% 35%, 68% 57%, 79% 92%, 50% 71%, 21% 92%, 32% 57%, 4% 35%, 39% 35%);
  font-size: 0;
}

.punbb div.inew {
  background-color: var(--pink);
}

tr.iredirect div.icon {
  background-color: var(--blue-soft);
}

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

/* ==============================
   06. Индекс форума: строки-карточки
============================== */

#pun-index .main .container {
  padding: 0;
}

#pun-index .main tbody.hasicon td.tcl {
  padding-left: 58px;
}

#pun-index .main .tcl {
  width: 68%;
  padding: 18px 18px 18px 58px;
  border-bottom: 1px dashed var(--panel-line);
}

#pun-index .main .tc2,
#pun-index .main .tc3 {
  display: none;
}

#pun-index .main .tcr {
  position: relative;
  width: 32%;
  padding: 18px 78px 18px 18px;
  text-align: right;
  border-bottom: 1px dashed var(--panel-line);
}

#pun-index .main tbody tr:last-child .tcl,
#pun-index .main tbody tr:last-child .tcr {
  border-bottom: none;
}

#pun-index .tcl h3 {
  margin-bottom: 6px;
  font-family: var(--font-gropled);
  font-size: 26px;
  font-weight: 700;
  line-height: 1;
}

#pun-index .tcl h3 a,
#pun-index .tcl h3 a:link,
#pun-index .tcl h3 a:visited {
  color: var(--pink);
  text-decoration: none;
}

#pun-index .tcl h3 a:hover {
  color: var(--pink-deep);
}

#pun-index .tcl,
#pun-index .tcl p {
  color: var(--text);
  font-size: 11px;
  line-height: 150%;
}

#pun-index .tcr a,
#pun-index .tcr a:link,
#pun-index .tcr a:visited {
  color: var(--link-pink);
  text-decoration: none;
  font-size: 12px;
}

#pun-index .tcr a:hover {
  color: var(--pink-deep);
}

#pun-index .tcr span {
  color: var(--text-soft);
  font-size: 11px;
}

#pun-index .tcr img {
  position: absolute;
  top: 16px;
  right: 18px;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  object-fit: cover;
}

.coop-badge {
  display: inline-block;
  margin: 6px 6px 0 0;
  padding: 4px 16px;
  background: var(--blue-soft);
  border-radius: 6px;
  color: var(--c-white);
  font-family: var(--font-main);
  font-size: 10px;
  letter-spacing: .3px;
  text-transform: lowercase;
}

.coop-badge.pink {
  background: var(--pink);
}

/* ==============================
   07. Темы и сообщения
============================== */

.punbb .post h3 span {
  display: block;
  margin-left: 246px;
  padding: 6px 11px;
  background-color: var(--panel-alt);
  color: var(--text);
}

.punbb .post h3 strong {
  float: right;
  width: 55px;
  font-weight: normal;
  text-align: right;
}

.punbb .post .post-author {
  float: left;
  width: 209px;
  margin-top: -17px;
  overflow: hidden;
}

.punbb .post .post-author ul,
.punbb .post .post-author p {
  padding: 0 11px 11px;
  line-height: 140%;
}

.pa-author {
  font-size: 12px;
  font-weight: bold;
}

.pa-author a {
  text-decoration: none;
  color: var(--pink-deep);
}

li.pa-title {
  padding-bottom: 4px;
  font-weight: bold;
}

li.pa-online {
  margin-top: 8px;
  padding-left: 4px;
  line-height: 9px;
}

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

.punbb .post-body {
  margin-left: 246px;
  padding: 0 0 1px;
}

.punbb .post-box {
  padding: 11px;
}

.punbb fieldset .post-box {
  margin-bottom: 9px;
}

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

.punbb .post-content p {
  margin: 0;
  padding: 0 0 11px;
  line-height: 150%;
}

.punbb .post-content img {
  vertical-align: text-bottom;
}

.punbb .post-content img.postimg {
  vertical-align: middle;
}

.punbb .post-content .blockcode,
.punbb .post-content blockquote,
.punbb .post-content .scrollbox {
  width: 100%;
  overflow: auto;
}

.punbb .quote-box,
.punbb .code-box {
  margin: 4px 20px 15px;
  padding: 11px;
  background-color: var(--quote-bg);
  border-left: 3px solid var(--pink-soft);
  color: var(--text);
}

.punbb .quote-box cite,
.punbb .code-box strong.legend {
  display: block;
  margin: 0;
  padding-bottom: 8px;
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  color: var(--pink-deep);
}

.punbb .post-sig dt {
  display: block;
  width: 250px;
  margin: 5px 0;
}

.punbb .post-links {
  margin-left: 246px;
}

.punbb .post-links ul {
  height: 22px;
  margin-left: -246px;
  padding: 0 11px 0 0;
  background: transparent;
  line-height: 22px;
  text-align: right;
}

.punbb .post-links li {
  display: inline;
  padding-left: 11px;
}

.pl-email,
.pl-website {
  float: left;
}

.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
}

/* ==============================
   08. Пагинация и ссылки действий
============================== */

.punbb .linkst {
  position: relative;
  float: left;
  width: 100%;
  height: 0;
  font-size: 12px;
}

.multipage {
  margin-top: 33px;
}

.linkst .pagelink {
  position: absolute;
  top: -44px;
  left: 11px;
  width: 264px;
}

.linkst .postlink {
  position: absolute;
  top: -44px;
  right: 11px;
  width: 176px;
  font-weight: bold;
  text-align: right;
}

.punbb .linksb {
  padding: 4px 11px 6px;
  font-size: 12px;
  text-align: right;
}

.linksb .pagelink {
  float: left;
  width: 264px;
  text-align: left;
}

.linksb .postlink {
  float: right;
  width: 176px;
  font-weight: bold;
}

.subscribelink {
  clear: both;
  padding-top: 3px;
  padding-bottom: 6px;
}

/* ==============================
   09. Формы и поля
============================== */

.punbb .formal .container {
  padding: 19px 25px 12px;
}

.punbb .formsubmit {
  margin: 11px 0 0;
  padding: 0 0 0 19px;
}

.punbb .formsubmit input,
.punbb .formsubmit a,
.punbb .formsubmit span {
  margin: 0 7px 0 0;
}

.punbb fieldset {
  margin: 0 0 11px;
  padding: 0 18px;
}

.punbb fieldset legend {
  margin: 0 0 0 11px;
  padding: 0;
  font-size: 12px;
}

.punbb fieldset legend span {
  margin: 0 0 0 -15px;
  padding: 0 5px;
}

.punbb fieldset fieldset {
  margin: 0;
  padding: 0 0 8px;
}

.punbb .fs-box {
  padding: 11px 0 9px;
}

.punbb .fs-box p,
.punbb .fs-box fieldset {
  padding: 0 0 9px;
}

.punbb .inline .inputfield,
.punbb .inline .selectfield,
.punbb .inline .passfield {
  float: left;
  margin-right: 11px;
}

.punbb .inline .infofield {
  clear: both;
}

.punbb .datafield br {
  display: none;
}

.punbb .required label,
.punbb .datafield span.input {
  font-weight: bold;
}

.punbb .datafield span.input a {
  font-weight: normal;
}

.punbb .areafield span.input,
.punbb p.longinput span.input {
  display: block;
  height: 100%;
  padding: 0 132px 0 0;
}

.punbb textarea,
.punbb .longinput input {
  width: 64%;
  margin: 0;
}

.punbb .hashelp {
  position: relative;
}

.punbb .helplinks {
  position: absolute;
  top: 11px;
  right: 0;
  display: block;
  width: 36%;
  font-weight: normal;
}

.punbb #profile .helplinks {
  top: 17px;
}

.punbb .helplinks span {
  display: block;
  padding-bottom: 2px;
}

.checkfield input[type="checkbox"],
.radiofield input[type="radio"] {
  margin: 0 4px;
}

p.checkfield *,
div.checkfield *,
fieldset.radiofield * {
  height: 20px;
  vertical-align: middle;
}

#pun-post .formal .info-box li {
  margin: 0;
  padding-left: 4px;
  list-style: square inside;
  line-height: 150%;
}

/* ==============================
   10. Инфо-блоки и меню модератора
============================== */

.punbb .info-box {
  margin: 0 0 12px;
  padding: 12px 19px 11px;
  border-radius: 8px;
}

.punbb .info-box * {
  padding: 0 0 8px;
}

.punbb #pun-main .info-box .legend {
  font-size: 12px;
  font-weight: bold;
}

.punbb .info .container {
  padding: 9px 11px;
}

.punbb .info .container .backlink {
  padding-top: 9px;
}

.punbb .modmenu .container {
  padding: 6px 11px;
  background-color: var(--panel-alt);
  color: var(--text);
  text-align: right;
}

.punbb .modmenu strong,
.punbb .modmenu a {
  height: 20px;
  line-height: 20px;
}

.punbb .modmenu .container strong {
  float: left;
}

.punbb .modmenu input {
  margin-left: 11px;
}

/* ==============================
   11. Профиль и список пользователей
============================== */

#profile .container {
  padding-left: 205px;
}

#profilenav {
  display: inline;
  float: left;
  width: 154px;
  margin-left: -179px;
}

#profilenav li {
  padding-bottom: 9px;
  font-weight: bold;
}

#viewprofile ul,
#profilenav ul {
  margin: 0 0 11px;
  padding: 17px 18px 9px;
}

#viewprofile h2,
#profilenav h2 {
  margin: 0 14px -7px;
  padding: 0;
  background: transparent;
}

#viewprofile h2 span,
#profilenav h2 span {
  position: relative;
  padding: 0 5px;
}

#viewprofile li,
#setmods dl {
  margin-bottom: 2px;
  padding: 0 0 0 176px;
}

#viewprofile li span,
#setmods dt {
  float: left;
  width: 154px;
  margin-left: -176px;
  padding: 6px 11px;
  font-weight: bold;
}

#setmods dt {
  display: inline;
  padding: 9px 11px;
}

#viewprofile li strong,
#viewprofile li div,
#setmods dd {
  display: block;
  padding: 6px 11px;
  font-weight: normal;
}

.punbb img.avatardemo {
  float: right;
  margin: 0 0 9px 20px;
}

#pun-userlist .formal,
#pun-userlist .formal .container {
  margin-bottom: 0;
}

#pun-userlist .usertable .container {
  padding: 0 25px 25px;
}

/* ==============================
   12. Справка
============================== */

#pun-help .formal .info-box h3.legend {
  margin-bottom: 9px;
  padding-bottom: 0;
}

#pun-help .formal .info-box h3.legend span {
  display: block;
  padding-bottom: 7px;
  font-size: 12px;
}

#pun-help .formal p,
#pun-help .formal dd {
  margin-bottom: 11px;
}

#pun-help .formal ul,
#pun-help .formal dl {
  padding: 0 0 0 11px;
}

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

#pun-help .formal li * {
  vertical-align: text-top;
}

#pun-help .formal dt span {
  font: 15px/120% Monaco, "Bitstream Vera Sans Mono", "Courier New", Courier, monospace;
}

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

/* ==============================
   13. Иконки редактора (Material Symbols)
============================== */

#form-buttons td {
  position: relative;
  width: 30px;
  height: 30px;
  background: none !important;
  border-radius: 6px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
}

#form-buttons td:hover {
  background: color-mix(in srgb, var(--blue) 14%, transparent) !important;
}

#form-buttons td::before {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-family: 'Material Symbols Rounded';
  font-size: 20px;
  font-variation-settings: 'opsz' 24, 'wght' 300, 'FILL' 0, 'GRAD' 0;
  color: var(--editor-icon);
  pointer-events: none;
  transition: color .2s;
}

#form-buttons td:hover::before {
  color: var(--pink-deep);
}

#form-buttons td img {
  position: relative;
  z-index: 2;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: pointer;
}

#button-font::before      { content: "text_fields"; }
#button-size::before      { content: "format_size"; }
#button-bold::before      { content: "format_bold"; }
#button-italic::before    { content: "format_italic"; }
#button-underline::before { content: "format_underlined"; }
#button-strike::before    { content: "strikethrough_s"; }
#button-left::before      { content: "format_align_left"; }
#button-center::before    { content: "format_align_center"; }
#button-right::before     { content: "format_align_right"; }
#button-link::before      { content: "link"; }
#button-spoiler::before   { content: "unfold_more"; }
#button-image::before     { content: "image"; }
#button-video::before     { content: "smart_display"; }
#button-hide::before      { content: "lock"; }
#button-quote::before     { content: "format_quote"; }
#button-code::before      { content: "code"; }
#button-color::before     { content: "palette"; }
#button-table::before     { content: "table"; }
#button-smile::before     { content: "mood"; }
#button-keyboard::before  { content: "keyboard"; }
#button-addition::before  { content: "more_horiz"; }
#button-files_rusff::before    { content: "attach_file"; }
#button-graffiti_rusff::before { content: "draw"; }

/* ==============================
   14. Профиль в теме (.post-author)
============================== */

.punbb .post .post-author {
  float: left;
  width: 220px;
  margin: 17px 0 0 23px;
  padding: 0;
  position: relative;
  z-index: 0;
  overflow: visible;
  background: transparent;
}

.post-author .pa-fld1 {
  position: absolute;
  z-index: -1;
  top: -17.5px;
  left: -17px;
  right: -1px;
  bottom: 0;
  margin: 0;
  padding: 0;
}

.post-author .pa-fld1 .fld-name { display: none; }

.post-author .pa-fld1 img {
  object-fit: cover;
  border-radius: 13px 13px 0 13px;
  height: 266px;
  width: 236px;
}

.post-author ul:not(:has(.pa-fld1))::before {
  content: '';
  position: absolute;
  z-index: -1;
  top: -17px;
  left: -17px;
  right: 0;
  bottom: 0;
  border-radius: 13px 13px 0 13px;
  background: var(--profile-header-default, var(--forum-bg-image)) center / cover no-repeat;
}

.punbb .post .post-author ul {
  position: relative;
  padding: 8px;
  line-height: 1.4;
  background: var(--card-bg);
  border: 1px solid var(--card-border);
  border-radius: 0px;
}

.post-author .pa-author,
.post-author .pa-title {
  background: var(--card-panel);
  border-left: 1px solid var(--card-border);
  border-right: 1px solid var(--card-border);
}

.post-author .pa-author {
  margin: 0;
  padding: 11px 8px 4px;
  border-top: 1px solid var(--card-border);
  text-align: center;
}

.post-author .pa-title {
  margin: 0;
  padding: 0 8px 8px;
}

.post-author .pa-avatar {
  margin: 0;
  padding: 0 8px 8px;
  background: var(--card-panel);
  border: 1px solid var(--card-border);
  border-top: none;
  border-radius: 0 0 9px 9px;
  text-align: center;
  margin-bottom: 10px;
}

.post-author .pa-author a,
.post-author .pa-author a:link,
.post-author .pa-author a:visited {
  font-family: var(--font-gropled);
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .03em;
  text-transform: lowercase;
  color: var(--nick);
  text-decoration: none;
}

.post-author .pa-author a:hover { color: var(--pink-deep); }

.post-author .flag-i {
  display: inline-block;
  width: 16px;
  height: 11px;
  margin-right: 5px;
  background-size: cover;
  background-position: center;
  border-radius: 2px;
  vertical-align: middle;
}

.post-author .pa-author .icons-search { display: none; }

.post-author .pa-title {
  text-align: center;
  font-family: var(--font-main);
  font-weight: 600;
  font-size: 9px;
  line-height: 1.5;
  letter-spacing: .01em;
  color: var(--status);
}

.post-author .pa-posts,
.post-author .pa-respect,
.post-author .pa-fld3 {
  float: left;
  width: 33.333%;
  margin: 0;
  padding: 14px 0 8px;
  border-top: 1px dashed var(--stat-line);
  text-align: center;
  font-family: var(--font-main);
  font-size: 9px;
  font-weight: 600;
  letter-spacing: .01em;
  text-transform: lowercase;
  color: var(--nick);
}

.post-author .pa-posts .fld-name,
.post-author .pa-respect .fld-name,
.post-author .pa-fld3 .fld-name {
  display: block;
  font-size: 0;
  margin-bottom: 4px;
}

.post-author .pa-respect .fld-name a { font-size: 0; }

.post-author .pa-posts .fld-name::before,
.post-author .pa-respect .fld-name::before,
.post-author .pa-fld3 .fld-name::before {
  font-family: 'Material Symbols Rounded';
  font-variation-settings: 'wght' 300, 'FILL' 0;
  font-size: 15px;
  color: var(--stat-icon);
}

.post-author .pa-posts  .fld-name::before { content: "mode_comment"; }
.post-author .pa-respect .fld-name::before { content: "favorite"; }
.post-author .pa-fld3    .fld-name::before { content: "attach_money"; }

.post-author .pa-respect span { color: var(--nick); }

.post-author .pa-fld4,
.post-author .pa-ip,
.post-author .pa-online,
.post-author .pa-ua,
.post-author .pa-gifts { display: none; }

.post-author .pa-fld5 {
  clear: both;
  margin: 8px -9px -9px;
  padding: 0;
}

.post-author .pa-fld5 .fld-name { display: none; }

.post-author .pa-fld5 .pl {
  padding: 6px 12px 7px;
  background: var(--plate-bg);
  color: var(--c-white);
  text-align: center;
  line-height: 1.15;
  border-radius: 0 0 13px 13px;
}

.post-author .pa-fld5 .pl up {
  display: block;
  font-family: var(--font-main);
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .01em;
}

.post-author .pa-fld5 .pl down {
  display: block;
  margin-top: 3px;
  font-family: var(--font-main);
  font-size: 8px;
  font-weight: 400;
  line-height: 1;
  letter-spacing: .01em;
  opacity: .9;
}

.reactions-container { display: none !important; }