@import url(style_cs.1789271837.css);

/*
  ZERO FRAME / NOCTURNE — P06 / 2026-09-12
  ВЕРХНИЙ БОКС «СТИЛЬ». Полная замена верхнего блока P05.
  Парный файл: FORUM_P06_COLOR.css — нижний бокс «Цвет».
  style_cs.1789271837.css оставлен как в исходнике; не переименовывайте импорт.
  Структура PunBB: float, clearfix, колонка 270px + разделитель 2px.
*/

html { box-sizing: border-box; font-size: 16px; }
*, *::before, *::after { box-sizing: inherit; }
body { margin: 0; padding: 0; }
#pun { position: relative; width: 96%; max-width: 1400px; margin: 0 auto; }
#pun-redirect, #pun-maint { width: auto; margin: 50px 10%; }

/* Reset только оболочки. Списки, таблицы и заголовки пользовательского HTML
   не считаются частью разметки форумных разделов. */
#pun-navlinks ul, #pun-ulinks ul,
#pun .post-author ul, #pun .post-author li,
#pun .post-links ul, #pun .post-links li {
  margin: 0; padding: 0; list-style: none;
}
#pun img { max-width: 100%; height: auto; border: 0; vertical-align: middle; }
#pun a { text-decoration: none; }
#pun .code-box pre { white-space: pre-wrap; overflow-wrap: anywhere; }
.acchide {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0;
}
.clearfix::after, #pun .post::after { content: ""; display: table; clear: both; }

/* Таблицы оболочки, включая подтверждённую .main > .category > .container. */
#pun .main { margin-bottom: 2em; }
#pun-index #pun-main > .category { width: 100%; min-width: 0; }
#pun-index #pun-main > .category > .container { width: 100%; min-width: 0; }
#pun :is(.main, .main > .container, .main > .forum, .main > .forum > .container, .main > .category > .container) > table { width: 100%; border-collapse: collapse; }
#pun :is(.main, .main > .container, .main > .forum, .main > .forum > .container, .main > .category > .container) > table > :is(thead, tbody) > tr > .tcl { width: 50%; }
#pun :is(.main, .main > .container, .main > .forum, .main > .forum > .container, .main > .category > .container) > table > :is(thead, tbody) > tr > :is(.tc2, .tc3) {
  width: 10%; text-align: center;
}
#pun :is(.main, .main > .container, .main > .forum, .main > .forum > .container, .main > .category > .container) > table > :is(thead, tbody) > tr > .tcr { width: 30%; }

/* Полная высота колонки автора обеспечивается родительским фоном.
   .post::after занят clearfix; оформление не должно его переопределять. */
#pun .post {
  position: relative; margin-bottom: 28px; overflow: visible;
  background: linear-gradient(to right,
    var(--post-author-bg, #17191e) 0,
    var(--post-author-bg, #17191e) var(--post-author-width, 270px),
    var(--post-divider, #383a40) var(--post-author-width, 270px),
    var(--post-divider, #383a40) calc(var(--post-author-width, 270px) + 2px),
    var(--post-container, #1e2026) calc(var(--post-author-width, 270px) + 2px),
    var(--post-container, #1e2026) 100%);
}
/* Скрыт штатный заголовок поста. H3 внутри пользовательского текста разрешён. */
#pun .post > h3 { display: none !important; }
#pun .post .post-author {
  float: left; width: var(--post-author-width, 270px);
  padding: 28px 24px; text-align: center;
  background: transparent !important; border: 0 !important;
}
#pun .post .post-body {
  display: block; margin-left: calc(var(--post-author-width, 270px) + 2px);
  background-color: transparent !important;
  overflow-wrap: break-word; word-wrap: break-word;
}
#pun .post .post-content {
  padding: var(--reading-padding, 36px 42px);
  font-size: var(--reading-size, 18px); line-height: 1.85; text-align: left;
}
#pun .post-links {
  position: relative; z-index: 2;
  margin-left: calc(var(--post-author-width, 270px) + 2px);
}
#pun .post-links ul { padding: 16px 24px; text-align: right; }
#pun .post-links ul li { display: inline-block; margin: 4px 0 4px 8px; }

/* Не менять overflow старых выпадающих меню. */
#pun .formal .container { overflow: visible !important; }
#pun :is(.formal, .adformal) :is(input, select, textarea) { width: auto; }
#pun :is(.formal, .adformal) :is(input:not([type="submit"]):not([type="button"]):not([type="reset"]), select, textarea) { padding: .7em; }
#pun :is(.formal, .adformal) textarea { width: 90%; min-height: 230px; max-width: 100%; }
#pun :is(.formal, .adformal) input:is([type="checkbox"], [type="radio"]) {
  width: auto; padding: 0;
}

#pun :is(.quote-box, .code-box, .spoiler-box) {
  position: relative; margin: 1.5em 0; padding: var(--box-padding, 22px 26px);
}
#pun .spoiler-box > cite { display: none; }
#pun .spoiler-box .spoiler-btn {
  display: block; width: fit-content; max-width: 100%;
  margin-bottom: 12px; padding: 10px 16px; cursor: pointer;
}

/* Только внешний вид существующих элементов; новый JS не добавляется. */
.cyber-audio-wrapper { position: relative; margin: 1.5em 0; max-width: 520px; }
.cyber-audio-btn {
  display: inline-flex; align-items: center; justify-content: center;
  max-width: 100%; padding: 12px 18px; cursor: pointer;
}
#cyber-tooltip {
  position: absolute; z-index: 10000; padding: 8px 12px;
  pointer-events: none; opacity: 0;
}
#cyber-scroll-nav {
  position: fixed; right: 24px; bottom: 24px; z-index: 9999;
  display: flex; flex-direction: column; gap: 8px;
}
.cyber-scroll-btn {
  display: flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; cursor: pointer;
}

/* Реальная оболочка главной: узлы подтверждены сохранённым HTML.
   Не распространять сброс списков на пользовательские сообщения. */
#pun-status > .container { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
#pun-status .status-right { float: none; margin-left: var(--status-side-gap, auto); }
#pun-stats .statscon > ul.container { margin: 0; padding: 0; list-style: none; }
#pun-stats .statscon > ul.container > li { margin: 0; list-style: none; }

@media (max-width: 800px) {
  #pun { width: 94%; }
  #pun .post { background: var(--post-container, #1e2026); }
  #pun .post .post-author {
    float: none; width: 100%;
    background: var(--post-author-bg, #17191e) !important;
    border-bottom: 2px solid var(--post-divider, #383a40) !important;
  }
  #pun .post .post-body, #pun .post-links { margin-left: 0; }
  #cyber-scroll-nav { right: 12px; bottom: 12px; gap: 6px; }
}