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

@import url(style_cs.1787911103.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;
    }
}

dokkaebi_application.css


/* =========================================================
   ТЕКСТ В СООБЩЕНИЯХ
   ========================================================= */

.post-content {
    color: #cbb99e !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}


/* Тёмные блоки с инструкциями и цитатами */

.post-content .quote-box,
.post-content .quote-box blockquote,
.post-content .quote-box p {
    color: #d8c4a3 !important;
    font-size: 13px !important;
    line-height: 1.65 !important;
}


/* Заголовок цитаты */

.post-content .quote-box cite {
    color: #e2bf7e !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}


/* Жирный текст */

.post-content b,
.post-content strong {
    color: #e1bd7c !important;
}


/* Ссылки в сообщениях */

.post-content a {
    color: #c99a55 !important;
}

.post-content a:hover {
    color: #f0d49e !important;
}


/* =========================================================
   DOKKAEBI — ЛИЧНОЕ ЗВАНИЕ
   ========================================================= */

.dk-lz-name {
    color: #d5ae6d !important;

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

    letter-spacing: 0.5px !important;
    text-decoration: none !important;
}

.dk-lz-name:hover {
    color: #f0d39e !important;
}

.dk-lz {
    max-width: 210px;

    color: #9e896d !important;

    font-family: Arial, sans-serif !important;
    font-size: 9px !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

/* Отступ после аватара для выступающей круглой иконки */

.post-author .pa-avatar {
    margin-bottom: 32px !important;
}

/* =========================================================
   DOKKAEBI — КОНСТРУКТОР АНКЕТЫ
   ========================================================= */

.dk-profile-card,
.dk-profile-card *,
.dk-profile-builder,
.dk-profile-builder * {
    box-sizing: border-box;
}

/* ===================== ГОТОВАЯ АНКЕТА ===================== */

.dk-profile-card {
    position: relative;
    width: 100%;
    max-width: 760px;
    margin: 20px auto;
    padding: 48px 42px 34px;
    overflow: hidden;

    color: #c9b797;
    background:
        radial-gradient(circle at 12% 11%, rgba(255, 213, 127, .20) 0 1px, transparent 2px),
        radial-gradient(circle at 88% 17%, rgba(211, 146, 56, .20) 0 1px, transparent 2px),
        radial-gradient(circle at 72% 73%, rgba(255, 220, 148, .13) 0 1px, transparent 2px),
        radial-gradient(circle at 50% -10%, rgba(141, 78, 27, .38), transparent 43%),
        linear-gradient(145deg, #2b190f 0%, #160e09 48%, #090706 100%);

    background-size:
        62px 62px,
        91px 91px,
        117px 117px,
        auto,
        auto;

    border: 1px solid rgba(229, 180, 96, .72);
    border-radius: 20px;

    box-shadow:
        0 20px 48px rgba(0, 0, 0, .55),
        0 0 25px rgba(188, 119, 32, .15),
        inset 0 0 70px rgba(83, 40, 13, .30);

    font-family: Arial, Helvetica, sans-serif;
}

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

.dk-profile-card::before {
    content: "";
    position: absolute;
    inset: 7px;
    pointer-events: none;

    border: 1px solid rgba(236, 193, 113, .20);
    border-radius: 15px;
}

/* Верхний орнамент */

.dk-profile-ornament {
    position: absolute;
    top: 17px;
    right: 24px;
    left: 24px;

    display: flex;
    align-items: center;
    gap: 12px;

    color: #d4a458;
    pointer-events: none;
}

.dk-profile-ornament::before,
.dk-profile-ornament::after {
    content: "";
    flex: 1;
    height: 1px;
}

.dk-profile-ornament::before {
    background: linear-gradient(to right, transparent, rgba(217, 164, 82, .55));
}

.dk-profile-ornament::after {
    background: linear-gradient(to left, transparent, rgba(217, 164, 82, .55));
}

.dk-profile-ornament span {
    font-family: Georgia, serif;
    font-size: 17px;
    text-shadow: 0 0 12px rgba(240, 188, 91, .55);
}

/* Цитата */

.dk-profile-quote {
    position: relative;
    max-width: 610px;
    margin: 7px auto 30px;

    color: #d8bd8b;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    font-style: italic;
    line-height: 1.75;
    text-align: center;
    white-space: pre-wrap;

    text-shadow: 0 0 12px rgba(212, 151, 62, .18);
}

/* Основная карточка */

.dk-profile-main {
    position: relative;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 36px;
    align-items: center;

    padding: 30px;

    background:
        radial-gradient(circle at 0 50%, rgba(126, 72, 26, .20), transparent 42%),
        linear-gradient(145deg, rgba(50, 29, 17, .90), rgba(12, 8, 6, .97));

    border: 1px solid rgba(210, 157, 80, .34);
    border-radius: 16px;

    box-shadow:
        0 12px 30px rgba(0, 0, 0, .32),
        inset 0 0 35px rgba(133, 74, 24, .08);
}

/* ===================== ФОТОГРАФИЯ ===================== */

.dk-profile-photo-box {
    position: relative;
    width: 230px;
    margin: auto;
    padding: 7px;
}

/* Дополнительная рамка */

.dk-profile-photo-box::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 0;

    background: linear-gradient(
        145deg,
        #7a4d20,
        #edca7d,
        #815322,
        #dba85d
    );

    border-radius: 15px;

    box-shadow:
        0 0 15px rgba(212, 149, 57, .20);

    transition: .4s ease;
}

.dk-profile-photo {
    position: relative;
    z-index: 1;

    display: block;
    width: 216px;
    height: 302px;

    object-fit: cover;
    object-position: center top;

    color: transparent;
    background:
        radial-gradient(circle at 50% 25%, #352116, #100a07 72%);

    border: 1px solid rgba(255, 225, 164, .30);
    border-radius: 10px;

    box-shadow: 0 12px 27px rgba(0, 0, 0, .58);

    transition:
        transform .4s ease,
        filter .4s ease,
        box-shadow .4s ease;
}

/* Лотосы */

.dk-profile-lotus {
    position: absolute;
    z-index: 3;
    width: 92px;
    height: 58px;
    pointer-events: none;

    filter: drop-shadow(0 0 5px rgba(228, 167, 76, .38));
    transition: .4s ease;
}

.dk-profile-lotus i {
    position: absolute;
    bottom: 7px;
    left: 37px;

    width: 18px;
    height: 43px;

    background: linear-gradient(
        to top,
        #68401b,
        #c88e3e 48%,
        #f1ce82
    );

    border: 1px solid rgba(250, 218, 149, .65);
    border-radius: 80% 80% 48% 48%;
    transform-origin: 50% 100%;
}

.dk-profile-lotus i:nth-child(1) {
    transform: rotate(-61deg) scale(.67);
}

.dk-profile-lotus i:nth-child(2) {
    transform: rotate(-39deg) scale(.82);
}

.dk-profile-lotus i:nth-child(3) {
    transform: rotate(-19deg) scale(.94);
}

.dk-profile-lotus i:nth-child(4) {
    transform: scale(1.05);
}

.dk-profile-lotus i:nth-child(5) {
    transform: rotate(19deg) scale(.94);
}

.dk-profile-lotus i:nth-child(6) {
    transform: rotate(39deg) scale(.82);
}

.dk-profile-lotus i:nth-child(7) {
    transform: rotate(61deg) scale(.67);
}

.dk-profile-lotus-top {
    top: -22px;
    left: -27px;
    transform: rotate(-29deg);
}

.dk-profile-lotus-bottom {
    right: -27px;
    bottom: -22px;
    transform: rotate(151deg);
}

/* Наведение на фотографию */

.dk-profile-photo-box:hover::before {
    filter: brightness(1.22);
    box-shadow:
        0 0 12px rgba(255, 222, 151, .82),
        0 0 29px rgba(214, 143, 49, .62),
        0 0 48px rgba(151, 81, 19, .32);
}

.dk-profile-photo-box:hover .dk-profile-photo {
    filter: brightness(1.07) saturate(1.08);
    transform: translateY(-3px);

    box-shadow:
        0 16px 31px rgba(0, 0, 0, .68),
        0 0 18px rgba(245, 197, 111, .35);
}

.dk-profile-photo-box:hover .dk-profile-lotus {
    filter:
        brightness(1.23)
        drop-shadow(0 0 8px rgba(255, 216, 137, .80))
        drop-shadow(0 0 16px rgba(203, 127, 32, .45));
}

/* ===================== ИНФОРМАЦИЯ ===================== */

.dk-profile-info {
    min-width: 0;
}

.dk-profile-caption {
    margin-bottom: 6px;

    color: #8f7350;

    font-size: 8px;
    font-weight: 700;
    letter-spacing: 2.5px;
    text-transform: uppercase;
}

.dk-profile-name-en {
    color: #ebca84;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 31px;
    line-height: 1.08;
    letter-spacing: 1.5px;
    overflow-wrap: anywhere;
    text-transform: uppercase;

    text-shadow:
        0 2px 3px #000,
        0 0 14px rgba(225, 164, 72, .26);
}

.dk-profile-name-ru {
    margin-top: 8px;

    color: #b9a17d;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    font-style: italic;
}

/* Разделитель */

.dk-profile-divider {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 21px 0;
}

.dk-profile-divider::before {
    content: "";
    flex: 1;
    height: 1px;

    background: linear-gradient(
        to right,
        rgba(220, 166, 84, .66),
        transparent
    );
}

.dk-profile-divider span {
    color: #bd873d;
    font-size: 8px;
}

/* Внешность */

.dk-profile-face {
    color: #dab872;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    line-height: 1.4;
    text-transform: uppercase;

    text-shadow: 0 0 11px rgba(216, 153, 65, .17);
}

/* Краткие данные */

.dk-profile-facts {
    display: grid;
    gap: 8px;
    margin-top: 22px;
}

.dk-profile-fact {
    display: grid;
    grid-template-columns: 86px minmax(0, 1fr);
    gap: 12px;
    align-items: start;

    padding-bottom: 7px;

    border-bottom: 1px solid rgba(205, 151, 77, .11);
}

.dk-profile-fact:last-child {
    border-bottom: 0;
}

.dk-profile-fact-label {
    color: #816746;

    font-size: 7px;
    font-weight: 700;
    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.dk-profile-fact-value {
    color: #bda885;

    font-size: 9px;
    line-height: 1.45;
    text-transform: uppercase;
}

/* ===================== ИСТОРИЯ ===================== */

.dk-profile-story {
    position: relative;
    margin-top: 22px;
    padding: 28px 31px;

    background:
        linear-gradient(
            145deg,
            rgba(46, 27, 16, .82),
            rgba(10, 7, 5, .95)
        );

    border: 1px solid rgba(204, 149, 72, .30);
    border-radius: 15px;

    box-shadow:
        inset 0 0 28px rgba(113, 61, 20, .09);
}

.dk-profile-story-title {
    display: flex;
    align-items: center;
    gap: 12px;
    margin-bottom: 19px;

    color: #dfbc74;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 14px;
    letter-spacing: 2px;
    text-align: center;
    text-transform: uppercase;

    text-shadow: 0 0 12px rgba(215, 149, 56, .22);
}

.dk-profile-story-title::before,
.dk-profile-story-title::after {
    content: "";
    flex: 1;
    height: 1px;
}

.dk-profile-story-title::before {
    background: linear-gradient(to right, transparent, rgba(217, 164, 82, .45));
}

.dk-profile-story-title::after {
    background: linear-gradient(to left, transparent, rgba(217, 164, 82, .45));
}

.dk-profile-story-text {
    color: #c2b094;

    font-size: 11px;
    line-height: 1.9;
    text-align: justify;
    white-space: pre-wrap;
}

/* Подпись */

.dk-profile-footer {
    margin-top: 27px;

    color: #8c6a40;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 8px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;
}

/* =========================================================
   КОНСТРУКТОР
   ========================================================= */

.dk-profile-builder {
    width: 100%;
    max-width: 920px;
    margin: 20px auto;
    padding: 24px;

    color: #c6b08d;

    background:
        radial-gradient(circle at 50% 0, rgba(139, 78, 27, .17), transparent 42%),
        linear-gradient(145deg, #1c120c, #090706);

    border: 1px solid rgba(217, 164, 82, .45);
    border-radius: 20px;

    box-shadow:
        0 17px 42px rgba(0, 0, 0, .43),
        inset 0 0 40px rgba(91, 45, 15, .16);

    font-family: Arial, Helvetica, sans-serif;
}

.dk-builder-heading {
    margin-bottom: 7px;

    color: #e2c07c;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 21px;
    letter-spacing: 3px;
    text-align: center;
    text-transform: uppercase;

    text-shadow: 0 0 14px rgba(214, 150, 59, .25);
}

.dk-builder-intro {
    max-width: 620px;
    margin: 0 auto 24px;

    color: #8f7a5c;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 11px;
    line-height: 1.65;
    text-align: center;
}

/* Панель формы */

.dk-builder-panel {
    margin-top: 24px;
    overflow: hidden;

    background: rgba(7, 5, 4, .52);
    border: 1px solid rgba(205, 151, 77, .27);
    border-radius: 16px;
}

/* Заголовки разделов формы */

.dk-builder-section {
    padding: 22px 24px;
    border-bottom: 1px solid rgba(205, 151, 77, .18);
}

.dk-builder-section:last-child {
    border-bottom: 0;
}

.dk-builder-section-title {
    margin-bottom: 17px;

    color: #cfa65f;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 12px;
    letter-spacing: 2px;
    text-transform: uppercase;
}

.dk-builder-fields {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 15px;
}

.dk-builder-field {
    display: block;
    min-width: 0;
}

.dk-builder-field-wide {
    grid-column: 1 / -1;
}

.dk-builder-field span {
    display: block;
    margin: 0 0 7px 2px;

    color: #8f724d;

    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.4px;
    text-transform: uppercase;
}

/* Поля */

.dk-builder-field input,
.dk-builder-field textarea {
    display: block;
    width: 100%;
    margin: 0;
    padding: 11px 13px;

    color: #ddc69e;
    caret-color: #e3b96d;

    background:
        linear-gradient(
            145deg,
            rgba(32, 19, 12, .92),
            rgba(10, 7, 5, .96)
        );

    border: 1px solid rgba(199, 145, 70, .34);
    border-radius: 9px;
    outline: none;

    box-shadow:
        inset 0 2px 8px rgba(0, 0, 0, .28);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    line-height: 1.45;

    transition:
        border-color .25s ease,
        box-shadow .25s ease,
        background .25s ease;
}

.dk-builder-field textarea {
    min-height: 130px;
    resize: vertical;
}

.dk-builder-field input::placeholder,
.dk-builder-field textarea::placeholder {
    color: #62523f;
}

.dk-builder-field input:focus,
.dk-builder-field textarea:focus {
    background:
        linear-gradient(
            145deg,
            rgba(42, 25, 14, .96),
            rgba(11, 8, 6, .98)
        );

    border-color: rgba(233, 186, 103, .75);

    box-shadow:
        inset 0 2px 8px rgba(0, 0, 0, .28),
        0 0 13px rgba(211, 145, 54, .16);
}

/* Нижняя панель */

.dk-builder-actions {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;

    padding: 19px 24px;

    background:
        linear-gradient(
            145deg,
            rgba(46, 27, 16, .78),
            rgba(12, 8, 6, .94)
        );

    border-top: 1px solid rgba(221, 169, 88, .21);
}

.dk-builder-status {
    flex: 1;
    min-width: 0;

    color: #b49a73;

    font-size: 9px;
    line-height: 1.5;
}

/* Кнопки */

.dk-builder-buttons {
    display: flex;
    gap: 10px;
}

.dk-builder-button {
    min-width: 150px;
    padding: 12px 17px;

    color: #21150b;

    background:
        linear-gradient(
            180deg,
            #f0d18a 0%,
            #c18b42 52%,
            #8d5b25 100%
        );

    border: 1px solid #efce88;
    border-radius: 9px;
    cursor: pointer;

    box-shadow:
        0 7px 17px rgba(0, 0, 0, .30),
        inset 0 1px rgba(255, 244, 205, .55);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 8px;
    font-weight: 700;
    letter-spacing: 1.3px;
    text-transform: uppercase;

    transition:
        transform .25s ease,
        filter .25s ease,
        box-shadow .25s ease;
}

.dk-builder-button:hover {
    filter: brightness(1.12);
    transform: translateY(-2px);

    box-shadow:
        0 9px 21px rgba(0, 0, 0, .38),
        0 0 17px rgba(226, 166, 76, .32);
}

.dk-builder-button:active {
    transform: translateY(0);
}

.dk-builder-button-secondary {
    min-width: 105px;

    color: #bda986;
    background: rgba(13, 9, 7, .82);

    border-color: rgba(201, 147, 72, .40);
    box-shadow: none;
}

.dk-builder-button-secondary:hover {
    color: #e1c38b;
    background: rgba(43, 26, 16, .90);
}

/* ===================== АДАПТАЦИЯ ===================== */

@media screen and (max-width: 700px) {
    .dk-profile-card {
        padding: 43px 17px 27px;
    }

    .dk-profile-main {
        grid-template-columns: 1fr;
        gap: 30px;
        padding: 27px 17px;
    }

    .dk-profile-info {
        text-align: center;
    }

    .dk-profile-name-en {
        font-size: 26px;
    }

    .dk-profile-divider::before {
        background: linear-gradient(
            to right,
            transparent,
            rgba(220, 166, 84, .66),
            transparent
        );
    }

    .dk-profile-fact {
        grid-template-columns: 1fr;
        gap: 4px;
        text-align: center;
    }

    .dk-profile-story {
        padding: 24px 20px;
    }

    .dk-profile-builder {
        padding: 14px;
    }

    .dk-builder-fields {
        grid-template-columns: 1fr;
    }

    .dk-builder-field-wide {
        grid-column: auto;
    }

    .dk-builder-actions {
        flex-direction: column;
        align-items: stretch;
    }

    .dk-builder-status {
        text-align: center;
    }

    .dk-builder-buttons {
        flex-direction: column;
    }

    .dk-builder-button {
        width: 100%;
    }
}

/* =========================================================
   DOKKAEBI SHOP — ЧИСТАЯ ВЕРСИЯ
   ========================================================= */

#dkShop,
#dkShop * {
    box-sizing: border-box;
}

#dkShop {
    position: relative;
    display: block;
    width: 100%;
    max-width: 1050px;
    min-height: 600px;
    margin: 20px auto;
    padding: 30px;
    overflow: hidden;

    color: #4c351c;
    background:
        radial-gradient(circle at 14% 10%, rgba(255,255,255,.92), transparent 31%),
        radial-gradient(circle at 89% 83%, rgba(173,109,28,.16), transparent 32%),
        linear-gradient(135deg, #fffaf0 0%, #f6e3bd 52%, #e6c27e 100%);

    border: 1px solid #b97c28;
    border-radius: 25px;

    box-shadow:
        0 20px 48px rgba(82,48,12,.22),
        inset 0 0 0 5px rgba(255,250,231,.45),
        inset 0 0 70px rgba(163,99,20,.11);

    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
}

/* Лотосы и полумесяцы */

#dkShop:before,
#dkShop:after {
    content: "";
    position: absolute;
    z-index: 0;
    width: 245px;
    height: 245px;
    pointer-events: none;
    opacity: .18;
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 260'%3E%3Cg fill='none' stroke='%238d5b20' stroke-width='2'%3E%3Cpath d='M130 193c-39-9-65-34-65-67 0-31 22-57 65-91 43 34 65 60 65 91 0 33-26 58-65 67z'/%3E%3Cpath d='M130 192c-29-26-35-66 0-119 35 53 29 93 0 119z'/%3E%3Cpath d='M130 192c-47-2-78-23-101-60 44-9 79 8 101 60zM130 192c47-2 78-23 101-60-44-9-79 8-101 60z'/%3E%3Cpath d='M130 193c-38-11-72-4-99 20 39 25 72 18 99-20zM130 193c38-11 72-4 99 20-39 25-72 18-99-20z'/%3E%3Cpath d='M130 193v51M87 217c-16 13-32 22-52 27M173 217c16 13 32 22 52 27'/%3E%3Cpath d='M218 36a37 37 0 1 1-41 58 35 35 0 0 0 41-58z'/%3E%3Ccircle cx='164' cy='39' r='3'/%3E%3Ccircle cx='229' cy='109' r='2'/%3E%3C/g%3E%3C/svg%3E");
}

#dkShop:before {
    top: -78px;
    left: -69px;
}

#dkShop:after {
    right: -72px;
    bottom: -81px;
    transform: rotate(180deg);
}

/* Сброс конфликтующих стилей форума */

#dkShop button,
#dkShop label,
#dkShop img,
#dkShop div,
#dkShop section,
#dkShop aside,
#dkShop main {
    float: none;
}

#dkShop button {
    appearance: none;
    -webkit-appearance: none;
    font-family: inherit;
}

#dkShop img {
    max-width: none;
    border: 0;
}

/* Шапка */

.dkx-header,
.dkx-layout {
    position: relative;
    z-index: 2;
}

.dkx-header {
    margin: 0 0 27px;
    padding: 4px 20px 22px;
    text-align: center;
    border-bottom: 1px solid rgba(133,82,23,.28);
}

.dkx-title {
    color: #784713;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 27px;
    font-weight: normal;
    letter-spacing: 4px;
    line-height: 1.3;
    text-transform: uppercase;
    text-shadow:
        0 1px 0 rgba(255,255,255,.9),
        0 4px 12px rgba(115,65,15,.14);
}

.dkx-subtitle {
    max-width: 650px;
    margin: 9px auto 0;
    color: #866641;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 11px;
    font-style: italic;
    letter-spacing: .8px;
}

/* Основная сетка */

.dkx-layout {
    display: grid;
    grid-template-columns: 270px minmax(0, 1fr);
    gap: 30px;
    align-items: start;
}

.dkx-left {
    position: sticky;
    top: 15px;
    width: 270px;
}

.dkx-catalog {
    min-width: 0;
}

/* =========================================================
   ПРОФИЛЬ
   ========================================================= */

.dkx-profile {
    position: relative;
    width: 270px;
    min-height: 460px;
    padding: 10px;
    overflow: hidden;

    background:
        radial-gradient(circle at 20% 0, rgba(230,170,63,.22), transparent 28%),
        linear-gradient(145deg, #342117, #120b08 69%, #29170c);

    border: 1px solid #b87d2e;
    border-radius: 30px;

    box-shadow:
        0 14px 32px rgba(55,31,8,.38),
        inset 0 0 35px rgba(212,145,35,.13);

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

    transition:
        background-image .35s ease,
        box-shadow .35s ease;
}

.dkx-profile-inner {
    position: relative;
    padding: 19px 15px 15px;
    text-align: center;

    background:
        linear-gradient(145deg, rgba(37,23,15,.97), rgba(13,8,6,.97));

    border: 1px solid rgba(236,190,103,.25);
    border-radius: 23px;

    box-shadow:
        inset 0 0 27px rgba(0,0,0,.55);
}

.dkx-name {
    color: #e7c378;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 15px;
    font-weight: bold;
    letter-spacing: 2px;
    line-height: 1.25;
    text-transform: uppercase;
}

.dkx-name:before {
    content: "🇬🇧";
    margin-right: 7px;
    font-size: 12px;
}

.dkx-role {
    margin: 7px 0 15px;
    color: #bd914d;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 10px;
    font-style: italic;
    font-weight: bold;
    letter-spacing: 1.3px;
    text-transform: uppercase;
}

/* Аватар строго 180×180 */

#dkShop .dkx-avatar {
    position: relative;
    display: block;
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    overflow: hidden !important;

    background: #100a07;
    border: 1px solid #c28d3e;
    border-radius: 17px;

    box-shadow:
        0 8px 20px rgba(0,0,0,.88),
        0 0 0 3px rgba(190,129,38,.13),
        0 0 17px rgba(219,160,61,.18);
}

#dkShop .dkx-avatar img {
    display: block !important;
    width: 180px !important;
    min-width: 180px !important;
    max-width: 180px !important;
    height: 180px !important;
    min-height: 180px !important;
    max-height: 180px !important;
    margin: 0 !important;
    padding: 0 !important;

    object-fit: cover !important;
    object-position: 50% 42% !important;

    border: 0 !important;
    border-radius: 16px !important;
    box-shadow: none !important;
}

/* Круг для индикатора */

#dkShop .dkx-icon-slot {
    position: relative;
    z-index: 20;

    display: flex;
    align-items: center;
    justify-content: center;

    width: 54px !important;
    min-width: 54px !important;
    max-width: 54px !important;
    height: 54px !important;
    min-height: 54px !important;
    max-height: 54px !important;

    margin: -27px auto 14px !important;
    padding: 0 !important;
    overflow: hidden !important;

    background:
        radial-gradient(circle at 35% 25%, rgba(255,222,142,.25), transparent 38%),
        radial-gradient(circle at center, #2b1a0f, #100a07 70%);

    border: 2px solid #e0af51;
    border-radius: 50%;

    box-shadow:
        0 5px 14px rgba(0,0,0,.95),
        0 0 0 3px rgba(195,131,37,.23),
        0 0 21px rgba(238,181,72,.57),
        inset 0 0 10px rgba(239,185,82,.16);
}

.dkx-icon-slot:before {
    content: "";
    display: block;
    width: 17px;
    height: 17px;
    border: 1px solid rgba(238,188,91,.72);
    border-radius: 50%;
    box-shadow: 6px 0 0 -1px #150d08;
    opacity: .8;
}

.dkx-icon-slot.dkx-filled:before {
    display: none;
}

#dkShop .dkx-icon-slot img {
    display: block !important;
    width: 50px !important;
    height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    object-fit: cover !important;
    border: 0 !important;
    border-radius: 50% !important;
}

.dkx-character {
    color: #deb363;
    font-family: Georgia, "Times New Roman", serif;
    font-size: 13px;
    font-weight: bold;
}

.dkx-quote {
    margin: 13px auto;
    color: #a78962;
    font-size: 10px;
    font-style: italic;
    line-height: 1.55;
}

.dkx-divider {
    height: 1px;
    margin: 15px 4px;
    background: linear-gradient(to right, transparent, #b47d31, transparent);
}

.dkx-stats {
    display: flex;
    justify-content: center;
    gap: 24px;
    color: #d8aa5d;
    font-size: 11px;
}

.dkx-ip {
    margin: 11px 0 14px;
    color: #8c6e49;
    font-size: 9px;
}

.dkx-plaque-slot {
    display: flex;
    align-items: center;
    justify-content: center;

    width: 100%;
    height: 70px;
    overflow: hidden;

    color: #aa8a60;
    background: linear-gradient(145deg, #160e0a, #0e0906);
    border: 1px solid rgba(204,151,70,.36);
    border-radius: 11px;

    font-family: Georgia, "Times New Roman", serif;
    font-size: 10px;
    font-style: italic;
    line-height: 1.4;
    text-align: center;

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

    transition:
        background-image .35s ease,
        box-shadow .35s ease;
}

.dkx-plaque-slot.dkx-filled {
    color: transparent;
    box-shadow: 0 0 17px rgba(214,157,65,.32);
}

/* =========================================================
   ИТОГ И КНОПКИ
   ========================================================= */

.dkx-summary {
    margin-top: 16px;
    padding: 18px;

    background:
        linear-gradient(145deg, rgba(255,253,245,.98), rgba(246,226,188,.97));

    border: 1px solid #c68b3a;
    border-radius: 15px;

    box-shadow:
        0 8px 20px rgba(100,60,15,.14),
        inset 0 0 18px rgba(255,255,255,.65);
}

.dkx-summary-row {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 12px;
    color: #70512e;
    font-size: 11px;
}

.dkx-summary-row strong {
    color: #784512;
}

.dkx-total,
.dkx-total strong {
    color: #774411 !important;
    font-size: 16px !important;
    font-weight: bold;
}

#dkShop .dkx-action {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 12px 9px !important;

    border-radius: 13px !important;
    cursor: pointer !important;

    font-size: 9px !important;
    font-weight: bold !important;
    letter-spacing: 1.2px !important;
    line-height: 1.2 !important;
    text-align: center !important;
    text-transform: uppercase !important;

    transition:
        filter .25s ease,
        transform .25s ease,
        box-shadow .25s ease !important;
}

#dkShop .dkx-copy {
    color: #fff9e8 !important;
    background: linear-gradient(180deg, #f1d184, #c38731 50%, #824912) !important;
    border: 1px solid #e4ba65 !important;
    text-shadow: 0 1px 2px rgba(55,28,4,.6) !important;

    box-shadow:
        0 5px 13px rgba(112,63,12,.28),
        0 0 18px rgba(232,176,70,.40) !important;
}

#dkShop .dkx-reset {
    margin-top: 8px !important;
    color: #744112 !important;
    background: linear-gradient(180deg, #fffaf0, #e9c98e) !important;
    border: 1px solid #c58b3c !important;

    box-shadow:
        0 4px 10px rgba(105,62,15,.14),
        0 0 13px rgba(224,169,74,.22) !important;
}

#dkShop .dkx-action:hover {
    filter: brightness(1.12);
    transform: translateY(-1px);
    box-shadow:
        0 7px 17px rgba(110,63,13,.34),
        0 0 24px rgba(244,190,84,.68) !important;
}

.dkx-status {
    min-height: 14px;
    margin-top: 10px;
    color: #784512;
    font-size: 9px;
    line-height: 1.4;
    text-align: center;
}

/* =========================================================
   ВКЛАДКИ
   ========================================================= */

.dkx-tabs {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-bottom: 18px;
    padding-bottom: 13px;
    border-bottom: 1px solid rgba(135,84,24,.28);
}

#dkShop .dkx-tab {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;

    width: auto !important;
    height: auto !important;
    min-height: 40px;
    margin: 0 !important;
    padding: 10px 16px !important;

    color: #705433 !important;
    background: linear-gradient(180deg, #fffdf6, #eddbb7) !important;
    border: 1px solid #d1aa6d !important;
    border-radius: 21px !important;
    cursor: pointer !important;

    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 10px !important;
    font-weight: bold !important;
    letter-spacing: .55px !important;
    line-height: 1.2 !important;
    text-transform: uppercase !important;

    box-shadow: 0 3px 9px rgba(103,64,20,.10) !important;

    transition:
        color .25s ease,
        background .25s ease,
        box-shadow .25s ease,
        transform .25s ease !important;
}

#dkShop .dkx-tab:hover {
    color: #774310 !important;
    border-color: #ad6c1e !important;
    transform: translateY(-1px);
    box-shadow:
        0 5px 13px rgba(102,60,14,.18),
        0 0 18px rgba(224,168,69,.44) !important;
}

#dkShop .dkx-tab.dkx-active {
    color: #fff9e8 !important;
    background: linear-gradient(180deg, #f3d68b, #c58830 50%, #884d13) !important;
    border-color: #9b5b16 !important;
    text-shadow: 0 1px 2px rgba(62,31,4,.55) !important;

    box-shadow:
        0 5px 14px rgba(111,63,13,.30),
        0 0 23px rgba(241,185,75,.82),
        inset 0 1px 0 rgba(255,255,255,.45) !important;
}

.dkx-pane {
    display: none;
}

.dkx-pane.dkx-active {
    display: block;
}

/* Прайс */

.dkx-prices {
    display: grid;
    gap: 9px;
}

.dkx-price {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;

    padding: 13px 15px;

    color: #614522;
    background: linear-gradient(145deg, rgba(255,254,248,.94), rgba(244,222,180,.85));
    border: 1px solid #d6b276;
    border-radius: 11px;

    font-size: 11px;
    box-shadow: 0 4px 11px rgba(100,62,16,.08);
}

.dkx-price strong {
    color: #7e4914;
    white-space: nowrap;
}

/* Товары */

.dkx-items {
    display: grid;
    grid-template-columns: repeat(4, minmax(0,1fr));
    gap: 12px;
}

.dkx-item {
    position: relative;
    padding: 9px;
    overflow: hidden;

    color: #60431f;
    background: linear-gradient(145deg, rgba(255,254,248,.95), rgba(244,222,181,.87));
    border: 1px solid #d3ad70;
    border-radius: 12px;
    cursor: pointer;
    text-align: center;

    box-shadow: 0 4px 11px rgba(97,58,13,.10);

    transition:
        transform .25s ease,
        border-color .25s ease,
        box-shadow .25s ease;
}

.dkx-item:hover {
    transform: translateY(-3px);
    border-color: #a8671c;
    box-shadow:
        0 9px 18px rgba(96,57,12,.19),
        0 0 16px rgba(222,165,66,.34);
}

.dkx-item.dkx-selected {
    background: linear-gradient(145deg, #fff5d4, #e9c687);
    border-color: #844a12;

    box-shadow:
        0 0 0 2px rgba(190,130,40,.25),
        0 9px 18px rgba(96,57,12,.21),
        0 0 23px rgba(238,181,72,.72);
}

#dkShop .dkx-item img {
    display: block !important;
    width: 100% !important;
    height: 70px !important;
    margin: 0 0 8px !important;
    padding: 0 !important;

    object-fit: cover !important;

    background: #eddbb8;
    border: 0 !important;
    border-radius: 8px !important;
}

#dkShop .dkx-item.dkx-icon-item img {
    height: 75px !important;
    object-fit: contain !important;
}

#dkShop .dkx-item.dkx-bg-item img {
    height: 110px !important;
}

.dkx-item-name {
    display: block;
    overflow: hidden;
    color: #5e401d;
    font-size: 9px;
    font-weight: bold;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.dkx-item-price {
    display: block;
    margin-top: 5px;
    color: #8c551a;
    font-size: 9px;
    font-weight: bold;
}

.dkx-check {
    position: absolute;
    z-index: 3;
    top: 6px;
    right: 6px;

    display: none;
    width: 20px;
    height: 20px;

    color: #fff8e7;
    background: linear-gradient(#e4b85d, #844812);
    border: 1px solid #f0cd82;
    border-radius: 50%;

    font-size: 11px;
    line-height: 18px;
    text-align: center;

    box-shadow: 0 0 13px rgba(237,181,73,.8);
}

.dkx-item.dkx-selected .dkx-check {
    display: block;
}

/* Ручное копирование */

.dkx-manual {
    margin-top: 18px;
    padding: 14px;
    background: #fff8e7;
    border: 1px solid #ba7b2d;
    border-radius: 13px;
}

.dkx-manual strong {
    display: block;
    margin-bottom: 8px;
    color: #74410f;
    font-size: 10px;
}

.dkx-manual textarea {
    display: block;
    width: 100%;
    min-height: 180px;
    padding: 10px;
    color: #493018;
    background: #fffefa;
    border: 1px solid #d0a969;
    border-radius: 8px;
    font: 11px/1.5 monospace;
    resize: vertical;
}

/* Адаптивность */

@media screen and (max-width: 900px) {
    .dkx-layout {
        grid-template-columns: 1fr;
    }

    .dkx-left {
        position: static;
        margin: 0 auto;
    }
}

@media screen and (max-width: 650px) {
    #dkShop {
        padding: 21px 12px;
    }

    .dkx-title {
        font-size: 21px;
        letter-spacing: 2px;
    }

    .dkx-tabs {
        flex-wrap: nowrap;
        overflow-x: auto;
    }

    #dkShop .dkx-tab {
        flex: 0 0 auto;
    }

    .dkx-items {
        grid-template-columns: repeat(2, minmax(0,1fr));
    }
}