/* ==========================================================
   ЗАВЕСА v5 STEP 1 — новая цельная верхняя композиция
   ЭТО НОВАЯ БАЗА, а не патч поверх v4.x.
   Лучше сохранить старый CSS отдельно и временно ЗАМЕНИТЬ
   его этим файлом для теста v5.
   ========================================================== */

:root{
  /* Поставь сюда реальные URL уже загруженных картинок */
  --zv5-bg-city:url('https://forumstatic.ru/files/001a/bb/0a/96737.jpg');            /* дальний атмосферный фон, НЕ шапка */
  --zv5-hero:url('https://forumstatic.ru/files/001a/bb/0a/26184.jpg');                  /* центральная шапка Завеса */
  --zv5-side-left:url('https://forumstatic.ru/files/001a/bb/0a/67207.jpg');        /* левый вертикальный коллаж */
  --zv5-side-right:url('https://forumstatic.ru/files/001a/bb/0a/48039.jpg');      /* правый вертикальный коллаж */

  --zv5-bg:#090807;
  --zv5-panel:#14110f;
  --zv5-panel-2:#1d1814;
  --zv5-line:#6b4b31;
  --zv5-line-soft:#3e2d21;
  --zv5-gold:#b78957;
  --zv5-gold-soft:#7d5a3a;
  --zv5-text:#c8b89b;
  --zv5-muted:#8f7d67;
  --zv5-red:#9a473b;
  --zv5-shadow:0 18px 44px rgba(0,0,0,.42);
  --zv5-width:min(1420px, calc(100% - 32px));
  --zv5-serif:Georgia,'Times New Roman',serif;
  --zv5-sans:Arial,Helvetica,sans-serif;
  --zv5-mono:'Courier New',monospace;
}

*{box-sizing:border-box}
html{background:#060505}
body{margin:0!important;color:var(--zv5-text)!important;font:13px/1.55 var(--zv5-sans)!important;background:#080706!important}
a{color:#d1b086!important;text-decoration:none}
a:hover{color:#efd1a6!important}
img{max-width:100%}

body.zv5-home{
  background:
    radial-gradient(circle at 50% 0%, rgba(172,115,63,.14), transparent 22%),
    linear-gradient(90deg, rgba(8,7,6,.92) 0%, rgba(8,7,6,.72) 15%, rgba(8,7,6,.68) 50%, rgba(8,7,6,.72) 85%, rgba(8,7,6,.92) 100%),
    linear-gradient(180deg, rgba(0,0,0,.10), rgba(0,0,0,.46)),
    var(--zv5-bg-city) center top / cover fixed no-repeat,
    #060505!important;
}

#zv5-progress{position:fixed;left:0;top:0;height:2px;width:0;z-index:99999;background:linear-gradient(90deg,var(--zv5-red),var(--zv5-gold));box-shadow:0 0 12px rgba(183,137,87,.45)}

/* скрываем лишнее штатное */
#pun-title, #pun-navlinks, #pun-announcement, #pun-crumbs1, #pun-crumbs2{display:none!important}
#pun_wrap,#pun-intro,#pun{background:transparent!important;border:0!important}
#pun{width:var(--zv5-width)!important;margin:0 auto 26px!important}
#pun-main,.punbb .main,.punbb .main .container{background:transparent!important;border:0!important;padding:0!important}

/* ========================================
   ВЕРХНЯЯ КОМПОЗИЦИЯ
   ======================================== */
.zv5-top{width:var(--zv5-width);margin:22px auto 0;position:relative;z-index:5}
.zv5-assembly{display:grid;grid-template-columns:128px 1fr 128px;align-items:stretch;gap:0;position:relative}

/* внешняя общая рама */
.zv5-assembly:before{
  content:'';position:absolute;left:0;right:0;top:0;bottom:-58px;pointer-events:none;z-index:1;
  border:1px solid rgba(136,97,60,.35);
  box-shadow:0 0 0 1px rgba(22,15,10,.78), inset 0 0 0 1px rgba(202,159,101,.08), 0 18px 48px rgba(0,0,0,.38);
}
.zv5-assembly:after{
  content:'';position:absolute;left:0;right:0;top:0;height:18px;pointer-events:none;z-index:2;
  background:
    linear-gradient(90deg,transparent 0 4%, rgba(183,137,87,.38) 4% 96%, transparent 96%),
    linear-gradient(180deg, rgba(183,137,87,.22), transparent);
}

.zv5-side{
  min-height:348px;position:relative;z-index:3;
  background-color:#100e0c;
  box-shadow:inset 0 0 0 1px rgba(160,116,70,.18);
}
.zv5-side:before{
  content:'';position:absolute;inset:0;opacity:.96;background-size:cover;background-position:center top;
}
.zv5-side-left:before{background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),var(--zv5-side-left)}
.zv5-side-right:before{background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),var(--zv5-side-right)}
.zv5-side:after{
  content:'';position:absolute;inset:0;pointer-events:none;
  box-shadow:inset 0 0 54px rgba(0,0,0,.36), inset 0 -50px 60px -24px rgba(0,0,0,.55), inset 0 0 0 1px rgba(201,156,99,.08);
}

.zv5-center{position:relative;z-index:3;background:#100d0b}
.zv5-hero{
  height:348px;position:relative;overflow:hidden;
  background:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)), var(--zv5-hero) center 40% / cover no-repeat;
  border-left:1px solid rgba(136,97,60,.30);border-right:1px solid rgba(136,97,60,.30);
}
.zv5-hero:before{
  content:'';position:absolute;inset:0;pointer-events:none;
  background:
    linear-gradient(90deg, rgba(8,7,6,.45) 0%, transparent 17%, transparent 83%, rgba(8,7,6,.45) 100%),
    linear-gradient(180deg, rgba(0,0,0,.02), transparent 70%, rgba(10,8,7,.42));
}
.zv5-hero-inner{position:absolute;left:0;right:0;bottom:18px;text-align:center;padding:0 160px;z-index:2}
.zv5-title{font:400 92px/.92 var(--zv5-serif);letter-spacing:.03em;color:#dbc29e;text-shadow:0 2px 14px rgba(0,0,0,.7);margin:0}
.zv5-subtitle{margin-top:6px;font:10px/1 var(--zv5-mono);letter-spacing:.26em;text-transform:uppercase;color:#b49773}
.zv5-seal{position:absolute;left:50%;top:28px;transform:translateX(-50%);width:94px;height:94px;border:1px solid rgba(201,156,99,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#d7bb92;font:400 34px/1 var(--zv5-serif);box-shadow:inset 0 0 0 10px rgba(10,8,7,.55), inset 0 0 0 11px rgba(201,156,99,.14);z-index:3}
.zv5-note{position:absolute;top:126px;width:112px;color:#ddd0b6;font:400 13px/1.1 var(--zv5-serif);text-transform:uppercase;letter-spacing:.06em;text-shadow:0 2px 8px rgba(0,0,0,.8);z-index:3}
.zv5-note-left{left:24px;text-align:left}
.zv5-note-right{right:24px;text-align:right}

/* верхние фонари/стойки в ощущении общей конструкции */
.zv5-lamp{position:absolute;top:12px;width:32px;height:72px;border:1px solid rgba(183,137,87,.30);background:linear-gradient(180deg, rgba(15,12,10,.95), rgba(28,21,16,.88));box-shadow:0 0 16px rgba(214,155,82,.08), inset 0 0 0 1px rgba(208,166,107,.08);z-index:4}
.zv5-lamp:before{content:'';position:absolute;left:8px;right:8px;top:18px;bottom:12px;background:radial-gradient(circle at 50% 35%, rgba(255,201,120,.24), rgba(255,201,120,.06) 55%, transparent 70%)}
.zv5-lamp-left{left:-16px}
.zv5-lamp-right{right:-16px}

/* меню внутри общей системы */
.zv5-nav{display:grid;grid-template-columns:repeat(7,1fr);position:relative;z-index:3;border-top:1px solid rgba(136,97,60,.26);border-left:1px solid rgba(136,97,60,.30);border-right:1px solid rgba(136,97,60,.30);background:linear-gradient(180deg,#211a15,#120f0d)}
.zv5-nav a{padding:16px 8px;text-align:center;font:400 11px/1 var(--zv5-serif);text-transform:uppercase;letter-spacing:.14em;color:#ccb58d!important;border-right:1px solid rgba(136,97,60,.20);text-shadow:0 1px 6px rgba(0,0,0,.85)}
.zv5-nav a:last-child{border-right:0}
.zv5-nav a:hover{background:linear-gradient(180deg, rgba(147,91,48,.14), rgba(74,41,22,.05));box-shadow:inset 0 -2px 0 rgba(194,138,79,.35)}

.zv5-status{width:var(--zv5-width);margin:0 auto 18px;position:relative;z-index:4;padding:11px 16px;border:1px solid rgba(136,97,60,.35);border-top:0;background:linear-gradient(180deg, rgba(28,22,18,.98), rgba(10,9,8,.99));box-shadow:0 14px 32px rgba(0,0,0,.25), inset 0 1px 0 rgba(194,138,79,.05);display:flex;flex-wrap:wrap;gap:12px;font:10px/1.2 var(--zv5-mono);text-transform:uppercase;color:#8f7d67}
.zv5-status span{position:relative;padding-right:12px}
.zv5-status span:after{content:'//';position:absolute;right:0;top:0;color:#5e4734}
.zv5-status span:last-child:after{display:none}
.zv5-status .red{color:#ab5e52}
.zv5-status b{font-weight:400;color:#d26e61}

/* ========================================
   ГЛАВНАЯ СЕТКА БЛОКОВ
   Пока это только база для следующего шага.
   ======================================== */
.punbb .block, .punbb .blocktable, .punbb .blockform, .punbb .blockmenu{margin:0 0 18px!important;border:0!important;background:transparent!important}
.punbb .box, .punbb .block .box, .punbb .blocktable .box, .punbb .blockform .box{border:1px solid rgba(123,87,54,.46)!important;background:linear-gradient(145deg, rgba(27,23,19,.98), rgba(11,10,9,.99))!important;box-shadow:0 16px 38px rgba(0,0,0,.34)!important}
.punbb .block h2, .punbb .blocktable h2, .punbb .blockform h2{margin:0!important;padding:14px 16px!important;background:linear-gradient(90deg,#1f1813,#120f0d)!important;border:1px solid rgba(123,87,54,.40)!important;color:#cfb48d!important;font:400 12px/1 var(--zv5-serif)!important;letter-spacing:.18em;text-transform:uppercase;position:relative}
.punbb .block h2 span, .punbb .blocktable h2 span, .punbb .blockform h2 span{font:inherit!important;color:inherit!important;background:none!important}

/* строки форумов — только базовая аккуратная версия */
#pun-index .main table{width:100%!important;border-collapse:separate!important;border-spacing:0 8px!important}
#pun-index .main thead{display:none!important}
#pun-index .main tbody tr{background:linear-gradient(90deg,rgba(20,17,14,.94),rgba(11,10,9,.98))!important;position:relative;box-shadow:0 8px 20px rgba(0,0,0,.24)}
#pun-index .main tbody tr td{padding:15px 12px!important;border:0!important;background:transparent!important}
#pun-index .main .tcl a{font:400 18px/1.1 var(--zv5-serif)!important;color:#d6c2a0!important}
#pun-index .main .tcl .forumdesc, #pun-index .main .tcl small, #pun-index .main .byuser{display:block!important;color:#94806a!important;margin-top:4px}
#pun-index .main td.tc2, #pun-index .main td.tc3{width:80px;text-align:center;color:#c9b08a!important;font:16px/1 var(--zv5-serif)!important}
#pun-index .main td.tcr{width:170px;color:#b8a489!important}

/* посты/формы — пока общая подложка */
.punbb .post{margin:0 0 18px!important;border:1px solid rgba(123,87,54,.46)!important;background:linear-gradient(145deg, rgba(27,23,19,.98), rgba(11,10,9,.99))!important;box-shadow:0 14px 32px rgba(0,0,0,.32)!important}
.punbb .post h3,.punbb .post .posthead{padding:10px 14px!important;background:linear-gradient(90deg,#1a1511,#100e0c)!important;border-bottom:1px solid rgba(123,87,54,.30)!important;color:#9f8b70!important;font:10px/1 var(--zv5-mono)!important;text-transform:uppercase}
.punbb input[type=text], .punbb input[type=password], .punbb input[type=email], .punbb input[type=url], .punbb select, .punbb textarea{background:#100e0c!important;border:1px solid #5a4331!important;color:#d4c3a5!important;padding:10px!important}
.punbb input[type=submit], .punbb input[type=button], .punbb button, .punbb .button{border:1px solid #7c5736!important;background:linear-gradient(#241c16,#130f0d)!important;color:#d8bc93!important;padding:10px 14px!important;font:10px/1 var(--zv5-mono)!important;text-transform:uppercase}

/* футер */
.zv5-footer{width:var(--zv5-width);margin:18px auto 26px;padding:12px 0;border-top:1px solid rgba(123,87,54,.30);color:#85735e;font:10px/1 var(--zv5-mono);text-transform:uppercase}
.zv5-footer-inner{display:flex;justify-content:space-between;gap:16px}

@media(max-width:1380px){
  .zv5-assembly{grid-template-columns:104px 1fr 104px}
  .zv5-note{font-size:12px;width:90px}
}
@media(max-width:1220px){
  .zv5-side{display:none}
  .zv5-assembly{grid-template-columns:1fr}
  .zv5-nav{grid-template-columns:repeat(4,1fr)}
  .zv5-note-left,.zv5-note-right{display:none}
}
@media(max-width:840px){
  .zv5-top,.zv5-status,.zv5-footer,#pun{width:calc(100% - 14px)!important}
  .zv5-hero{height:250px}
  .zv5-title{font-size:58px}
  .zv5-hero-inner{padding:0 24px}
  .zv5-nav{grid-template-columns:repeat(2,1fr)}
  .zv5-nav a{padding:13px 6px}
  .zv5-seal{width:68px;height:68px;font-size:24px}
  .zv5-lamp{display:none}
}





/* ==========================================================
   ЗАВЕСА v5 STEP 2 — ГЛАВНАЯ СТРАНИЦА
   Добавить ПОСЛЕ zavesa-v5-step1.css.
   Использует новую базу v5 и новые изображения из assets.
   ========================================================== */

:root{
  /* после загрузки файлов в MyBB замени пути на реальные URL */
  --zv5-forum-1:url('https://forumstatic.ru/files/001a/bb/0a/39342.jpg');
  --zv5-forum-2:url('https://forumstatic.ru/files/001a/bb/0a/42537.jpg');
  --zv5-forum-3:url('https://forumstatic.ru/files/001a/bb/0a/37996.jpg');
  --zv5-forum-4:url('https://forumstatic.ru/files/001a/bb/0a/22582.jpg');
  --zv5-forum-5:url('https://forumstatic.ru/files/001a/bb/0a/70751.jpg');
  --zv5-forum-6:url('https://forumstatic.ru/files/001a/bb/0a/53030.jpg');
  --zv5-forum-7:url('https://forumstatic.ru/files/001a/bb/0a/13796.jpg');
  --zv5-viktor:url('https://forumstatic.ru/files/001a/bb/0a/38235.jpg');
  --zv5-farago:url('https://forumstatic.ru/files/001a/bb/0a/99632.jpg');
  --zv5-archive-scene:url('https://forumstatic.ru/files/001a/bb/0a/90526.jpg');
}

/* ----------------------------------------
   1. ГЛАВНАЯ ДВУХКОЛОНОЧНАЯ СЕТКА
   ---------------------------------------- */
.zv5-home-grid{
  width:var(--zv5-width);
  margin:0 auto 22px;
  display:grid;
  grid-template-columns:minmax(0,1.52fr) minmax(390px,.88fr);
  gap:16px;
  align-items:start;
  position:relative;
  z-index:4;
}

.zv5-home-left,
.zv5-home-right{
  display:flex;
  flex-direction:column;
  gap:14px;
  min-width:0;
}

.zv5-card{
  position:relative;
  overflow:hidden;
  border:1px solid rgba(118,83,52,.52);
  background:
    radial-gradient(circle at 8% 0%,rgba(119,79,43,.06),transparent 28%),
    linear-gradient(145deg,rgba(29,24,20,.985),rgba(12,10,9,.995));
  box-shadow:
    0 15px 36px rgba(0,0,0,.34),
    inset 0 0 0 1px rgba(209,166,105,.055);
}

.zv5-card:before{
  content:'';
  position:absolute;
  inset:6px;
  pointer-events:none;
  border:1px solid rgba(171,123,74,.13);
  z-index:5;
}

.zv5-card:after{
  content:'';
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:4;
  background:
    linear-gradient(90deg,var(--zv5-gold),transparent) left top/30px 1px no-repeat,
    linear-gradient(180deg,var(--zv5-gold),transparent) left top/1px 30px no-repeat,
    linear-gradient(270deg,var(--zv5-gold),transparent) right top/30px 1px no-repeat,
    linear-gradient(180deg,var(--zv5-gold),transparent) right top/1px 30px no-repeat,
    linear-gradient(90deg,var(--zv5-gold),transparent) left bottom/30px 1px no-repeat,
    linear-gradient(0deg,var(--zv5-gold),transparent) left bottom/1px 30px no-repeat,
    linear-gradient(270deg,var(--zv5-gold),transparent) right bottom/30px 1px no-repeat,
    linear-gradient(0deg,var(--zv5-gold),transparent) right bottom/1px 30px no-repeat;
  opacity:.34;
}

.zv5-block-title{
  position:relative;
  z-index:6;
  padding:15px 18px 13px;
  border-bottom:1px solid rgba(121,86,55,.30);
  font:400 12px/1 var(--zv5-serif);
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#d1b68f;
}

.zv5-block-title:after{
  content:'';
  display:inline-block;
  width:72px;
  height:1px;
  margin:0 0 3px 13px;
  background:linear-gradient(90deg,rgba(196,143,80,.68),transparent);
}

/* ----------------------------------------
   2. ОПЕРАТИВНАЯ СВОДКА
   ---------------------------------------- */
.zv5-briefing{
  min-height:194px;
  padding:0 0 18px;
  background:
    linear-gradient(90deg,rgba(13,11,9,.94) 0%,rgba(13,11,9,.84) 53%,rgba(13,11,9,.32) 100%),
    var(--zv5-bg-city) center 42%/cover no-repeat;
}

.zv5-briefing-body{
  position:relative;
  z-index:6;
  display:grid;
  grid-template-columns:minmax(0,1fr) 205px;
  gap:22px;
  padding:16px 20px 0;
}

.zv5-briefing time{
  display:block;
  margin-bottom:10px;
  color:#8e7b64;
  font:9px/1 var(--zv5-mono);
  letter-spacing:.09em;
}

.zv5-briefing p{
  max-width:560px;
  margin:0;
  color:#c3b398;
}

.zv5-quote{
  align-self:center;
  padding-left:18px;
  border-left:1px solid rgba(181,128,72,.30);
  color:#d2bea0;
  font:400 19px/1.22 var(--zv5-serif);
  text-align:right;
  letter-spacing:.025em;
}

.zv5-more{
  display:inline-block;
  margin-top:14px;
  padding:8px 13px;
  border:1px solid #765034;
  background:linear-gradient(#261c15,#120f0d);
  color:#d9ba8e!important;
  font:9px/1 var(--zv5-mono)!important;
  letter-spacing:.12em;
  text-transform:uppercase;
}

/* ----------------------------------------
   3. ЗАГОЛОВОК РЕАЛЬНЫХ КАТЕГОРИЙ
   ---------------------------------------- */
.zv5-category-heading{
  height:44px;
  display:flex;
  align-items:center;
  padding:0 17px;
  position:relative;
  border:1px solid rgba(118,83,52,.52);
  background:linear-gradient(90deg,#211a15,#100e0c);
  color:#d1b68f;
  font:400 12px/1 var(--zv5-serif);
  letter-spacing:.17em;
  text-transform:uppercase;
  box-shadow:0 10px 24px rgba(0,0,0,.24);
}

.zv5-category-heading:after{
  content:'VII';
  margin-left:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:28px;
  height:28px;
  border:1px solid rgba(179,128,74,.35);
  border-radius:50%;
  color:#9f7046;
  font:9px/1 var(--zv5-serif);
}

/* ----------------------------------------
   4. РЕАЛЬНЫЕ РАЗДЕЛЫ I–VII
   ---------------------------------------- */
.zv5-home-left .category,
.zv5-home-left .blocktable{
  margin:0!important;
  background:transparent!important;
}

.zv5-home-left .category h2,
.zv5-home-left .blocktable h2{
  display:none!important;
}

.zv5-home-left .category .box,
.zv5-home-left .blocktable .box{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.zv5-home-left table{
  width:100%!important;
  border-collapse:separate!important;
  border-spacing:0 5px!important;
}

.zv5-home-left thead{
  display:none!important;
}

.zv5-home-left tbody tr{
  position:relative;
  height:76px;
  overflow:hidden;
  background:#100e0c!important;
  border:1px solid rgba(111,78,49,.42)!important;
  box-shadow:0 7px 20px rgba(0,0,0,.27);
}

.zv5-home-left tbody tr:before{
  content:'';
  position:absolute;
  inset:0;
  z-index:0;
  background-position:center;
  background-size:cover;
  opacity:.82;
  filter:brightness(.80) contrast(1.05) saturate(.82);
}

.zv5-home-left tbody tr:after{
  content:'';
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(8,7,6,.28) 0%,rgba(8,7,6,.04) 45%,rgba(8,7,6,.68) 74%,rgba(8,7,6,.91) 100%);
}

.zv5-home-left tbody tr.zv5-r1:before{background-image:var(--zv5-forum-1)}
.zv5-home-left tbody tr.zv5-r2:before{background-image:var(--zv5-forum-2)}
.zv5-home-left tbody tr.zv5-r3:before{background-image:var(--zv5-forum-3)}
.zv5-home-left tbody tr.zv5-r4:before{background-image:var(--zv5-forum-4)}
.zv5-home-left tbody tr.zv5-r5:before{background-image:var(--zv5-forum-5)}
.zv5-home-left tbody tr.zv5-r6:before{background-image:var(--zv5-forum-6)}
.zv5-home-left tbody tr.zv5-r7:before{background-image:var(--zv5-forum-7)}

.zv5-home-left tbody td{
  position:relative;
  z-index:2;
  border:0!important;
  background:transparent!important;
  padding:12px 10px!important;
}

.zv5-home-left .tcl,
.zv5-home-left .tclcon{
  padding-left:86px!important;
  min-width:280px;
}

.zv5-roman{
  position:absolute;
  left:18px;
  top:50%;
  transform:translateY(-50%);
  color:#dec8a3;
  font:400 45px/.9 var(--zv5-serif);
  text-shadow:0 3px 12px rgba(0,0,0,.9);
  z-index:3;
  font-style:normal;
}

.zv5-home-left .tcl a,
.zv5-home-left .tclcon a{
  font:400 18px/1.1 var(--zv5-serif)!important;
  color:#ddc8a6!important;
  text-shadow:0 2px 9px #000;
}

.zv5-home-left .forumdesc,
.zv5-home-left .tcl small,
.zv5-home-left .tclcon small{
  display:block;
  margin-top:4px;
  color:#a99880!important;
  font-size:11px!important;
}

.zv5-home-left td.tc2,
.zv5-home-left td.tc3{
  width:70px;
  text-align:center;
  color:#d0b48b!important;
  font:15px/1 var(--zv5-serif)!important;
}

.zv5-home-left td.tcr{
  width:180px;
  color:#b6a286!important;
  font-size:10px!important;
}

.zv5-home-left tbody tr:hover{
  border-color:rgba(155,108,65,.58)!important;
  box-shadow:0 8px 24px rgba(0,0,0,.34);
}

/* ----------------------------------------
   5. КООРДИНАЦИЯ
   ---------------------------------------- */
.zv5-coordination{
  padding-bottom:7px;
}

.zv5-coord-top{
  position:relative;
  z-index:6;
  padding:14px 15px 10px;
}

.zv5-route{
  padding-right:112px;
  color:#bd9e75;
  font:9px/1.3 var(--zv5-mono);
  letter-spacing:.07em;
  text-transform:uppercase;
}

.zv5-new-topic{
  position:absolute;
  right:14px;
  top:10px;
  padding:8px 12px;
  border:1px solid #735037;
  background:#15110e;
  color:#d0ae82!important;
  font:8px/1 var(--zv5-mono)!important;
  letter-spacing:.09em;
  text-transform:uppercase;
}

.zv5-coord-head,
.zv5-topic{
  position:relative;
  z-index:6;
  display:grid;
  grid-template-columns:minmax(170px,1fr) 46px 58px 146px;
  gap:7px;
  align-items:center;
}

.zv5-coord-head{
  margin:0 12px;
  padding:8px 7px;
  border-top:1px solid rgba(113,80,51,.24);
  border-bottom:1px solid rgba(113,80,51,.24);
  color:#84725e;
  font:8px/1 var(--zv5-mono);
  text-transform:uppercase;
}

.zv5-topic{
  margin:0 12px;
  padding:10px 7px;
  border-bottom:1px solid rgba(113,80,51,.26);
}

.zv5-topic:last-child{border-bottom:0}

.zv5-topic-title{
  color:#cbb99b;
}

.zv5-topic-title small,
.zv5-last small{
  display:block;
  margin-top:3px;
  color:#806e5c;
  font-size:8px;
}

.zv5-topic-num{
  text-align:center;
  color:#c6a477;
  font:13px/1 var(--zv5-serif);
}

.zv5-last{
  display:grid;
  grid-template-columns:32px 1fr;
  gap:7px;
  align-items:center;
  color:#baa589;
  font-size:9px;
}

.zv5-thumb{
  display:block;
  width:32px;
  height:38px;
  border:1px solid #684a31;
  background:center/cover no-repeat;
}
.zv5-thumb-viktor{background-image:var(--zv5-viktor)}
.zv5-thumb-farago{background-image:var(--zv5-farago)}
.zv5-thumb-scene{background-image:var(--zv5-archive-scene)}

.zv5-sigil{
  display:inline-flex;
  width:20px;
  height:20px;
  margin-right:7px;
  align-items:center;
  justify-content:center;
  vertical-align:middle;
  border:1px solid rgba(172,124,76,.40);
  border-radius:50%;
  color:#a87949;
  font:10px/1 var(--zv5-serif);
}
.zv5-sigil.red{border-color:rgba(151,62,50,.66);color:#a3483d}

/* ----------------------------------------
   6. АРХИВ ФАРАГО
   ---------------------------------------- */
.zv5-archive{
  padding-bottom:12px;
}

.zv5-archive-toolbar{
  position:relative;
  z-index:6;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:10px 14px;
  border-bottom:1px solid rgba(113,80,51,.28);
}

.zv5-pages span{
  display:inline-flex;
  width:24px;
  height:24px;
  margin-right:3px;
  align-items:center;
  justify-content:center;
  border:1px solid #563b29;
  background:#100d0b;
  color:#b99b74;
  font:9px/1 var(--zv5-mono);
}

.zv5-pages .active{
  border-color:#8b5b38;
  color:#e0c094;
  background:#281a12;
}

.zv5-reply{
  padding:8px 12px;
  border:1px solid #724d32;
  color:#d4b083!important;
  font:8px/1 var(--zv5-mono)!important;
  text-transform:uppercase;
}

.zv5-archive-post{
  position:relative;
  z-index:6;
  display:grid;
  grid-template-columns:120px 1fr;
  gap:0;
  margin:0 13px;
  border:1px solid rgba(113,80,51,.30);
}

.zv5-farago-side{
  padding:12px;
  border-right:1px solid rgba(113,80,51,.28);
  background:linear-gradient(180deg,#18130f,#100d0b);
}

.zv5-farago-photo{
  height:150px;
  border:1px solid #704d32;
  background:var(--zv5-farago) center 20%/cover no-repeat;
  box-shadow:inset 0 0 0 3px rgba(10,8,7,.70);
}

.zv5-farago-side b{
  display:block;
  margin-top:8px;
  color:#d2b58b;
  font:400 16px/1 var(--zv5-serif);
}

.zv5-farago-side small{
  display:block;
  margin-top:5px;
  color:#7f705f;
  font-size:8px;
}

.zv5-record{
  padding:13px 15px 12px;
}

.zv5-record-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  padding-bottom:10px;
  color:#89745e;
  font:8px/1 var(--zv5-mono);
  text-transform:uppercase;
}

.zv5-record p{
  margin:0 0 13px;
  color:#bfac8f;
}

.zv5-witness{
  margin:12px 0;
  padding:13px 15px;
  border:1px solid #59412d;
  border-left:2px solid #a37243;
  background:linear-gradient(90deg,rgba(18,15,13,.94),rgba(33,27,22,.76));
  color:#ae9b80;
}

.zv5-witness b{
  display:block;
  margin-bottom:7px;
  color:#aa8153;
  font:8px/1 var(--zv5-mono);
  letter-spacing:.13em;
  text-transform:uppercase;
}

.zv5-archive-scene{
  height:160px;
  border:1px solid #62452f;
  background:var(--zv5-archive-scene) center/cover no-repeat;
  box-shadow:inset 0 0 34px rgba(0,0,0,.20);
}

.zv5-attach{
  margin-top:10px;
  padding-top:8px;
  border-top:1px solid rgba(113,80,51,.26);
  color:#947b5f;
  font:8px/1 var(--zv5-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}

/* ----------------------------------------
   7. ПРОФИЛЬ ВИКТОРА
   ---------------------------------------- */
.zv5-profile{
  padding-bottom:12px;
}

.zv5-profile-grid{
  position:relative;
  z-index:6;
  display:grid;
  grid-template-columns:155px 1fr;
  gap:16px;
  padding:15px 17px 10px;
}

.zv5-viktor-photo{
  height:190px;
  border:1px solid #6e4c32;
  background:var(--zv5-viktor) center 20%/cover no-repeat;
  box-shadow:inset 0 0 0 4px rgba(9,7,6,.72);
}

.zv5-profile-data div{
  display:grid;
  grid-template-columns:145px 1fr;
  gap:10px;
  padding:6px 0;
  border-bottom:1px solid rgba(113,80,51,.20);
}

.zv5-profile-data span{
  color:#81705d;
  font:8px/1 var(--zv5-mono);
  text-transform:uppercase;
}

.zv5-profile-data b{
  font-weight:400;
  color:#cbb99a;
}

.zv5-profile-quote{
  position:relative;
  z-index:6;
  padding:0 17px 12px;
  color:#b9a68a;
  font-style:italic;
}

.zv5-profile-tabs{
  position:relative;
  z-index:6;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  margin:0 17px;
}

.zv5-profile-tabs span{
  padding:10px 6px;
  border:1px solid #4f3827;
  background:#100d0b;
  text-align:center;
  color:#a98d69;
  font:8px/1 var(--zv5-mono);
  letter-spacing:.08em;
  text-transform:uppercase;
}
.zv5-profile-tabs span+span{border-left:0}
.zv5-profile-tabs .active{color:#c65d50;border-color:#704137}

/* ----------------------------------------
   8. ЦИТАТА + ТЕРМИНАЛ
   ---------------------------------------- */
.zv5-mini{
  padding-bottom:12px;
}

.zv5-mini blockquote{
  position:relative;
  z-index:6;
  margin:12px 15px 0!important;
  padding:13px 15px!important;
  border:1px solid #58402d!important;
  background:linear-gradient(90deg,#14110e,#211b16)!important;
  color:#b8a487!important;
}

.zv5-terminal{
  position:relative;
  z-index:6;
  margin:12px 15px 0;
  padding:14px;
  border:1px solid #34514c;
  background:#0c1211;
  color:#78b3a8;
  font:10px/1.55 var(--zv5-mono);
  white-space:pre-wrap;
}

/* ----------------------------------------
   9. СКРЫВАЕМ ИСТОЧНИКИ ПОСЛЕ ПЕРЕСТРОЙКИ
   ---------------------------------------- */
#zv5-dashboard-source,
#zv5-bottom-source{
  display:none;
}

/* ----------------------------------------
   10. RESPONSIVE
   ---------------------------------------- */
@media(max-width:1150px){
  .zv5-home-grid{
    grid-template-columns:minmax(0,1.35fr) minmax(340px,.85fr);
  }
  .zv5-coord-head,
  .zv5-topic{
    grid-template-columns:minmax(150px,1fr) 42px 52px 125px;
  }
}

@media(max-width:920px){
  .zv5-home-grid{
    grid-template-columns:1fr;
  }
  .zv5-home-right{
    order:2;
  }
}

@media(max-width:680px){
  .zv5-home-grid{
    width:calc(100% - 14px);
  }
  .zv5-briefing-body{
    grid-template-columns:1fr;
  }
  .zv5-quote{
    text-align:left;
    border-left:0;
    border-top:1px solid rgba(181,128,72,.25);
    padding:12px 0 0;
  }
  .zv5-home-left td.tc2,
  .zv5-home-left td.tc3,
  .zv5-home-left td.tcr{
    display:none!important;
  }
  .zv5-coord-head{
    display:none;
  }
  .zv5-topic{
    grid-template-columns:1fr;
    gap:5px;
  }
  .zv5-topic-num{
    display:none;
  }
  .zv5-profile-grid,
  .zv5-archive-post{
    grid-template-columns:1fr;
  }
  .zv5-farago-side{
    border-right:0;
    border-bottom:1px solid rgba(113,80,51,.28);
  }
}






/* ==========================================================
   ЗАВЕСА v5.2 — CLEANUP
   Добавить В САМЫЙ НИЗ CSS после STEP 2.
   Исправляет два заметных дубляжа:
   1) двойной логотип / VII в шапке;
   2) двойные римские цифры в строках форумов.
   ========================================================== */

:root{
  /* после загрузки картинок в MyBB замени пути на реальные URL */
  --zv5-clean-1:url('https://forumstatic.ru/files/001a/bb/0a/96573.jpg');
  --zv5-clean-2:url('https://forumstatic.ru/files/001a/bb/0a/37843.jpg');
  --zv5-clean-3:url('https://forumstatic.ru/files/001a/bb/0a/65386.jpg');
  --zv5-clean-4:url('https://forumstatic.ru/files/001a/bb/0a/23200.jpg');
  --zv5-clean-5:url('https://forumstatic.ru/files/001a/bb/0a/39983.jpg');
  --zv5-clean-6:url('https://forumstatic.ru/files/001a/bb/0a/66775.jpg');
  --zv5-clean-7:url('https://forumstatic.ru/files/001a/bb/0a/34250.jpg');
}

/* ----------------------------------------
   ШАПКА
   Основная картинка уже содержит VII + ЗАВЕСА,
   поэтому не рисуем второй логотип поверх неё.
   ---------------------------------------- */
.zv5-title,
.zv5-seal{
  display:none!important;
}

/* Оставляем только аккуратный слоган внизу */
.zv5-hero-inner{
  bottom:13px!important;
  padding:0 180px!important;
}

.zv5-subtitle{
  margin:0!important;
  font-size:9px!important;
  letter-spacing:.28em!important;
  color:rgba(207,179,140,.76)!important;
  text-shadow:0 2px 7px rgba(0,0,0,.95)!important;
}

/* Боковые фразы чуть спокойнее, чтобы не спорили с логотипом */
.zv5-note{
  opacity:.84!important;
  font-size:12px!important;
  line-height:1.08!important;
}

.zv5-note-left{
  left:18px!important;
}

.zv5-note-right{
  right:18px!important;
}

/* ----------------------------------------
   КАТЕГОРИИ I–VII
   Используем новые фоны БЕЗ встроенных цифр.
   Наши HTML-цифры теперь остаются единственными.
   ---------------------------------------- */
.zv5-home-left tbody tr.zv5-r1:before{background-image:var(--zv5-clean-1)!important}
.zv5-home-left tbody tr.zv5-r2:before{background-image:var(--zv5-clean-2)!important}
.zv5-home-left tbody tr.zv5-r3:before{background-image:var(--zv5-clean-3)!important}
.zv5-home-left tbody tr.zv5-r4:before{background-image:var(--zv5-clean-4)!important}
.zv5-home-left tbody tr.zv5-r5:before{background-image:var(--zv5-clean-5)!important}
.zv5-home-left tbody tr.zv5-r6:before{background-image:var(--zv5-clean-6)!important}
.zv5-home-left tbody tr.zv5-r7:before{background-image:var(--zv5-clean-7)!important}

.zv5-home-left tbody tr:before{
  background-position:center!important;
  background-size:cover!important;
  opacity:.78!important;
}

/* Чуть больше воздуха вокруг единственной римской цифры */
.zv5-home-left .tcl,
.zv5-home-left .tclcon{
  padding-left:92px!important;
}

.zv5-roman{
  left:22px!important;
  width:48px!important;
  text-align:center!important;
  font-size:43px!important;
  letter-spacing:-.05em!important;
}

/* ----------------------------------------
   Маленькая полировка: правую колонку слегка шире,
   чтобы координация выглядела не такой зажатой.
   ---------------------------------------- */
.zv5-home-grid{
  grid-template-columns:minmax(0,1.47fr) minmax(405px,.93fr)!important;
}

/* На средних экранах сохраняем нормальную пропорцию */
@media(max-width:1200px){
  .zv5-home-grid{
    grid-template-columns:minmax(0,1.38fr) minmax(360px,.90fr)!important;
  }
}

@media(max-width:920px){
  .zv5-home-grid{
    grid-template-columns:1fr!important;
  }
}





/* ==========================================================
   ЗАВЕСА v5 STEP 3 — ЕДИНАЯ РАМА И БОКОВИНЫ
   Вставить ПОСЛЕ v5.2 cleanup.
   HTML и новые изображения не нужны.
   ========================================================== */

:root{
  --zv5-frame:#765235;
  --zv5-frame-soft:rgba(164,116,69,.34);
  --zv5-frame-hi:rgba(214,166,103,.58);
  --zv5-frame-dark:#20150e;
  --zv5-frame-red:#6f2e28;
}

/* ----------------------------------------------------------
   1) ОБЩАЯ СЦЕНА
   Центр теперь выглядит не как набор блоков, а как один портал.
   ---------------------------------------------------------- */
body.zv5-home{
  position:relative;
  overflow-x:hidden;
}

body.zv5-home:before,
body.zv5-home:after{
  content:'';
  position:fixed;
  top:0;
  bottom:0;
  width:58px;
  z-index:1;
  pointer-events:none;
  opacity:.68;
  background:
    linear-gradient(90deg,
      transparent 0 6px,
      rgba(126,87,54,.12) 6px 7px,
      rgba(30,19,13,.95) 7px 13px,
      rgba(183,132,79,.30) 13px 14px,
      rgba(17,12,9,.97) 14px 44px,
      rgba(183,132,79,.24) 44px 45px,
      rgba(30,19,13,.95) 45px 51px,
      rgba(126,87,54,.12) 51px 52px,
      transparent 52px
    );
  box-shadow:inset 0 0 24px rgba(0,0,0,.55);
}

body.zv5-home:before{
  left:max(0px,calc(50% - 760px));
}
body.zv5-home:after{
  right:max(0px,calc(50% - 760px));
  transform:scaleX(-1);
}

/* небольшие узлы / заклёпки на вертикальных стойках */
.zv5-top:before,
.zv5-top:after{
  content:'';
  position:absolute;
  top:310px;
  width:18px;
  height:18px;
  z-index:9;
  pointer-events:none;
  border:1px solid rgba(188,136,80,.42);
  border-radius:50%;
  background:
    radial-gradient(circle,rgba(200,150,94,.62) 0 2px,transparent 3px),
    #17110d;
  box-shadow:
    inset 0 0 0 4px #0e0b09,
    0 0 0 1px rgba(0,0,0,.8),
    0 5px 14px rgba(0,0,0,.35);
}
.zv5-top:before{left:-9px}
.zv5-top:after{right:-9px}

/* ----------------------------------------------------------
   2) ШАПКА + БОКОВИНЫ: единый внешний каркас
   ---------------------------------------------------------- */
.zv5-assembly{
  border:1px solid rgba(130,91,57,.52)!important;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.82),
    0 0 0 5px rgba(38,24,15,.72),
    0 0 0 6px rgba(177,126,74,.18),
    0 18px 48px rgba(0,0,0,.40)!important;
}

.zv5-assembly:before{
  left:5px!important;
  right:5px!important;
  top:5px!important;
  bottom:5px!important;
  border-color:rgba(206,159,98,.10)!important;
  box-shadow:
    inset 0 0 0 1px rgba(0,0,0,.42),
    inset 0 0 32px rgba(0,0,0,.22)!important;
}

.zv5-assembly:after{
  top:-8px!important;
  left:52px!important;
  right:52px!important;
  height:14px!important;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(176,124,72,.30) 12%,
      rgba(214,166,103,.52) 50%,
      rgba(176,124,72,.30) 88%,
      transparent
    ) center top/100% 1px no-repeat,
    radial-gradient(circle,rgba(211,161,97,.54) 0 2px,transparent 3px)
      center top/14px 14px no-repeat!important;
}

/* боковины теперь визуально продолжают шапку, а не выглядят вставками */
.zv5-side{
  border:0!important;
  background-color:#0e0b09!important;
}
.zv5-side:after{
  box-shadow:
    inset 0 0 0 1px rgba(202,156,98,.10),
    inset 0 0 32px rgba(0,0,0,.22),
    inset 0 -70px 68px -38px rgba(0,0,0,.55)!important;
}

/* внутренние вертикальные разделители */
.zv5-side-left{
  border-right:1px solid rgba(181,130,77,.32)!important;
}
.zv5-side-right{
  border-left:1px solid rgba(181,130,77,.32)!important;
}

/* ----------------------------------------------------------
   3) МЕНЮ И СТАТУС — одно основание
   ---------------------------------------------------------- */
.zv5-nav{
  border-left:0!important;
  border-right:0!important;
  border-bottom:1px solid rgba(129,90,57,.52)!important;
  box-shadow:
    inset 0 1px 0 rgba(204,159,100,.05),
    0 8px 20px rgba(0,0,0,.25)!important;
}

.zv5-status{
  margin-top:0!important;
  border-top:0!important;
  box-shadow:
    0 10px 24px rgba(0,0,0,.24),
    inset 0 1px 0 rgba(202,156,98,.04)!important;
}

.zv5-status:before,
.zv5-status:after{
  content:'';
  position:absolute;
  top:0;
  bottom:0;
  width:10px;
  pointer-events:none;
  background:
    linear-gradient(180deg,
      rgba(183,132,78,.46),
      rgba(66,42,27,.48) 45%,
      rgba(183,132,78,.24)
    );
  opacity:.34;
}
.zv5-status:before{left:-11px}
.zv5-status:after{right:-11px}

/* ----------------------------------------------------------
   4) ОСНОВНАЯ СЕТКА: общая "архитектурная" подложка
   ---------------------------------------------------------- */
.zv5-home-grid{
  position:relative;
  padding:16px;
  border-left:1px solid rgba(111,78,50,.25);
  border-right:1px solid rgba(111,78,50,.25);
  background:
    linear-gradient(90deg,
      rgba(9,7,6,.72),
      rgba(18,14,11,.45) 6%,
      rgba(12,10,8,.34) 50%,
      rgba(18,14,11,.45) 94%,
      rgba(9,7,6,.72)
    );
  box-shadow:
    inset 24px 0 38px -30px rgba(183,132,78,.14),
    inset -24px 0 38px -30px rgba(183,132,78,.14);
}

.zv5-home-grid:before{
  content:'';
  position:absolute;
  left:-1px;
  right:-1px;
  top:-1px;
  height:12px;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 3%,rgba(175,125,73,.28) 3% 97%,transparent 97%) center top/100% 1px no-repeat,
    radial-gradient(circle,rgba(205,156,96,.46) 0 2px,transparent 3px)
      center/14px 14px no-repeat;
}

.zv5-home-grid:after{
  content:'';
  position:absolute;
  left:-1px;
  right:-1px;
  bottom:-10px;
  height:12px;
  pointer-events:none;
  background:
    radial-gradient(circle,rgba(205,156,96,.42) 0 2px,transparent 3px)
      center/14px 14px no-repeat,
    linear-gradient(90deg,transparent 0 3%,rgba(175,125,73,.24) 3% 97%,transparent 97%) center bottom/100% 1px no-repeat;
}

/* колонки теперь сидят в одной общей раме */
.zv5-home-left,
.zv5-home-right{
  position:relative;
  z-index:2;
}

/* ----------------------------------------------------------
   5) ПАНЕЛИ: единая система рамок
   ---------------------------------------------------------- */
.zv5-card,
.zv5-category-heading,
.zv5-home-left tbody tr{
  border-color:rgba(118,82,51,.48)!important;
}

.zv5-card{
  box-shadow:
    0 12px 28px rgba(0,0,0,.28),
    inset 0 0 0 1px rgba(207,159,99,.045)!important;
}

/* Углы чуть выразительнее, но без случайных скрепок/штампов */
.zv5-card:after{
  opacity:.46!important;
  background:
    linear-gradient(90deg,var(--zv5-frame-hi),transparent)
      left top/36px 1px no-repeat,
    linear-gradient(180deg,var(--zv5-frame-hi),transparent)
      left top/1px 36px no-repeat,
    linear-gradient(270deg,var(--zv5-frame-hi),transparent)
      right top/36px 1px no-repeat,
    linear-gradient(180deg,var(--zv5-frame-hi),transparent)
      right top/1px 36px no-repeat,
    linear-gradient(90deg,var(--zv5-frame-hi),transparent)
      left bottom/36px 1px no-repeat,
    linear-gradient(0deg,var(--zv5-frame-hi),transparent)
      left bottom/1px 36px no-repeat,
    linear-gradient(270deg,var(--zv5-frame-hi),transparent)
      right bottom/36px 1px no-repeat,
    linear-gradient(0deg,var(--zv5-frame-hi),transparent)
      right bottom/1px 36px no-repeat!important;
}

/* декоративный узел в заголовках */
.zv5-block-title:before,
.zv5-category-heading:before{
  content:'✦';
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:15px;
  height:15px;
  margin-right:9px;
  color:#9e7148;
  font:9px/1 var(--zv5-serif);
  opacity:.78;
}

/* ----------------------------------------------------------
   6) РАЗДЕЛЫ I–VII: общая ось слева и аккуратные стрелки справа
   ---------------------------------------------------------- */
.zv5-home-left tbody tr{
  box-shadow:
    0 6px 18px rgba(0,0,0,.27),
    inset 0 0 0 1px rgba(211,162,100,.025)!important;
}

.zv5-home-left tbody tr td:first-child:after{
  content:'';
  position:absolute;
  left:73px;
  top:12px;
  bottom:12px;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(190,139,82,.34),transparent);
}

.zv5-home-left td.tcr{
  position:relative;
  padding-right:25px!important;
}
.zv5-home-left td.tcr:after{
  content:'›';
  position:absolute;
  right:9px;
  top:50%;
  transform:translateY(-50%);
  color:rgba(196,143,81,.58);
  font:20px/1 var(--zv5-serif);
}

/* ----------------------------------------------------------
   7) ПРАВАЯ КОЛОНКА: связываем блоки общей вертикальной линией
   ---------------------------------------------------------- */
.zv5-home-right:before{
  content:'';
  position:absolute;
  left:-8px;
  top:10px;
  bottom:10px;
  width:1px;
  pointer-events:none;
  background:linear-gradient(180deg,transparent,rgba(170,119,68,.28) 8%,rgba(170,119,68,.18) 92%,transparent);
}

/* ----------------------------------------------------------
   8) НИЖНЯЯ ЧАСТЬ / ФУТЕР
   ---------------------------------------------------------- */
.zv5-footer{
  border-top:0!important;
  padding:15px 18px!important;
  border:1px solid rgba(107,75,47,.30)!important;
  background:linear-gradient(180deg,rgba(20,16,13,.84),rgba(9,8,7,.90));
  box-shadow:0 10px 26px rgba(0,0,0,.22);
}

/* ----------------------------------------------------------
   9) RESPONSIVE
   ---------------------------------------------------------- */
@media(max-width:1500px){
  body.zv5-home:before,
  body.zv5-home:after{
    width:36px;
    opacity:.44;
  }
}

@media(max-width:1260px){
  body.zv5-home:before,
  body.zv5-home:after{
    display:none;
  }

  .zv5-home-grid{
    padding:11px;
  }
}

@media(max-width:920px){
  .zv5-home-grid{
    padding:8px;
    border-left:0;
    border-right:0;
  }

  .zv5-home-right:before{
    display:none;
  }
}







/* ==========================================================
   ЗАВЕСА v5 STEP 4 — НИЖНЯЯ ЧАСТЬ И ФИНАЛ ГЛАВНОЙ
   Добавить ПОСЛЕ STEP 3.
   Новых изображений не требуется.
   ========================================================== */

/* ----------------------------------------------------------
   1) ПРОФИЛЬ ВИКТОРА — превращаем в полноценную карточку досье
   ---------------------------------------------------------- */
.zv5-profile{
  min-height:290px;
  background:
    linear-gradient(90deg,rgba(12,10,8,.97) 0%,rgba(12,10,8,.90) 46%,rgba(12,10,8,.42) 100%),
    var(--zv5-archive-scene) right center/cover no-repeat!important;
}

.zv5-profile-grid{
  grid-template-columns:176px minmax(0,1fr)!important;
  gap:20px!important;
  padding:18px 20px 10px!important;
}

.zv5-viktor-photo{
  height:214px!important;
  position:relative;
  border:1px solid rgba(149,101,60,.66)!important;
  box-shadow:
    0 8px 22px rgba(0,0,0,.34),
    inset 0 0 0 4px rgba(8,7,6,.72),
    inset 0 0 0 5px rgba(194,145,86,.10)!important;
}

.zv5-viktor-photo:after{
  content:'VII-04';
  position:absolute;
  right:8px;
  bottom:7px;
  padding:3px 6px;
  border:1px solid rgba(137,92,55,.48);
  background:rgba(11,9,8,.76);
  color:#b99365;
  font:8px/1 var(--zv5-mono);
  letter-spacing:.08em;
}

.zv5-profile-data{
  padding-right:18%;
}

.zv5-profile-data div{
  grid-template-columns:156px 1fr!important;
  padding:7px 0!important;
  border-bottom-color:rgba(122,86,54,.22)!important;
}

.zv5-profile-data span{
  color:#8e7b64!important;
  letter-spacing:.08em;
}

.zv5-profile-data b{
  color:#d0bda0!important;
}

.zv5-profile-quote{
  max-width:420px;
  margin:-2px 0 2px;
  padding-left:20px!important;
  color:#baa98e!important;
  text-shadow:0 2px 8px rgba(0,0,0,.8);
}

.zv5-profile-tabs{
  margin:0 20px 4px!important;
  max-width:600px;
}

.zv5-profile-tabs span{
  background:linear-gradient(#17120f,#0e0c0a)!important;
  border-color:rgba(104,73,47,.56)!important;
}

.zv5-profile-tabs .active{
  color:#c96456!important;
  border-color:rgba(137,66,54,.78)!important;
  box-shadow:inset 0 -2px 0 rgba(147,55,46,.26);
}

/* ----------------------------------------------------------
   2) АРХИВ ФАРАГО — чуть богаче, но без мусора
   ---------------------------------------------------------- */
.zv5-archive{
  background:
    radial-gradient(circle at 100% 0%,rgba(126,76,39,.06),transparent 30%),
    linear-gradient(145deg,rgba(28,23,19,.99),rgba(10,9,8,.995))!important;
}

.zv5-archive-toolbar{
  background:linear-gradient(90deg,rgba(34,26,20,.64),rgba(13,11,9,.44));
}

.zv5-archive-post{
  margin:0 14px 2px!important;
  border-color:rgba(126,87,54,.42)!important;
  box-shadow:inset 0 0 0 1px rgba(209,162,100,.025);
}

.zv5-farago-side{
  background:
    linear-gradient(180deg,rgba(25,19,15,.98),rgba(13,10,8,.99))!important;
}

.zv5-farago-photo{
  height:158px!important;
  box-shadow:
    0 8px 18px rgba(0,0,0,.30),
    inset 0 0 0 4px rgba(7,6,5,.72)!important;
}

.zv5-witness{
  position:relative;
  padding-left:18px!important;
  border-left-color:#9f6b3e!important;
}

.zv5-witness:before{
  content:'“';
  position:absolute;
  left:7px;
  top:7px;
  color:rgba(190,137,79,.44);
  font:30px/1 var(--zv5-serif);
}

.zv5-archive-scene{
  height:174px!important;
  filter:brightness(.90) contrast(1.06) saturate(.78);
}

/* ----------------------------------------------------------
   3) ЦИТАТА И ТЕРМИНАЛ — как маленькие приборные карточки
   ---------------------------------------------------------- */
.zv5-mini{
  overflow:hidden;
}

.zv5-mini .zv5-block-title{
  padding-top:13px!important;
  padding-bottom:11px!important;
}

.zv5-mini blockquote{
  min-height:74px;
  display:flex;
  align-items:center;
  margin:12px 14px 14px!important;
  padding:15px 18px 15px 48px!important;
  position:relative;
  font:400 14px/1.45 var(--zv5-serif)!important;
}

.zv5-mini blockquote:before{
  content:'“';
  position:absolute;
  left:17px;
  top:11px;
  color:#a77847;
  font:36px/1 var(--zv5-serif);
  opacity:.70;
}

.zv5-terminal{
  margin:12px 14px 14px!important;
  min-height:132px;
  border-color:rgba(63,99,92,.74)!important;
  background:
    repeating-linear-gradient(180deg,rgba(91,150,139,.018) 0 1px,transparent 1px 4px),
    #0b1110!important;
  box-shadow:
    inset 4px 0 0 rgba(72,134,123,.18),
    inset 0 0 24px rgba(22,73,66,.10);
}

/* ----------------------------------------------------------
   4) CSS-МОБИЛЬНИК — как на нашем эталоне
   ---------------------------------------------------------- */
.zv5-mobile-card{
  min-height:360px;
}

.zv5-phone{
  width:214px;
  margin:15px auto 20px;
  padding:15px 13px 17px;
  border:2px solid rgba(137,96,60,.72);
  border-radius:29px;
  background:
    linear-gradient(180deg,#18130f,#080706);
  box-shadow:
    inset 0 0 0 4px #0a0807,
    inset 0 0 0 5px rgba(191,143,84,.10),
    0 16px 28px rgba(0,0,0,.44);
  position:relative;
  z-index:6;
}

.zv5-phone:before{
  content:'';
  position:absolute;
  left:50%;
  top:7px;
  transform:translateX(-50%);
  width:42px;
  height:4px;
  border-radius:5px;
  background:#241b14;
  box-shadow:inset 0 1px 1px rgba(0,0,0,.7);
}

.zv5-phone-seal{
  width:46px;
  height:46px;
  margin:7px auto 4px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(179,129,75,.42);
  border-radius:50%;
  color:#d0b187;
  font:400 14px/1 var(--zv5-serif);
  box-shadow:inset 0 0 0 5px #0d0a08;
}

.zv5-phone-title{
  text-align:center;
  color:#d6bb91;
  font:400 18px/1 var(--zv5-serif);
  letter-spacing:.16em;
}

.zv5-phone-sub{
  margin:10px 0 8px;
  padding:7px 0;
  border-top:1px solid rgba(99,69,45,.40);
  border-bottom:1px solid rgba(99,69,45,.40);
  text-align:center;
  color:#90785b;
  font:7px/1.2 var(--zv5-mono);
  text-transform:uppercase;
}

.zv5-phone-list{
  list-style:none;
  margin:0;
  padding:0;
  counter-reset:zv5mob;
}

.zv5-phone-list li{
  counter-increment:zv5mob;
  display:grid;
  grid-template-columns:24px 1fr auto;
  gap:5px;
  align-items:center;
  padding:6px 0;
  border-bottom:1px solid rgba(92,65,43,.30);
  color:#a99678;
  font:8px/1.2 var(--zv5-serif);
}

.zv5-phone-list li:before{
  content:counter(zv5mob, upper-roman);
  color:#d0b188;
  font-size:10px;
}

.zv5-phone-list small{
  color:#72604d;
  font:6px/1 var(--zv5-mono);
}

/* ----------------------------------------------------------
   5) ПРАВАЯ НИЖНЯЯ КОЛОНКА — цитата/терминал/мобильник
   ---------------------------------------------------------- */
.zv5-home-right{
  gap:13px!important;
}

.zv5-home-right .zv5-mini{
  min-height:0;
}

/* ----------------------------------------------------------
   6) ФУТЕР — завершает весь портал
   ---------------------------------------------------------- */
.zv5-footer{
  position:relative;
  margin-top:0!important;
  padding:18px 22px!important;
  overflow:hidden;
}

.zv5-footer:before{
  content:'';
  position:absolute;
  left:70px;
  right:70px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(184,133,78,.42),transparent);
}

.zv5-footer-inner{
  position:relative;
  z-index:2;
  align-items:center;
}

.zv5-footer-inner:first-letter{
  color:#bd9361;
}

#zv5-code{
  padding:5px 9px;
  border:1px solid rgba(113,79,50,.40);
  background:#0e0c0a;
  color:#a98962;
  letter-spacing:.12em;
}

/* ----------------------------------------------------------
   7) КОМПОЗИЦИЯ НА ШИРОКИХ ЭКРАНАХ
   Профиль визуально уравновешивает архив справа.
   ---------------------------------------------------------- */
@media(min-width:1151px){
  .zv5-profile{
    min-height:306px;
  }

  .zv5-mobile-card{
    min-height:350px;
  }
}

/* ----------------------------------------------------------
   8) RESPONSIVE
   ---------------------------------------------------------- */
@media(max-width:720px){
  .zv5-profile-grid{
    grid-template-columns:1fr!important;
  }

  .zv5-viktor-photo{
    width:min(220px,100%);
    margin:0 auto;
  }

  .zv5-profile-data{
    padding-right:0;
  }

  .zv5-profile-data div{
    grid-template-columns:1fr!important;
  }

  .zv5-profile-tabs{
    grid-template-columns:repeat(2,1fr)!important;
  }

  .zv5-profile-tabs span:nth-child(3){
    border-left:1px solid #4f3827!important;
  }
}












/* ==========================================================
   ЗАВЕСА — SAFE HEADER REBUILD
   ВАЖНО: ЭТО ТОЛЬКО ШАПКА. НЕ ЗАМЕНЯЕТ ОСНОВНОЙ CSS ФОРУМА.
   Сначала верни последний рабочий CSS форума, затем добавь этот
   файл В САМЫЙ НИЗ.
   ========================================================== */

:root{
  --zvh-image:url('https://forumstatic.ru/files/001a/bb/0a/99996.jpg');
  --zvh-width:1240px; /* если твой форум шире/уже — меняется только это число */
  --zvh-line:#6f4d32;
  --zvh-gold:#c39a67;
  --zvh-bg:#120f0d;
  --zvh-text:#d2b990;
  --zvh-muted:#917d65;
  --zvh-red:#a65347;
  --zvh-serif:Georgia,'Times New Roman',serif;
  --zvh-mono:'Courier New',monospace;
}

/* скрываем ТОЛЬКО штатную шапку/штатное меню */
#pun-title,
#pun-navlinks{
  display:none!important;
}

/* НИ ОДНОГО правила для body, #pun, #pun-main, .box и т.п. —
   остальной форум остаётся таким, каким был до новой шапки. */

.zvh-shell{
  width:min(var(--zvh-width),calc(100% - 24px));
  margin:20px auto 0;
  position:relative;
  z-index:20;
  box-shadow:
    0 0 0 1px rgba(0,0,0,.88),
    0 0 0 5px rgba(37,23,15,.78),
    0 0 0 6px rgba(181,129,76,.14),
    0 22px 55px rgba(0,0,0,.42);
}

.zvh-art{
  height:332px;
  position:relative;
  overflow:hidden;
  border:1px solid rgba(119,83,52,.58);
  border-bottom:0;
  background:
    linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.16)),
    var(--zvh-image) center/cover no-repeat;
}

.zvh-art:before{
  content:'';
  position:absolute;
  inset:7px;
  pointer-events:none;
  border:1px solid rgba(201,156,99,.07);
}

.zvh-art:after{
  content:'';
  position:absolute;
  left:34px;
  right:34px;
  bottom:10px;
  height:1px;
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(198,148,90,.42),transparent);
}

.zvh-nav{
  display:grid;
  grid-template-columns:repeat(7,1fr);
  border:1px solid rgba(119,83,52,.58);
  background:linear-gradient(180deg,#211a15,#110e0c);
}

.zvh-nav a{
  min-width:0;
  padding:14px 5px;
  text-align:center;
  border-right:1px solid rgba(119,83,52,.23);
  color:var(--zvh-text)!important;
  font:400 11px/1 var(--zvh-serif)!important;
  letter-spacing:.10em;
  text-transform:uppercase;
  text-shadow:0 1px 5px #000;
  white-space:nowrap;
}
.zvh-nav a:last-child{border-right:0}
.zvh-nav a:hover{
  background:linear-gradient(180deg,rgba(151,95,51,.12),rgba(79,46,25,.04));
  box-shadow:inset 0 -2px 0 rgba(190,136,79,.32);
}

.zvh-status{
  width:min(var(--zvh-width),calc(100% - 24px));
  margin:0 auto 18px;
  padding:9px 13px;
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  border:1px solid rgba(119,83,52,.48);
  border-top:0;
  background:linear-gradient(180deg,rgba(27,21,17,.98),rgba(10,9,8,.99));
  box-shadow:0 12px 26px rgba(0,0,0,.24);
  color:var(--zvh-muted);
  font:9px/1.25 var(--zvh-mono)!important;
  text-transform:uppercase;
  position:relative;
  z-index:20;
}

.zvh-status span{position:relative;padding-right:11px}
.zvh-status span:after{
  content:'//';position:absolute;right:0;top:0;color:#5b4534;
}
.zvh-status span:last-child:after{display:none}
.zvh-status .red{color:var(--zvh-red)}
.zvh-status b{font-weight:400;color:#d47365}

@media(max-width:980px){
  .zvh-art{height:270px}
  .zvh-nav{grid-template-columns:repeat(4,1fr)}
}

@media(max-width:680px){
  .zvh-shell,.zvh-status{width:calc(100% - 12px)}
  .zvh-art{height:220px;background-position:center top}
  .zvh-nav{grid-template-columns:repeat(2,1fr)}
  .zvh-nav a{font-size:10px!important;padding:12px 5px}
  .zvh-status{font-size:8px!important}
}