/******************************************************************
   style.css  ·  the red thread 
   Структурный файл: позиции, размеры, раскладка punbb.
   Палитра и цвета вынесены в style_cs.1787831172.css (импорт ниже).
******************************************************************/

@import url(style_cs.1787831172.css);

html, body { margin: 0; padding: 0 }
* { margin: 0 }
.punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; }
.punbb img { margin-top: 0px; }
.punbb .main table { table-layout: fixed; width: 100%; }
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle }
body { font-size: 100.01%; overflow-x: hidden }
.punbb { font: normal 68.75% inter, verdana, arial, montserrat, sans-serif; }
.punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, montserrat, sans-serif; }
.punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th {font-size: 11px; letter-spacing: 0px; padding-top: 0px; font-weight: normal; border-color: transparent;}
.punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; }
.punbb pre { font: 1.1em/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 a { text-decoration: underline }
.punbb optgroup { font-weight: bold; }

#pun { position: relative; width: var(--wh); margin: 230px auto 15px; padding-top: 4px; background-position: center top; background-repeat: repeat-y; }
.punbb { height: auto; margin: 0 auto; width: 1117px; }
.punbb .section, .punbb .main { margin-bottom: 1em; }
.punbb .category, .punbb .post { margin-top: 0.4em; }
.punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; }
#pun-post .topic { margin-top: 1em; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info,
.punbb .category, .punbb .post { border-style: none none solid none; border-width: 0px 0px 2px 0px }
.punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0px 1em 0px 1em; border-style: solid solid none solid; border-width: 1px 1px 0px 1px; }

#pun-navlinks { border: none; margin: 0; }
#pun-navlinks li { display: inline; padding-right: 0em; }
#pun-navlinks .container { position: absolute; width: var(--wh); font-weight: normal; text-align: center; top: -180px; left: 0px; }
#pun-navlinks li a { display: inline-block; padding: 1px 15px 1px 0px !important; font-size: 15px !important; letter-spacing: 2px; text-transform: uppercase; font-weight: 500; }
#navawards, #navawards a span { display:none!important; }
#pun-messages .pa-posts { display: none; }

#pun-ulinks .container { position: absolute; display: inline; width: var(--wh); padding: 0 !important; top: -2px; font-weight: normal; text-align: center; }
#pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; }
#pun-ulinks a { font-size: 8px !important; letter-spacing: 0.7px; font-weight: 100; text-transform: uppercase; padding: 0px 15px 0px 5px !important; }

#pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; }
#pun-status span { white-space: nowrap; margin-right: 0.5em; }
#pun-status .container { position: absolute; display: inline-flex; width: var(--wh); gap: 1px; font-weight: 100; font-size: 9px; text-transform: uppercase; top: -214px; justify-content: center; }
#pun-status .container a { text-transform: uppercase; font-size: 9px!important; }
#pun-status .container strong { font-weight: 100!important; }
#pun-status .container .item4 { display: none; }

#pun-crumbs1 { overflow: hidden; margin: 20px 0px 0px; }
#pun-crumbs1 p.container { border-top: none; padding: 0px; font-size: 10px; text-transform:uppercase; }
#pun-crumbs2 { overflow: hidden; margin-bottom: 0; border-bottom: none; }
#pun-crumbs2 .container { border-bottom: none; padding: 0px; font-size: 10px; text-transform:uppercase; }
#pun-crumbs1, #pun-crumbs2 { text-align: center; font-weight: normal; }
#pun-crumbs2 { margin-bottom: 10px !important; }
#pun-crumbs2 a, #pun-crumbs1 a { text-transform: uppercase; font-size: 10px; font-weight: 600; }
#pun-break1 { border-style: solid none; border-width: 1px 0; height: 0; margin-bottom: 0px; position: relative; z-index: 1; }
#pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; }

#pun-stats .container { margin: 0px 30px 20px 30px; position: relative; top: 21px; padding: 19px 0px 0px 0px; z-index: 9; }
#pun-stats .container strong { font-weight: normal; }
#pun-stats .container a { font-weight: 600; font-size: 9px; text-transform: uppercase; }
.statscon li.item1, .statscon li.item2, .statscon li.item3, .statscon li.item4 { position: absolute; font-size: 8px !important; letter-spacing: 0.7px; font-weight: 100; display: block; width: 350px; text-align: center !important; margin-left: -83px; text-transform: uppercase; }
.statscon li.item1, .statscon li.item2, .statscon li.item3 { margin-top: -9px; width: 161px; padding: 1px 15px; }
.statscon li.item1 { left: 115px; border-radius: 20px 0px 0px 20px; }
.statscon li.item2 { left: 306px; border-radius: 0px; }
.statscon li.item3 { left: 497px; width: 222px; border-radius: 0px; }
.statscon li.item4 { margin-top: -9px; right: 31px; gap: 5px; padding: 1px 5px; display: flex; z-index: 1; border-radius: 0px 20px 20px 0px; justify-content: center; }
.statscon li.item4 a { letter-spacing: 0.7px !important; font-size: 8px !important; }
.statscon li.item5 { display: block; width: 857px!important; margin: 0px 31px 0px; text-align: justify!important; }
.statscon li.item5.users_24h { min-height: 50px; }
li#onlinelist { margin-top: 10px; border-top-style: solid; border-top-width: 1px; float: left; line-height: 130%; }
li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0px; text-transform: uppercase; font-size: 9px; text-align: justify; }

.punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; }
#pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% }
#pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; }
#pun-debug table .tcl { width: 15%; white-space:normal; }
#pun-debug .tcr { width: 90%; white-space: normal; }
.punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; }
.punbb td .modlist { display: block; padding-top: 0.3em }

.punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; }
.punbb .main .tcl { border-left-style: none; border-left-width: 0; text-align: left; width: 60%; }
.punbb .main .tcr { position: relative; overflow: hidden; text-align: right; width: 35%; padding-right: 0px; padding-top: 24px; }
.punbb .user-avatar .avatar-image { float: right !important; height: 30px !important; width: 30px !important; opacity: 0.55 !important; border-radius: 10px !important; outline-offset: 0px; background-position: center center; background-size: cover; background-repeat: no-repeat; filter: grayscale(1); transition: all 0.3s linear 0s; }
.punbb .user-avatar { float: right!important; position: relative; height: 36px; width: 36px; margin: -1px 10px 2px 2px !important; }
.punbb .user-avatar .avatar-image:hover { filter: grayscale(0); opacity: 0.85!important; transform: scale(1.09); }
.punbb .user-avatar .isonline { display: block; position: absolute; top: -3px !important; right: -3px !important; z-index: 100; }

.punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; }
.punbb .post h3 { margin: 0px 0px 0px; display: block; height: 13px; }
.punbb .post h3 span { display: block; margin: 15px 0px 0px; }
.punbb .post h3 span a { padding: 2px 10px; text-transform: uppercase; top: -4px; left: 1px; position: relative; font-size: 11px; }
.punbb .post h3 strong { margin-top: -2px; right: 5px; text-transform: lowercase; padding: 0px 10px; position: absolute; font-weight: 500; width: auto; font-size: 10px; text-align: right !important; }
.punbb#pun-searchposts .post h3 span a { position: relative !important; top: 2px; left: 0px; font-size: 11px; }
.punbb#pun-searchposts em { display: none; }
.punbb#pun-searchposts .post h3 span a:before { content: "«"; padding: 0px 2px; }
.punbb#pun-searchposts .pa-author strong { font-weight: normal!important; }
.punbb#pun-searchposts .pa-replies { font-size: 11px; font-family: var(--1ft); margin: 8px 0px 5px; }

.punbb .post-content { width: 100%; text-align: justify; }
.punbb .post-sig dt { display: block; border-top: 1px dashed; width: 250px; height: 0px; margin: 15px 0; }
.punbb .post-content p { margin: 0; padding: 0 0 5px 0; }
.post-content hr { filter: alpha(opacity = 50); margin-bottom: 0.8em; }
.post-content { margin: -10px 0px 0px 0px !important; }
.punbb .post-content img { vertical-align: text-bottom }
.punbb .post-content img.postimg { vertical-align: middle; }
.punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; }
.punbb .post-content .scrollbox { width: 100%; height: 2.5em!important; overflow: auto; }

.punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; }
.multipage { margin-top: 3em; }
.linkst .pagelink { margin-top: -25px; word-spacing: 3px; margin-left: 17px; }
.linksb .pagelink { float: left; margin: 0px -11px; width: 24em; word-spacing: 3px; text-align: left; }
.linksb .postlink { float: right; width: 16em; margin-top: 0px; margin-right: 10px; }
.punbb .linksb { text-align: right; padding: 0px 0px 0px 25px; }
.linkst .postlink { position: absolute; top: -22px; right: -6px; text-align: right; padding-right: 17px; }
.subscribelink { clear: both; padding-top: 0.3em; margin-right: 10px; padding-bottom: 0.5em; }

.punbb .post .post-author ul, .punbb .post .post-author p { line-height: 140%; }
#pun-main .post-author ul { margin: 0px 20px 20px; }
.punbb .post .post-author { float: left; width: 230px; height: auto; margin-top: 0px; margin-left: 8px; overflow: hidden; }
#tuser { cursor: pointer; font-size: 11px !important; display: block; position: absolute; z-index: 99; opacity: 0.5; margin-top: -52px !important; margin-left: 196px !important; padding: 0px; width: 20px; height: 20px; }
.indOnline { display: block !important; position: absolute; z-index: 0; width: 7px; height: 7px; border-radius: 20px !important; box-sizing: border-box; margin-top: -45px !important; margin-left: -25px !important; animation: blinkColor .9s linear infinite; }
.indOffline { display: block !important; position: absolute; width: 47px; height: 40px; background: none; box-sizing: border-box; margin-top: -54px !important; margin-left: -14px!important; }
.pa-avatar { display: flex; max-width: 190px; max-height: 180px; text-align: center; z-index: 2; position: relative; justify-content: center; }
.pa-avatar img { max-width: 180px; max-height: 180px; padding: 0px; z-index: 9; position: relative; margin-top: 0px; }
.pa-author { text-align: center; padding: 8px 0px 1px 0px !important; width: inherit; font-size: 12px; margin: 20px 5px 0px; }
.pa-author a { position: relative; z-index: 9999; text-transform: uppercase !important; font-size: 12px !important; margin-left: 0px !important; transition: all .5s linear 0s !important; }
li.pa-title { position: relative; height: 14px; width: 180px; margin: 0px 5px 6px; font-size: 9px; letter-spacing: 0.7px; z-index: 999; text-transform: lowercase; text-align: center; }
.pa-posts, .pa-respect, .pa-fld2 { width: 93px; gap: 4px; display: inline-flex; margin: 0px; text-transform: lowercase; font-size: 9px; text-align: center; height: 14px; flex-direction: row; justify-content: center; align-items: center; }
.pa-respect a:link, .pa-respect a:visited { text-transform: lowercase; font-size: 9px; }
.pa-fld1 { position: relative; width: 173px !important; margin: 7px 0px 5px; text-align: center; font-size: 9px; padding: 0px 9px 0px!important; text-transform: lowercase; }
.pa-reg, .pa-fld1 .fld-name, li.pa-awards .fld-name, .pa-author img, .pa-gifts, .pa-online { display: none; }
.punbb .post-body { margin-left: 22em; margin-right: 6px; border-left-style: solid; border-left-width: 1px; padding: 0px 0 1px 0; }
.punbb .post-box { padding: 20px 15px 0px; margin: 10px 3px 15px 3px !important; }
.punbb fieldset .post-box { margin-bottom: 0.8em }
.punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; }
.punbb .post-links ul { height: auto; line-height: 1em; margin-left: -202px; font-size: 10px; text-transform: lowercase; background: transparent; text-align: right; margin-right: 0px; }
.punbb .post-links li { display: inline; text-align: center; margin: 0px 2px; padding: 0px 5px 1px 5px; transition: all 0.5s ease 0s; }
.pl-email, .pl-website { float: left; }
.punbb .clearer { clear: both; height: 0; font-size: 0; }
.topic a.sharelink { display: none; }

.punbb .formal .container { padding: 0em 1.3em 0em 1.3em; }
.punbb .formsubmit { padding: 0 0 0 1.7em; text-align: center; margin: 1em 0 0 0; }
.punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 }
.punbb fieldset { border-style: solid; border-width: 1px; padding: 0px 2px 0px 0px; margin: 0 0 1px 0; }
.punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 }
.punbb .fs-box { padding: 1em 0 0.8em 0; }
.punbb .fs-box p, .punbb .fs-box fieldset { padding: 0px 0 0.8em 0; }
.punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; }
.punbb .datafield br { display: none }
.punbb .datafield span.input a { font-weight: normal; }
.punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; }
.punbb textarea, .punbb .longinput input { width: 64%; margin: 0; }
.punbb .hashelp { position: relative; }
.punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; }
.punbb #profile .helplinks { top: 1.5em; }
.punbb .helplinks span { display: block; padding-bottom: 0.2em; }
#pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; }
.punbb .helplinks span INPUT { margin-right: 2px; margin-bottom: 2px; }
.punbb fieldset legend { padding: 0; margin: 0px 0px 0px 11px; font-size: 11px; }
.punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 10px; }
.punbb .inline .infofield { text-transform: lowercase; font-size: 9px; text-align: justify; }

#profile .container { padding-left: 15.6em; }
#profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; }
#profilenav li { padding-bottom: 0.8em; word-spacing: 3px; font-weight: normal; }
#profile-signature ul { border-style: dashed; border-width: 1px 0 0 0; margin: 0; background: none; box-shadow: none; padding: 1em 1em 0 1em; }
#viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; }
#viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; }
#viewprofile li, #setmods dl { padding: 0px 0 0 19em; margin-left: 20px; margin-bottom: 3px; }
#setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; }
#profile-left li, #profile-left li * { padding-left: 0; margin-left: 0; border-radius: 0px; }
.punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em }
#viewprofile ul { margin: 0px 20px 10px 20px; display: block; border-radius: 30px; }
#profilenav ul { padding: 10px 0px 3px 19px; border-radius: 0px; margin: 9px 0 5px 3px; }
#viewprofile li span { float: left; width: 150px; text-transform: lowercase; margin-left: -212px; padding: 7px 30px; }
#viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; text-transform: lowercase; font-weight: normal; font-size: 11px; }
div#profile-gifts, #profile-right li#pa-invites, #profile-right li#pa-gifts { display: none; }
#profile-left { width: 250px!important; display: inline-flex; padding-top: 0 !important; justify-content: center; flex-direction: column; align-items: center; align-content: center; flex-wrap: wrap; }
.punbb h1 { display: none; }
#profile-left #pa-avatar div { width: 180px; height: 180px; padding: 5px; border-radius: 0px; display: flex; justify-content: center; align-items: center; margin: 0px 55px; }

#pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; }
#pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; }
#pun-userlist .usertable table { border-style: solid; border-width: 1px; }
* html .tclcon { height: 1px }
.punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; }
.punbb .info-box * { padding: 0 0 0.7em 0; }
.punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; }
.punbb .modmenu .container { padding: 1.5em 1em; text-align: right; }
.punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; }
.punbb .modmenu .container strong { float: left; }
.punbb .modmenu input { margin-left: 1em; }
.punbb .info .container { padding: 0.8em 1em }
.punbb .info .container .backlink { padding-top: 0.8em; }
#pun-title { margin: 0; border: none; }
#pun-title h1 { display: block; height: 40px; padding: 2em 1em 0 1em; }
#pun-title .container { border-style: none solid none solid; }
#pun-title h1 span { font-size: 0em; }
#pun-title TD.title-logo-tdl { border: none; width: 100%; }
#pun-title TD.title-logo-tdr { border: none; width: 420px; }

#pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; }
#pun-pagelinks .container { background: transparent; border: none; padding: 0 }
#pun-pagelinks .container li { display: inline }
#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%; }
#pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; }
#pun-pagelinks li a span { display:block; margin: 0 1em }
#pun-announcement h2 { padding: 0; margin: 0 15px -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; display:none; }
#pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; }
#pun-announcement .container { padding: 0.6em 0.5em 1em 1em; margin-bottom: -54px; margin-top: 45px; text-align: center; }

#pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; }
#pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; }
#pun-about { margin-top: 0; }
#pun-about p span { display:block; padding-left: 50%; }
div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; }
#pun-about p.container { height: var(--hg2); width: var(--wh1); margin-top: 15px; margin-left: -35px; position: absolute; background: var(--bot); }
#pun-about .container .item1 { position: relative; font-size: 8px; top: 18px; text-align: center; }
#pun-about .container .item1 a { font-size: 10px!important; }

#pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; }
#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; }
#pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em }
#pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em }
#pun-help .formal li { padding: 0; line-height: 130% }
#pun-help .formal li * { vertical-align: text-top }
#pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace }
#pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; }

.punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt { border-color: transparent; }
#pun-main .post-author ul { text-align: center; }
.punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { text-align: justify; }
#post-form h2 span { display: none; }
#pun-index h2 { box-shadow: none }
#pun-main div.catleft, #pun-main div.catright { display: none; }
.punbb th { font-size: 0!important; }
.punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 { font-size: 19px!important; text-align: center; text-transform: uppercase; }
#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; }
.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 }

#pun-admain h1 span, #pun-admain h2 span, #pun-admain legend span, #pun-admain .adformal h3 span, #pun-admain .adcontainer .tcl, #pun-admain .adcontainer td { font-size: 12px!important; }
#pun-adnav h2 { margin-left: 2px!important; }
#pun-admain textarea { width: 94%!important; }

span.num_msg { margin-top: -11px !important; margin-left: -16px !important; font-size: 8px !important; font: 500 10px/1.6 Tahoma; text-align: center!important; padding: 0px 7px 1px 7px!important; height: 11px !important; width: auto!important; border-radius: 5px!important; }
span.num_msg:before { top: 10px !important; margin-left: 0px !important; }
.bubble { right: 5px!important; top: -12px!important; border-radius: 5px!important; }

.punbb .longinput input { font-size: 12px!important; }
.punbb textarea { font-size: 12px!important; }
@media screen and (max-device-width: 480px) { html { -webkit-text-size-adjust: 100%; } }

#tooltip { position:absolute; font-size: 10px !important; text-transform: uppercase; margin: 0 0 0 0; padding: 5px; font-weight:normal; display:none; z-index: 99999999; border-radius: 0px!important; }
.noNull:before { content: "+"; font-size: 13px; display: inline-block; margin-left: -8px; margin-top: 6px; position: absolute; }
div .post-rating p>a { text-align: center; outline: 1px solid transparent; font-weight: 500 !important; background: none; position: relative; padding-left: 1px; z-index: 100; width: 38px; height: 38px; font-size: 12px !important; display: inline-block; vertical-align: middle; line-height: 34px; letter-spacing: -1px; }
div .post-rating p>a:after { content:'favorite'; position: relative; font-size: 18px; font-family: 'Material Icons'; left: 3px; top: 5px; }
div.post-vote { margin-bottom: 65px; }
div.post-vote p>a { font-size: 0 !important; position: absolute; cursor: pointer; z-index: 200; width: 23px; height: 23px; background: none; display: block; margin-left: 29px; margin-top: 42px; }
div.post-vote p>a:after { content:'question_answer'; position: relative; font-family: 'Material Icons'; top: 3px; left: 10px; font-size: 18px !important; }

.go-up, .go-down { cursor: pointer; width: 14px; height: 55px; display: none; border-radius: 0px 20px 20px 0px; position: fixed; opacity: 0.6; z-index: 9999; }
.go-up { top: 370px; margin-left: 1117px !important; }
.go-down { top: 434px; margin-left: 1117px !important; }
.go-up:hover, .go-down:hover { opacity: 1; }

/* ---- слои HTML-верха (надписи в шапке, кисточка, плашки) ---- */
#html-header infotext { position: absolute; left: 229px; top: -157px; width: 345px; letter-spacing: 0.5px; word-spacing: 2px; text-transform: uppercase; font-size: 81px; text-align: left; }
#html-header infotext2 { position: absolute; right: 269px; top: -100px; width: 345px; letter-spacing: 0.5px; word-spacing: 2px; text-transform: uppercase; font-size: 80px; text-align: left; }
#html-header txt-sh { position: absolute; top: -72px; height: 49px; display: block; padding: 5px 8px; border-radius: 15px; left: 238px; width: 245px; z-index: 999; letter-spacing: 0.5px; text-transform: uppercase; font-size: 8px; }
#plash { position: absolute; scrollbar-width: none; width: 175px; height: 125px; text-align: left; overflow: hidden; top: -142px; right: 153px; }
.plaha { display: inline-block; width: 175px; height: 20px; margin-bottom: 5px; transition: all .5s linear 0s !important; }
.plaha text { position: relative; display: inline-block; text-transform: uppercase; font-size: 11px; margin-top: 4px!important; width: 175px; text-align: center; }

#html-footer copy { position: absolute; width: var(--wh); margin: 105px 0px 0px; padding: 0px; letter-spacing: 1px; text-transform: lowercase; text-align: center; font-size: 10px; }
#html-footer copy a { font-size: 10px; text-transform: uppercase; opacity: .5; }

/* ---- главная: список разделов ---- */
#pun-index .tclcon { width: 700px; font-size: 11px; text-transform: lowercase; margin-left: 18px; background: none; border-radius: 20px; font-family: var(--1ft); text-align: justify; margin-top: 0px; }
#pun-index .tcl h3 { width: 270px; height: 27px; text-align: center; font-weight: normal !important; right: 25px; position: relative; top: 0px; }
#pun-index .tclcon h3 a { position: relative; display: flex; height: 26px; top: 0px; text-transform: uppercase; font-family: var(--1ft); font-size: 18px; padding: 0px; align-items: center; justify-content: center; }
.podf-text { padding: 0px; top: 0px; line-height: 13px; text-transform: uppercase; width: 460px; left: 54px; z-index: 1; position: relative; display: inline-block; text-align: justify; font-size: 8px; }
#pun-index .tcr a { font-size: 11px; letter-spacing: 0.3px !important; font-weight: 500; text-transform: uppercase; }
span.lastpost { font-size: 9px; text-transform: uppercase; }
#pun-index .tc2, #pun-index .tc3 { width: 5%; }
.category thead { display: none; }
.category tr { display: flex; }
.category tr .tcl { flex-basis: 70%; }
.category .forum-title { float: left; width: 30%; }
.category .subforums { float: left; width: 100%; }
.topics-and-posts { position: relative; width: 270px; padding: 1px 0px 1px; display: inline-flex; border-top: none; letter-spacing: 0.7px; font-weight: 100; gap: 26px; font-family: var(--1ft); font-size: 7px; text-transform: uppercase; left: -26px; top: 0px; justify-content: center; }
.topics-and-posts b { font-weight: normal; }
span.topics { text-align: right; }
span.posts { text-align: left; }
#pun-index .tcl { width: 30%; }
.forlinks { text-align: center; position: relative; width: 464px; padding: 1px 0px 1px; border-radius: 20px; top: 3px !important; display: flex; justify-content: center; margin-left: 262px !important; }
.navsi { display: flex; font-size: 9px; text-align: center; padding: 0px 6px; box-sizing: border-box; transition: .5s; }
.navsi a { font-size: 7px !important; letter-spacing: 0.7px; font-weight: 100; font-family: var(--1ft) !important; text-transform: uppercase!important; padding: 0px; }
#pun-index #pun-main .category .container { margin-top: 20px; }
#pun-index .category tr { display: block; }
#pun-index .category h2, #pun-stats.section h2 { margin: 0; width: 1077px; text-align: center; }
#pun-index .category h2 span, #pun-stats.section h2 span { display: flex; text-align: center; text-transform: uppercase; font-size: 25px; letter-spacing: 1px !important; padding-left: 20px; padding-right: 20px; transition: all 1s cubic-bezier(0.2, 0.2, 0.2, 1), color 0.3s 0.2s linear; position: relative; z-index: 1; justify-content: center; font-weight: 600; }

/* ---- формы: базовая геометрия ---- */
.punbb textarea { outline: 0; width: 100% !important; box-sizing: border-box; }
.punbb select, .punbb input { padding: 3px !important; margin-left: 3px; font-size: 11px !important; }
.punbb #pun-main table .quote-box, .punbb #pun-main table .code-box { margin: 5px 1px 15px }
.punbb .post-content .quote-box, .punbb .post-content .code-box { position: relative; overflow: hidden; padding: 10px 15px 5px 15px !important; }
.punbb .quote-box cite, .punbb .code-box strong.legend a, .post-content .spoiler-box > div { display: block; padding-bottom: 5px; font-weight: 600; font-style: normal; margin: 0px 0px 4px; letter-spacing: 0px; font-size: 10px; text-transform: lowercase; }
.post-content .spoiler-box > div { border-bottom: none; }
.post-content .spoiler-box > blockquote { padding-top: 0.4em!important; }
.code-box strong.legend a:before { content: '\e86f'; }
.quote-box cite:before { content: '\e244'; }
.post-content .spoiler-box > div:before { content: '\e5cf'; }
.post-content .spoiler-box > div.visible:before { content: '\e5ce'; }
.code-box strong.legend a:before, .quote-box cite:before, .post-content .spoiler-box > div:before, .post-content .spoiler-box > div.visible:before { position: relative; font-size: 13px; font-family: 'Material Icons'; padding: 0px 4px; top: 3px; }
.punbb .post-content .quote-box, .punbb .post-content .code-box { margin: 10px 5px 10px 5px; padding: 0px; }
.post-content .spoiler-box > div { cursor: pointer; padding-left: 0px!important; }
.post-content .spoiler-box > div.visible { margin-left: 0px!important; background-image: none!important; }
#pun-main .code-box .scrollbox pre { font-size: 11px; font-family: var(--4ft); }

#font-area, .popup_graffiti, #size-area, #spoiler-sels, #image-area, #color-area, #addition-area, #video-area, .inner .popup_graffiti, #table-area, #keyboard-area { padding: 10px !important; font-size: 11px; }
#tags .container { position: absolute; right: 5px!important; top: 60px!important; z-index: 2; }
#font-area { height: 200px; overflow-y: auto; text-align: left; }
#size-area { display: flex; text-align: center; gap: 18px; width: 370px; align-items: baseline; flex-wrap: wrap; justify-content: center; }
#plng { width: 165px; border-radius: 20px; padding: 1px 0px 0px; text-align: center; margin-right: 5px; margin-left: 4px; z-index: 99; float: left; letter-spacing: 0.7px; text-transform: uppercase; font-size: 9px; display: inline; }
#plng b { font-size: 10px; font-weight: 100; }
.punbb .post-content del { text-decoration: none; filter: blur(2px); }
.punbb .post-content del:hover { filter: blur(0px); }

input.button, #post fieldset .hashelp div input, .button, #pun-admain input { text-transform: uppercase; transition: all 0.5s ease 0s; font-size: 9px !important; letter-spacing: 0.7px; font-weight: 500 !important; padding: 1px 5px 0px 5px !important; cursor: pointer !important; }
.icon[data-new-topics]:before, .subforums span[data-new-topics]:before { display: none; }
#pun-viewforum table Div.icon, #pun-messages table Div.icon, #pun-searchtopics table Div.icon, #pun-viewforum TR.inew Div.icon, #pun-messages TR.inew Div.icon, #pun-searchtopics TR.inew Div.icon, #pun-viewforum TR.isticky Div.icon, #pun-messages TR.isticky Div.icon, #pun-searchtopics TR.isticky Div.icon, #pun-viewforum TR.iclosed Div.icon, #pun-messages TR.iclosed Div.icon, #pun-searchtopics TR.iclosed Div.icon { float: left; display: block; border-radius: 40%; height: 8px; width: 8px; margin-left: 0px; margin-right: 5px; margin-top: 2px; z-index: 99; }
#pun-index table Div.icon { height: 15px; width: 15px; margin: -7px -11px; display: block; position: absolute; z-index: 99; }
.closedatafield { display: none; }
.stickytext { display: none; }
.lastedit { display: none; }
body { overflow-x: hidden }

/* тулбар редактора (замена иконок material-icons) */
#form-buttons tr { display: block; margin: 5px 0px !important; margin-left: 15px !important; text-align: center; }
#form-buttons td img { position: absolute; z-index: 10; left: 0; top: 0; }
#form-buttons td { background-image: none !important; display: inline-block; position: relative; width: 26px; height: 26px; margin: 0 2px 5px; }
#form-buttons td .material-icons { position: absolute; z-index: 1; left: 0; font-size: 20px; padding: 6px 0px; }



/* ПЕРЕАДРЕСАЦИЯ */
#pun-redirect{padding: 14px; margin-top: 190px; margin-left: 200px;}
#pun-redirect *{border:0 none;}
#pun-redirect .main-title {display: none;}
#pun-redirect.punbb .info .container {left: 0; right: 0; margin-top: 14px!important; bottom: 0; height: 52px; margin: 10% auto; text-align: center; padding: 35px; color: #343d47;}
#pun-redirect, #pun-maint {margin: 11% 25%; width: 41%; float: none; text-align: center; background: url(своя подложка переадресации) no-repeat; background-position: center 0%; height : 149px; width: 427px;
  color: #fff!important;}  
#pun-redirect h1 span{color: #fff!important; margin-bottom:0px; margin-left: -3px; font-weight:bold; text-align: center; text-shadow: #801325 1px 1px!important;}
#pun-redirect h2 span{color: #fff!important; text-shadow: #801325 1px 1px!important;}


/* ЗАГОЛОВОК ПЕРЕАДРЕСАЦИИ ОТКЛЮЧЕН */
.punbb h1 span, .punbb h2 span, .punbb legend span {font-size: 1.1em;}
/* -------------КОНЕЦ-КОНЕЦ-КОНЕЦ -------------*/


/* ===================================================
   ПРОФИЛЬ (блок автора слева от поста)
   мрамор + золото
   =================================================== */

/* Контейнер профиля */
.punbb .post-author {
    background: linear-gradient(180deg,
                rgba(26, 18, 11, 0.9) 0%,
                rgba(35, 22, 14, 0.75) 100%);
    border-right: 1px solid #4a3020;
    padding: 15px 12px;
    vertical-align: top;
    width: 210px;
}

/* Список полей */
.punbb .post-author ul {
    list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
}

.punbb .post-author li {
    margin-bottom: 6px;
    padding: 4px 0;
}

/* --- НИК --- */
.punbb .post-author .pa-author {
    margin-bottom: 8px;
    padding-bottom: 8px;
    border-bottom: 1px solid #4a3020;
}

.punbb .post-author .pa-author a {
    color: #d4a96e;
    font-family: 'Marcellus', 'Cinzel', Georgia, serif;
    font-size: 15px;
    font-weight: normal;
    letter-spacing: 2px;
    text-decoration: none;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8);
    transition: all 0.3s;
}

.punbb .post-author .pa-author a:hover {
    color: #f0d8a8;
    text-shadow: 0 0 12px rgba(240, 216, 168, 0.7);
}

/* --- ЛИЧНОЕ ЗВАНИЕ (ЛЗ) --- */
.punbb .post-author .pa-title {
    color: #c9a96e;
    font-family: 'Cinzel', Georgia, serif;
    font-size: 10px;
    font-weight: 600;
    letter-spacing: 1.5px;
    text-transform: uppercase;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.8);
    padding: 5px 8px;
    margin-bottom: 10px;
    background: rgba(60, 40, 25, 0.4);
    border: 1px solid #4a3020;
    border-radius: 2px;
}

/* --- АВАТАР --- */
.punbb .post-author .pa-avatar {
    margin: 10px 0;
    padding: 6px 0;
    border-top: 1px dashed #3d2818;
    border-bottom: 1px dashed #3d2818;
}

.punbb .post-author .pa-avatar img {
    border: 2px solid #6b4226;
    border-radius: 3px;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.7);
    max-width: 180px;
    transition: all 0.4s ease;
}

.punbb .post-author .pa-avatar img:hover {
    border-color: #c9a96e;
    box-shadow: 0 0 20px rgba(201, 169, 110, 0.6);
    transform: scale(1.03);
}

/* --- СТАТУС ОНЛАЙН --- */
.punbb .post-author .pa-online {
    color: #c9a96e;
    font-family: 'Cinzel', Georgia, serif;
    font-size: 10px;
    font-weight: bold;
    letter-spacing: 1px;
    text-transform: uppercase;
    margin-top: 8px;
    padding: 5px 0;
    border-top: 1px dashed #3d2818;
}

.punbb .post-author .pa-online::before {
    content: "● ";
    color: #c9a96e;
    text-shadow: 0 0 8px rgba(201, 169, 110, 0.8);
}

/* --- РЕГИСТРАЦИЯ, СООБЩЕНИЯ, УВАЖЕНИЕ --- */
.punbb .post-author .pa-reg,
.punbb .post-author .pa-posts,
.punbb .post-author .pa-respect,
.punbb .post-author .pa-last-visit {
    color: #6b5235;
    font-size: 10px;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-style: italic;
    padding: 3px 0;
}

.punbb .post-author .pa-posts strong,
.punbb .post-author .pa-respect strong,
.punbb .post-author .pa-reg strong {
    color: #a08555;
    font-family: 'Cinzel', serif;
    font-size: 11px;
    font-style: normal;
    font-weight: 600;
    letter-spacing: 1px;
}

/* --- ДОПОЛНИТЕЛЬНЫЕ ПОЛЯ --- */
.punbb .post-author .pa-fld1,
.punbb .post-author .pa-fld2,
.punbb .post-author .pa-fld3,
.punbb .post-author .pa-fld4,
.punbb .post-author .pa-fld5 {
    color: #8a7355;
    font-size: 11px;
    margin-top: 6px;
    padding-top: 6px;
    border-top: 1px dashed #3d2818;
}

.punbb .post-author .pa-fld1 .fld-label,
.punbb .post-author .pa-fld2 .fld-label,
.punbb .post-author .pa-fld3 .fld-label,
.punbb .post-author .pa-fld4 .fld-label,
.punbb .post-author .pa-fld5 .fld-label {
    color: #6b5235;
    display: block;
    font-size: 8px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    margin-bottom: 3px;
    font-family: 'Cinzel', serif;
}

.punbb .post-author .pa-fld1 .fld-value,
.punbb .post-author .pa-fld2 .fld-value,
.punbb .post-author .pa-fld3 .fld-value,
.punbb .post-author .pa-fld4 .fld-value,
.punbb .post-author .pa-fld5 .fld-value {
    color: #c9a96e;
    font-family: 'Cormorant Garamond', Georgia, serif;
    font-size: 12px;
    font-style: italic;
}

/* --- НИК ВНЕ ТЕМ (в ЛС, списке пользователей) --- */
.punbb .userlist .pa-author a,
.punbb .usertable .pa-author a {
    color: #d4a96e;
}

/* --- АДАПТИВНОСТЬ --- */
@media (max-width: 800px) {
    .punbb .post-author {
        width: 100%;
        border-right: none;
        border-bottom: 1px solid #4a3020;
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 12px;
        padding: 10px;
    }
    
    .punbb .post-author ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
        gap: 8px;
    }
    
    .punbb .post-author li {
        margin: 0;
        padding: 2px 6px;
    }
    
    .punbb .post-author .pa-author {
        width: 100%;
        border-bottom: none;
    }
    
    .punbb .post-author .pa-avatar img {
        max-width: 100px;
    }
}

/* =========================================================
   DOKKAEBI — BEYOND THE VEIL
   Категория: Приёмная + Акции + Регистрация
   Класс .dk-veil добавляется скриптом автоматически
   ========================================================= */


/* Основной контейнер */

#pun-index .category.dk-veil {
    --dk-veil-gold: #c89b55;
    --dk-veil-light: #e3c384;
    --dk-veil-dark: #120c08;
    --dk-veil-panel: #1a110c;
    --dk-veil-line: rgba(188, 135, 68, 0.32);
    --dk-veil-muted: #8d7456;
    --dk-veil-text: #bba88f;
    --dk-side-image: none;

    position: relative !important;
    isolation: isolate !important;

    margin: 52px 0 32px !important;
    padding: 0 !important;

    overflow: visible !important;

    color: var(--dk-veil-text) !important;
    background:
        linear-gradient(
            145deg,
            rgba(28, 18, 12, 0.98),
            rgba(13, 9, 7, 0.99)
        ) !important;

    border: 1px solid rgba(169, 112, 52, 0.5) !important;
    border-radius: 21px !important;

    box-shadow:
        0 13px 32px rgba(0, 0, 0, 0.28),
        inset 0 0 40px rgba(64, 34, 14, 0.18) !important;
}


/* Внутренняя тонкая рамка */

#pun-index .category.dk-veil::after {
    content: "" !important;

    position: absolute !important;
    z-index: 5 !important;

    inset: 6px !important;

    display: block !important;

    border: 1px solid rgba(214, 167, 96, 0.09) !important;
    border-radius: 15px !important;

    pointer-events: none !important;
}


/* =========================================================
   НАЗВАНИЕ КАТЕГОРИИ
   ========================================================= */

#pun-index .category.dk-veil > h2 {
    position: absolute !important;
    z-index: 10 !important;

    top: -38px !important;
    right: 25px !important;

    width: auto !important;
    height: auto !important;

    margin: 0 !important;
    padding: 0 18px 5px !important;

    overflow: visible !important;

    color: var(--dk-veil-light) !important;
    background: transparent !important;

    border: 0 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 25px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    letter-spacing: 3px !important;
    text-align: right !important;
    text-transform: uppercase !important;

    text-shadow:
        0 2px 2px rgba(0, 0, 0, 0.9),
        0 0 13px rgba(197, 143, 68, 0.25) !important;
}


#pun-index .category.dk-veil > h2::after {
    content: "по ту сторону завесы" !important;

    display: block !important;

    margin-top: 6px !important;

    color: #806a50 !important;

    font-family: Arial, sans-serif !important;
    font-size: 7px !important;
    font-weight: 400 !important;
    line-height: 1 !important;

    letter-spacing: 3px !important;
    text-align: right !important;
    text-transform: uppercase !important;
}


/* =========================================================
   ЛЕВАЯ ОБЩАЯ КАРТИНКА
   ========================================================= */

#pun-index .category.dk-veil::before {
    content: "" !important;

    position: absolute !important;
    z-index: 1 !important;

    top: 0 !important;
    bottom: 0 !important;
    left: 0 !important;

    display: block !important;

    width: 116px !important;
    height: auto !important;

    background-color: #0c0907 !important;
    background-image:
        linear-gradient(
            to right,
            rgba(9, 6, 4, 0.04) 0%,
            rgba(9, 6, 4, 0.05) 62%,
            rgba(17, 11, 8, 0.82) 100%
        ),
        linear-gradient(
            to bottom,
            rgba(11, 7, 5, 0.04) 0%,
            transparent 22%,
            transparent 76%,
            rgba(11, 7, 5, 0.38) 100%
        ),
        var(--dk-side-image) !important;

    background-position: center center !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;

    border-right: 1px solid rgba(190, 136, 67, 0.32) !important;
    border-radius: 20px 0 0 20px !important;

    box-shadow:
        inset -15px 0 22px rgba(12, 8, 6, 0.54) !important;

    pointer-events: none !important;
}


/* =========================================================
   КОНТЕЙНЕР ТАБЛИЦЫ
   ========================================================= */

#pun-index .category.dk-veil .container {
    position: relative !important;
    z-index: 3 !important;

    box-sizing: border-box !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 5px 10px 5px 126px !important;

    overflow: hidden !important;

    background: transparent !important;
    border: 0 !important;
    border-radius: inherit !important;
}


#pun-index .category.dk-veil table {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


#pun-index .category.dk-veil thead {
    display: none !important;
}


#pun-index .category.dk-veil tbody {
    display: flex !important;
    flex-direction: column !important;

    width: 100% !important;

    gap: 0 !important;
}


/* =========================================================
   ОДИН ФОРУМ
   ========================================================= */

#pun-index .category.dk-veil tbody > tr {
    position: relative !important;

    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 235px !important;
    align-items: center !important;
    gap: 22px !important;

    box-sizing: border-box !important;

    width: 100% !important;
    min-height: 145px !important;

    margin: 0 !important;
    padding: 22px 20px !important;

    background: transparent !important;

    border: 0 !important;
    border-bottom: 1px dotted rgba(177, 125, 64, 0.36) !important;
}


/* Последняя строка без разделителя */

#pun-index .category.dk-veil tbody > tr:last-child {
    border-bottom: 0 !important;
}


/* Лёгкое золотое свечение при наведении */

#pun-index .category.dk-veil tbody > tr::after {
    content: "" !important;

    position: absolute !important;
    z-index: -1 !important;

    inset: 7px 4px !important;

    background:
        linear-gradient(
            90deg,
            rgba(117, 70, 31, 0.05),
            rgba(117, 70, 31, 0.015),
            transparent
        ) !important;

    border-radius: 11px !important;

    opacity: 0 !important;
    transition: opacity 0.25s ease !important;
}


#pun-index .category.dk-veil tbody > tr:hover::after {
    opacity: 1 !important;
}


/* Ячейки */

#pun-index .category.dk-veil tbody > tr > td {
    box-sizing: border-box !important;

    width: auto !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    border: 0 !important;
}


/* Основная информация */

#pun-index .category.dk-veil .tcl {
    display: block !important;
    grid-column: 1 !important;

    width: 100% !important;
}


/* Скрываем отдельные колонки количества тем и сообщений */

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


/* Последнее сообщение */

#pun-index .category.dk-veil .tcr {
    display: block !important;
    grid-column: 2 !important;

    width: 100% !important;

    color: #8d775d !important;

    font-size: 9px !important;
    line-height: 1.45 !important;
    text-align: left !important;
}


/* =========================================================
   СОДЕРЖИМОЕ ФОРУМА
   ========================================================= */

#pun-index .category.dk-veil .tclcon,
#pun-index .category.dk-veil .intd {
    display: block !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 0 !important;

    text-align: left !important;
}


/* Маленькая надпись над названием */

#pun-index .category.dk-veil .dk-veil-kicker {
    display: block !important;

    margin-bottom: 6px !important;

    color: #80694e !important;

    font-family: Arial, sans-serif !important;
    font-size: 7px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}


/* Название форума */

#pun-index .category.dk-veil h3 {
    margin: 0 0 8px !important;
    padding: 0 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: 1px !important;
    text-transform: uppercase !important;
}


#pun-index .category.dk-veil h3 a {
    color: var(--dk-veil-light) !important;
    text-decoration: none !important;

    text-shadow:
        0 1px 2px rgba(0, 0, 0, 0.9),
        0 0 10px rgba(190, 134, 59, 0.16) !important;

    transition:
        color 0.2s ease,
        text-shadow 0.2s ease !important;
}


#pun-index .category.dk-veil h3 a:hover {
    color: #f1d8a5 !important;

    text-shadow:
        0 0 11px rgba(220, 169, 93, 0.48) !important;
}


/* Описание */

#pun-index .category.dk-veil .desc {
    display: block !important;

    max-width: 650px !important;

    margin: 0 !important;
    padding: 0 !important;

    color: #a69278 !important;

    font-family: Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    line-height: 1.55 !important;

    text-align: left !important;
}


/* =========================================================
   КЛИКАБЕЛЬНЫЕ МИНИ-ССЫЛКИ
   ========================================================= */

#pun-index .category.dk-veil .dk-veil-links {
    display: flex !important;
    flex-wrap: wrap !important;
    align-items: center !important;

    gap: 5px !important;

    margin-top: 11px !important;
}


#pun-index .category.dk-veil .dk-veil-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-height: 21px !important;
    padding: 4px 11px !important;

    color: #c2a371 !important;
    background:
        linear-gradient(
            to bottom,
            rgba(65, 41, 24, 0.72),
            rgba(25, 17, 12, 0.86)
        ) !important;

    border: 1px solid rgba(184, 130, 63, 0.36) !important;
    border-radius: 12px !important;

    box-shadow:
        inset 0 1px rgba(255, 255, 255, 0.025),
        0 2px 6px rgba(0, 0, 0, 0.2) !important;

    font-family: Arial, sans-serif !important;
    font-size: 7px !important;
    font-weight: 700 !important;
    line-height: 1 !important;

    letter-spacing: 0.7px !important;
    text-align: center !important;
    text-decoration: none !important;
    text-transform: uppercase !important;

    transition:
        color 0.2s ease,
        border-color 0.2s ease,
        background 0.2s ease,
        transform 0.2s ease !important;
}


#pun-index .category.dk-veil .dk-veil-link:hover {
    color: #efd6a5 !important;

    background:
        linear-gradient(
            to bottom,
            rgba(94, 59, 29, 0.83),
            rgba(36, 23, 15, 0.94)
        ) !important;

    border-color: rgba(221, 170, 94, 0.68) !important;

    transform: translateY(-1px) !important;
}


/* =========================================================
   ПОСЛЕДНЕЕ СООБЩЕНИЕ
   ========================================================= */

#pun-index .category.dk-veil .tcr a {
    color: #c69b5d !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}


#pun-index .category.dk-veil .tcr a:hover {
    color: #edce98 !important;
}


#pun-index .category.dk-veil .lastpost-link {
    display: block !important;

    margin-bottom: 4px !important;

    color: #d0a769 !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 11px !important;
    line-height: 1.2 !important;

    letter-spacing: 0.5px !important;
}


/* Аватар последнего автора, если он выводится */

#pun-index .category.dk-veil .tcr img {
    float: left !important;

    width: 42px !important;
    height: 42px !important;

    margin: 0 10px 0 0 !important;

    object-fit: cover !important;

    border: 1px solid rgba(192, 141, 72, 0.46) !important;
    border-radius: 9px !important;

    box-shadow:
        0 4px 10px rgba(0, 0, 0, 0.35) !important;
}


/* =========================================================
   ПЛАНШЕТЫ
   ========================================================= */

@media screen and (max-width: 850px) {

    #pun-index .category.dk-veil::before {
        width: 90px !important;
    }

    #pun-index .category.dk-veil .container {
        padding-left: 98px !important;
    }

    #pun-index .category.dk-veil tbody > tr {
        grid-template-columns: minmax(0, 1fr) 190px !important;
        gap: 14px !important;

        padding: 18px 13px !important;
    }
}


/* =========================================================
   ТЕЛЕФОНЫ
   ========================================================= */

@media screen and (max-width: 650px) {

    #pun-index .category.dk-veil {
        padding-top: 170px !important;
    }

    #pun-index .category.dk-veil > h2 {
        top: -35px !important;
        right: 10px !important;

        font-size: 20px !important;
    }

    /* На телефоне изображение становится верхней шапкой */

    #pun-index .category.dk-veil::before {
        top: 0 !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;

        width: 100% !important;
        height: 170px !important;

        background-position: center 42% !important;

        border-right: 0 !important;
        border-bottom: 1px solid rgba(190, 136, 67, 0.32) !important;
        border-radius: 20px 20px 0 0 !important;

        box-shadow:
            inset 0 -30px 30px rgba(13, 9, 7, 0.76) !important;
    }

    #pun-index .category.dk-veil .container {
        padding: 5px 10px !important;
    }

    #pun-index .category.dk-veil tbody > tr {
        display: block !important;

        min-height: 0 !important;

        padding: 18px 13px !important;
    }

    #pun-index .category.dk-veil .tcl,
    #pun-index .category.dk-veil .tcr {
        display: block !important;

        width: 100% !important;
    }

    #pun-index .category.dk-veil .tcr {
        margin-top: 14px !important;
        padding-top: 11px !important;

        border-top: 1px solid rgba(178, 125, 62, 0.16) !important;
    }
}