/* =========================================================
   WIND OF DEATH
   FINAL STRUCTURE + INTERFACE
   ========================================================= */

@import url(style_cs.1787828674.css);


/* =========================================================
   1. RESET
   ========================================================= */

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

.punbb,
.punbb * {
    box-sizing: border-box;
}

.punbb * {
    margin: 0;
}

.punbb ul,
.punbb ol,
.punbb dl,
.punbb li,
.punbb dd,
.punbb dt {
    padding: 0;
}

.punbb ul,
.punbb ol {
    list-style: none;
}

.punbb img {
    border: 0;
}

.punbb table {
    width: 100%;
    border-collapse: collapse;
}

.punbb textarea,
.punbb input,
.punbb select,
.punbb button,
.punbb optgroup {
    font: inherit;
}

.punbb textarea,
.punbb input,
.punbb select,
.punbb button {
    max-width: 100%;
}

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


/* =========================================================
   2. TYPOGRAPHY
   ========================================================= */

body {
    font-size: 100%;
}

.punbb {
    font-family: Arial, Verdana, Geneva, sans-serif;
    font-size: 11px;
    line-height: 1.5;
}

.punbb h1,
.punbb h2,
.punbb h3,
.punbb h4 {
    margin: 0;
    font-size: 1em;
}

.punbb h1,
.punbb h2,
.punbb h3 {
    font-weight: 700;
}

.punbb th {
    font-size: 0.9em;
    font-weight: 600;
}

.punbb pre {
    font-family: Consolas, Monaco, "Courier New", monospace;
    line-height: 1.5;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
}

.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: none;
}


/* =========================================================
   3. CLEARING / ACCESSIBILITY
   ========================================================= */

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

.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 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    margin: -1px !important;
    padding: 0 !important;
    overflow: hidden !important;
    clip: rect(0 0 0 0) !important;
    white-space: nowrap !important;
}


/* =========================================================
   4. PAGE
   ========================================================= */

#pun {
    width: 1360px;
    max-width: calc(100% - 40px);
    min-width: 0;
    margin: 0 auto;
    padding: 0;
}

.punbb {
    width: 100%;
    min-width: 0;
    margin: 0 auto;
}

.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: 0;
}

.punbb .container {
    min-width: 0;
}


/* Redirect */

#pun-redirect {
    position: fixed;
    inset: 0;
    width: 100%;
    min-height: 100%;
    overflow: auto;
    z-index: 100;
}

#pun-redirect #pun-main {
    position: relative;
    z-index: 101;
    float: none;
    width: min(720px, calc(100% - 32px));
    margin: 50px auto;
}


/* =========================================================
   5. OLD TITLE
   ========================================================= */

#pun-title {
    display: none !important;
}


/* =========================================================
   6. WIND OF DEATH HEADER
   ========================================================= */

.wod-header {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
    padding: 22px 34px;

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

    background: #09101a;
    border-bottom: 1px solid rgba(75, 159, 255, 0.18);

    font-family: Arial, sans-serif;
}

.wod-header-name {
    font-size: 25px;
    font-weight: 700;
    letter-spacing: 5px;
    color: #f1f7ff;
}

.wod-header-subtitle {
    margin-top: 5px;

    font-size: 10px;
    letter-spacing: 3px;
    text-transform: uppercase;

    color: #55b6ff;
}

.wod-header-year {
    font-size: 10px;
    letter-spacing: 3px;

    color: #63768c;
}


/* =========================================================
   7. HERO
   ========================================================= */

.wod-hero {
    position: relative;

    width: 100%;
    max-width: 1200px;
    min-height: 430px;

    margin: 0 auto;

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

    overflow: hidden;

    text-align: center;
    font-family: Arial, sans-serif;

    background:
        linear-gradient(
            180deg,
            rgba(4, 8, 14, 0.55) 0%,
            rgba(4, 8, 14, 0.72) 45%,
            rgba(3, 5, 9, 0.92) 100%
        ),
        radial-gradient(
            circle at 50% 42%,
            rgba(54, 149, 255, 0.22) 0%,
            rgba(18, 52, 89, 0.10) 30%,
            rgba(5, 7, 12, 0) 62%
        ),
        url("https://forumstatic.ru/files/000a/ca/b7/24835.jpg")
        center center / cover no-repeat,
        linear-gradient(
            180deg,
            #07101c 0%,
            #05080e 55%,
            #030509 100%
        );

    border-bottom: 1px solid rgba(75, 159, 255, 0.12);
}

.wod-hero-glow {
    position: absolute;

    width: 500px;
    height: 500px;

    border-radius: 50%;

    background: rgba(0, 105, 255, 0.10);

    filter: blur(100px);

    pointer-events: none;
}

.wod-hero-content {
    position: relative;
    z-index: 2;

    padding: 60px 30px;
}

.wod-hero-small {
    margin-bottom: 18px;

    color: #51b8ff;

    font-size: 11px;
    letter-spacing: 6px;
    text-transform: uppercase;
}

#pun .wod-hero .wod-hero-title,
.wod-hero .wod-hero-title {
    margin: 0 !important;
    padding: 0 !important;

    color: #f4f8ff !important;

    font-size: 68px !important;
    line-height: 1.05 !important;
    font-weight: 700 !important;

    letter-spacing: 10px !important;
    text-transform: uppercase !important;

    text-shadow:
        0 0 18px rgba(80, 170, 255, 0.35),
        0 2px 20px rgba(0, 0, 0, 0.9);
}

.wod-hero-line {
    width: 70px;
    height: 1px;

    margin: 27px auto;

    background: #3e9fe4;
}

.wod-hero-text {
    max-width: 650px;

    margin: 0 auto;

    color: #8d9cad;

    font-size: 14px;
    line-height: 1.8;
    letter-spacing: 1px;
}

.wod-hero-legacy {
    margin-top: 28px;

    color: #52697e;

    font-size: 10px;
    letter-spacing: 5px;
    text-transform: uppercase;
}

.wod-hero-actions {
    margin-top: 32px;
}

.wod-main-button {
    display: inline-block;

    padding: 14px 30px;

    background: rgba(18, 80, 135, 0.18);

    border: 1px solid rgba(92, 183, 255, 0.55);

    color: #eaf6ff !important;

    font-size: 11px;
    font-weight: 700;
    letter-spacing: 3px;

    text-decoration: none !important;

    box-shadow:
        inset 0 0 20px rgba(65, 162, 255, 0.05),
        0 0 18px rgba(30, 122, 220, 0.08);

    transition: 0.25s ease;
}

.wod-main-button:hover {
    background: rgba(38, 133, 214, 0.28);
    border-color: rgba(105, 200, 255, 0.9);

    color: #ffffff !important;

    box-shadow:
        0 0 24px rgba(40, 145, 255, 0.18);
}


/* Hero скрываем на странице открытой темы */

body:has(#pun-viewtopic) .wod-hero {
    display: none !important;
}

body:has(#pun-viewtopic) .wod-header {
    border-bottom-color: rgba(75, 159, 255, 0.16);
}


/* =========================================================
   8. MAIN NAVIGATION
   ========================================================= */

#pun-navlinks {
    margin: 0;

    background: rgba(6, 10, 16, 0.96) !important;

    border: 0 !important;
    border-top: 1px solid rgba(76, 161, 238, 0.12) !important;
    border-bottom: 1px solid rgba(76, 161, 238, 0.12) !important;
}

#pun-navlinks .container {
    height: auto;

    margin: 0;
    padding: 0 !important;

    border: 0 !important;

    text-align: center !important;
}

#pun-navlinks ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 4px;

    margin: 0;
    padding: 8px 15px;
}

#pun-navlinks li {
    display: block;

    margin: 0;
    padding: 0;
}

#pun-navlinks li a {
    display: block;

    margin: 0;
    padding: 9px 15px;

    border-radius: 3px;

    color: #9baaba !important;

    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 600;

    letter-spacing: 1.4px;
    text-transform: uppercase;
    text-decoration: none !important;

    transition: 0.2s ease;
}

#pun-navlinks li a:hover {
    background: rgba(63, 151, 230, 0.12);

    color: #ffffff !important;
}


/* =========================================================
   9. SECONDARY NAVIGATION
   ========================================================= */

#pun-ulinks {
    margin: 0;

    background: rgba(4, 7, 11, 0.92) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(76, 161, 238, 0.08) !important;
}

#pun-ulinks .container {
    margin: 0;
    padding: 0 !important;

    border: 0 !important;

    text-align: center !important;
}

#pun-ulinks ul {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;

    gap: 14px;

    margin: 0;
    padding: 8px 15px;
}

#pun-ulinks li {
    display: block;

    margin: 0;
    padding: 0;
}

#pun-ulinks li a {
    display: block;

    padding: 0;

    color: #61768a !important;

    font-size: 9px;
    font-weight: 500;

    letter-spacing: 0.8px;

    white-space: normal;

    text-decoration: none !important;

    transition: 0.2s ease;
}

#pun-ulinks li a:hover {
    color: #66bfff !important;
}


/* =========================================================
   10. ANNOUNCEMENT / LEGACY
   ========================================================= */

#pun-announcement {
    margin-top: 12px !important;

    background: transparent !important;

    border: 0 !important;
    outline: 0 !important;
}

#pun-announcement h2 {
    display: none !important;
}

#pun-announcement .container {
    position: relative;

    min-height: 120px;

    padding: 30px 25px;

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

    text-align: center;

    background:
        radial-gradient(
            circle at 50% 100%,
            rgba(33, 121, 211, 0.12),
            transparent 55%
        ),
        rgba(6, 10, 16, 0.75) !important;

    border: 0 !important;
    border-top: 1px solid rgba(83, 168, 245, 0.10) !important;
    border-bottom: 1px solid rgba(83, 168, 245, 0.10) !important;
}

#pun-announcement .container > * {
    display: none !important;
}

#pun-announcement .container::before {
    content: "WIND OF DEATH — LEGACY";

    display: block;

    margin-bottom: 10px;

    color: #dbeeff;

    font-size: 13px;
    font-weight: 700;

    letter-spacing: 4px;

    text-shadow:
        0 0 15px rgba(68, 164, 255, 0.18);
}

#pun-announcement .container::after {
    content: "История клана живёт в людях, сражениях и воспоминаниях.";

    display: block !important;

    clear: none !important;

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

    overflow: visible !important;
    visibility: visible !important;

    color: #6f879d;

    font-size: 11px;
    font-weight: 400;

    line-height: 1.7;
    letter-spacing: 1px;
}


/* =========================================================
   11. STATUS
   ========================================================= */

#pun-status {
    margin-top: 10px !important;

    background:
        linear-gradient(
            90deg,
            rgba(7, 14, 22, 0.96) 0%,
            rgba(10, 20, 31, 0.90) 50%,
            rgba(7, 13, 20, 0.96) 100%
        ) !important;

    border-top: 1px solid rgba(84, 167, 235, 0.10) !important;
    border-bottom: 1px solid rgba(84, 167, 235, 0.10) !important;
}

#pun-status .container {
    padding: 12px 16px !important;

    color: #6d8599 !important;

    font-size: 10px !important;
    line-height: 1.5 !important;
}

#pun-status span {
    margin-right: 0.5em;
    white-space: normal;
}

#pun-status a {
    color: #86b6d6 !important;
    text-decoration: none !important;
}

#pun-status a:hover {
    color: #63c2ff !important;
}

#pun-status strong,
#pun-status b {
    color: #d1e5f4 !important;
    font-weight: 600 !important;
}

#pun-status span,
#pun-status em {
    color: #7891a4 !important;
}


/* =========================================================
   12. BREADCRUMBS
   ========================================================= */

#pun-crumbs1,
#pun-crumbs2 {
    overflow: visible;

    background: rgba(4, 8, 13, 0.92) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(84, 167, 235, 0.08) !important;

    font-weight: 600;
}

#pun-crumbs2 {
    margin-top: 10px !important;

    border-top: 1px solid rgba(84, 167, 235, 0.08) !important;
}

#pun-crumbs1 .container,
#pun-crumbs2 .container {
    padding: 10px 14px !important;

    color: #526a7d !important;

    font-size: 10px !important;
    line-height: 1.4 !important;

    overflow-wrap: anywhere;
}

#pun-crumbs1 a,
#pun-crumbs2 a {
    color: #82adc9 !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}

#pun-crumbs1 a:hover,
#pun-crumbs2 a:hover {
    color: #63c2ff !important;
}

#pun-break1,
#pun-break2,
#pun-break3,
#pun-break4 {
    height: 0;
    margin: 0;
    border: 0;
}


/* =========================================================
   13. CATEGORY HEADERS
   ========================================================= */

#pun-main .blocktable h2,
#pun-main .category h2,
#pun-main div[class*="cat"] h2 {
    margin: 14px 0 0 !important;
    padding: 14px 20px !important;

    background:
        linear-gradient(
            90deg,
            rgba(18, 54, 85, 0.45) 0%,
            rgba(8, 18, 29, 0.88) 55%,
            rgba(5, 8, 13, 0.96) 100%
        ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(77, 166, 245, 0.18) !important;
    border-bottom: 1px solid rgba(77, 166, 245, 0.10) !important;

    color: #d9edff !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    letter-spacing: 2.5px !important;
    text-transform: uppercase !important;

    text-align: left !important;
}

#pun-main .blocktable h2 span,
#pun-main .category h2 span {
    color: #d9edff !important;
}


/* =========================================================
   14. DESKTOP FORUM / TOPIC TABLES
   ========================================================= */

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

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

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

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

#pun-main .blocktable table,
#pun-main .category table {
    border-collapse: separate !important;
    border-spacing: 0 8px !important;
}

#pun-main .blocktable tbody td,
#pun-main .category tbody td {
    padding-top: 17px !important;
    padding-bottom: 17px !important;

    background: rgba(5, 10, 16, 0.82) !important;

    border-top: 1px solid rgba(92, 170, 235, 0.07) !important;
    border-bottom: 1px solid rgba(92, 170, 235, 0.07) !important;

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

#pun-main .blocktable tbody tr:hover td,
#pun-main .category tbody tr:hover td {
    background: rgba(12, 29, 44, 0.94) !important;

    border-top-color: rgba(92, 180, 255, 0.18) !important;
    border-bottom-color: rgba(92, 180, 255, 0.18) !important;
}

#pun-main td.tcl {
    padding-left: 24px !important;
}

.punbb td div.tclcon {
    margin-left: 0;
}

.punbb div.icon {
    float: left;

    display: block;

    width: 48px;
    height: 48px;

    margin-right: 10px;
}

#pun-main td.tcl h3,
#pun-main td.tcl h3 a,
#pun-main td.tcl .tclcon h3,
#pun-main td.tcl .tclcon h3 a,
#pun-main td.tcl > a {
    color: #d8e9f7 !important;

    font-size: 14px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}

#pun-main td.tcl h3 a:hover,
#pun-main td.tcl .tclcon h3 a:hover,
#pun-main td.tcl > a:hover {
    color: #63bdff !important;
}

#pun-main td.tcl p,
#pun-main td.tcl .tclcon > div,
#pun-main td.tcl .tclcon > p {
    color: #71899d !important;

    font-size: 10px !important;
    line-height: 1.5 !important;
}

#pun-main td.tc2,
#pun-main td.tc3 {
    color: #709bb8 !important;

    font-size: 11px !important;

    text-align: center !important;
}

#pun-main td.tcr {
    padding-left: 18px !important;
    padding-right: 18px !important;

    color: #647d91 !important;

    font-size: 10px !important;
    line-height: 1.55 !important;
}

#pun-main td.tcr img {
    width: 34px !important;
    height: 34px !important;

    object-fit: cover !important;

    float: left !important;

    margin: 0 11px 0 0 !important;

    border: 1px solid rgba(105, 183, 240, 0.18) !important;
    border-radius: 50% !important;

    box-shadow:
        0 0 12px rgba(50, 140, 220, 0.08) !important;
}

#pun-main td.tcr a {
    color: #a9c8dc !important;

    font-weight: 500 !important;

    text-decoration: none !important;
}

#pun-main td.tcr a:hover {
    color: #65c1ff !important;
}

#pun-main td.tcr span,
#pun-main td.tcr small {
    color: #587083 !important;

    font-size: 9px !important;
}


/* Table headings */

#pun-main .blocktable thead th,
#pun-main .category thead th {
    padding: 9px 12px !important;

    background: rgba(4, 8, 13, 0.92) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(83, 166, 235, 0.08) !important;

    color: #526b7e !important;

    font-size: 9px !important;
    font-weight: 600 !important;

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

#pun-main thead th.tcl {
    text-align: left !important;
}

#pun-main thead th.tc2,
#pun-main thead th.tc3 {
    text-align: center !important;
}

#pun-main thead th.tcr {
    text-align: left !important;
}


/* =========================================================
   15. FORMS
   ========================================================= */

.punbb .formal .container {
    padding: 1.4em;
}

.punbb .formsubmit {
    margin: 1em 0 0;
    padding: 0;
}

.punbb .formsubmit input,
.punbb .formsubmit button,
.punbb .formsubmit a,
.punbb .formsubmit span {
    margin: 0 0.6em 0.5em 0;
}

.punbb fieldset {
    min-width: 0;

    margin: 0 0 1em;
    padding: 0 14px 12px;

    border: 1px solid;
}

.punbb fieldset legend {
    max-width: 100%;

    margin-left: 8px;
    padding: 0 5px;
}

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

    border: 0;
}

.punbb .fs-box {
    padding: 1em 0 0;
}

.punbb .fs-box p,
.punbb .fs-box fieldset {
    padding-bottom: 0.8em;
}

.punbb .inline .inputfield,
.punbb .inline .selectfield,
.punbb .inline .passfield {
    display: inline-block;

    float: none;

    max-width: 100%;

    margin: 0 1em 0.8em 0;

    vertical-align: top;
}

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

.punbb .datafield br {
    display: none;
}

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

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

.punbb .areafield span.input,
.punbb p.longinput span.input {
    display: block;

    width: 100%;

    padding: 0;
}

.punbb .longinput input,
.punbb .areafield textarea {
    display: block;

    width: 100%;
    max-width: 100%;
    min-width: 0;

    margin: 0;
}

.punbb textarea {
    max-width: 100%;
}

.punbb input[type="text"],
.punbb input[type="password"],
.punbb input[type="email"],
.punbb input[type="url"],
.punbb select {
    box-sizing: border-box;
}

.punbb .hashelp {
    position: relative;
}

.punbb .helplinks {
    position: static;

    display: block;

    width: auto;

    margin-top: 0.5em;

    font-weight: 400;
}

.punbb .helplinks span {
    display: block;

    padding-bottom: 0.2em;
}

.punbb .helplinks span input {
    margin: 0 2px 2px 0;
}

#pun-post .formal .info-box li {
    padding-left: 4px;

    list-style: square inside;

    line-height: 1.5;
}


/* =========================================================
   16. GENERAL CONTENT
   ========================================================= */

.punbb .post-content {
    width: 100%;
    min-width: 0;

    margin: 0;
    padding: 0;

    overflow-wrap: anywhere;
}

.punbb .post-content p {
    margin: 0;
    padding: 0 0 1em;

    line-height: 1.6;
}

.punbb .post-content img {
    max-width: 100%;
}

.punbb .post-content img.postimg {
    height: auto;
}

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

.punbb .post-content .scrollbox {
    overflow: auto;
}

.punbb .post-sig dt {
    display: block;

    width: min(250px, 100%);

    margin: 8px 0;

    border-top: 1px solid;
}


/* =========================================================
   17. GENERIC PAGINATION
   ========================================================= */

.punbb .linkst,
.punbb .linksb {
    position: static;

    float: none;

    width: 100%;
    height: auto;

    margin: 0.5em 0;
    padding: 0.6em 1em;

    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;

    gap: 0.7em 1em;
}

.punbb .linkst .pagelink,
.punbb .linksb .pagelink {
    position: static;

    float: none;

    width: auto;
    max-width: 100%;

    margin: 0;
    padding: 0;

    text-align: left;
}

.punbb .linkst .postlink,
.punbb .linksb .postlink {
    position: static;

    float: none;

    width: auto;
    max-width: 100%;

    margin: 0 0 0 auto;
    padding: 0;

    text-align: right;
}

.punbb .subscribelink {
    flex: 0 0 100%;

    width: 100%;

    padding-top: 0.4em;

    text-align: right;
}

.multipage {
    margin-top: 1em;
}


/* =========================================================
   18. TOPIC PAGE
   ========================================================= */

#pun-viewtopic h1 {
    position: static !important;
    z-index: auto !important;

    clear: both !important;

    margin: 0 !important;
    padding: 16px 18px 14px !important;

    background:
        linear-gradient(
            90deg,
            rgba(12, 27, 42, 0.92) 0%,
            rgba(5, 12, 19, 0.96) 100%
        ) !important;

    border-top: 1px solid rgba(84, 167, 235, 0.10) !important;
    border-bottom: 1px solid rgba(84, 167, 235, 0.10) !important;

    pointer-events: auto !important;

    text-shadow: none !important;
}

#pun-viewtopic h1 span {
    color: #e7f2fb !important;

    font-size: 20px !important;
    font-weight: 700 !important;

    line-height: 1.25 !important;
    letter-spacing: 0.8px !important;

    text-shadow: none !important;
}


/* Top topic controls */

#pun-viewtopic .linkst {
    position: static !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 10px !important;
    padding: 10px 14px !important;

    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;

    gap: 16px !important;

    background: rgba(5, 11, 18, 0.94) !important;

    border-top: 1px solid rgba(84, 167, 235, 0.08) !important;
    border-bottom: 1px solid rgba(84, 167, 235, 0.10) !important;

    clear: both !important;
}

#pun-viewtopic .linkst .pagelink {
    position: static !important;
    float: none !important;

    width: auto !important;

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

    color: #687f91 !important;

    font-size: 10px !important;
    font-weight: 500 !important;

    letter-spacing: 0.5px !important;
}

#pun-viewtopic .pagelink a {
    display: inline-block !important;

    min-width: 24px !important;

    margin-left: 4px !important;
    padding: 4px 7px !important;

    background: rgba(10, 24, 36, 0.72) !important;

    border: 1px solid rgba(88, 174, 235, 0.12) !important;
    border-radius: 3px !important;

    color: #83a9c2 !important;

    text-align: center !important;
    text-decoration: none !important;
}

#pun-viewtopic .pagelink strong {
    color: #d8eaf7 !important;
}

#pun-viewtopic .linkst .postlink {
    position: static !important;
    float: none !important;

    width: auto !important;

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

    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;

    gap: 9px !important;
}

#pun-viewtopic .postlink .closed {
    margin: 0 !important;

    color: #6f8799 !important;

    font-size: 9px !important;
    font-weight: 600 !important;

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

#pun-viewtopic a[href*="post.php?tid="] {
    display: inline-block !important;

    padding: 7px 14px !important;

    background: rgba(18, 61, 92, 0.70) !important;

    border: 1px solid rgba(91, 183, 245, 0.28) !important;
    border-radius: 4px !important;

    color: #d8edfa !important;

    font-size: 10px !important;
    font-weight: 700 !important;

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


/* =========================================================
   19. POST CARD
   ========================================================= */

#pun-viewtopic .post {
    margin: 0 0 14px !important;

    background: rgba(4, 8, 13, 0.94) !important;

    border: 1px solid rgba(86, 166, 230, 0.10) !important;
    border-radius: 5px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 30px rgba(0, 0, 0, 0.12) !important;
}

#pun-viewtopic .post .container {
    position: relative;

    min-width: 0;

    overflow: hidden;

    background: transparent !important;
}


/* Date / number / share */

#pun-viewtopic .post > h3 {
    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 10px 14px !important;

    background: rgba(6, 12, 19, 0.96) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(86, 170, 235, 0.10) !important;

    color: #637d91 !important;

    font-size: 10px !important;
    font-weight: 500 !important;
}

#pun-viewtopic .post > h3 > span {
    display: flex !important;
    align-items: center !important;

    width: 100% !important;

    gap: 8px !important;

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

#pun-viewtopic .post > h3 .permalink,
#pun-viewtopic .post > h3 .sharelink,
#pun-viewtopic .post > h3 strong {
    position: static !important;
    float: none !important;

    width: auto !important;

    white-space: nowrap !important;
}

#pun-viewtopic .post > h3 .permalink {
    order: 1 !important;

    margin: 0 auto 0 0 !important;

    color: #7897ad !important;

    text-decoration: none !important;
}

#pun-viewtopic .post > h3 strong {
    order: 2 !important;

    margin: 0 !important;

    color: #6faed5 !important;
}

#pun-viewtopic .post > h3 .sharelink {
    order: 3 !important;

    margin: 0 !important;

    color: #718da2 !important;

    font-size: 9px !important;

    text-decoration: none !important;
}


/* =========================================================
   20. POST AUTHOR
   ========================================================= */

#pun-viewtopic .post-author {
    float: left;

    width: 190px;

    margin: 0;

    overflow: hidden;

    background:
        linear-gradient(
            180deg,
            rgba(10, 20, 31, 0.92) 0%,
            rgba(5, 10, 16, 0.72) 100%
        ) !important;

    border-right: 1px solid rgba(83, 167, 235, 0.10) !important;

    color: #71899d !important;
}

#pun-viewtopic .post-author ul {
    margin: 0 !important;
    padding: 12px 12px 16px !important;
}

#pun-viewtopic .post-author p {
    padding: 0 12px 12px;
}

#pun-viewtopic .post-author li {
    color: #6f8799 !important;

    font-size: 10px !important;
    line-height: 1.55 !important;
}

#pun-viewtopic .post-author .pa-author,
#pun-viewtopic .post-author .pa-author a,
#pun-viewtopic .post-author .pa-author strong {
    color: #e0effa !important;

    font-size: 14px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}

#pun-viewtopic .post-author .pa-title {
    margin-top: 3px !important;
    margin-bottom: 10px !important;

    color: #68b8ed !important;

    font-size: 9px !important;
    font-weight: 600 !important;

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

#pun-viewtopic .post-author .pa-avatar {
    margin: 10px 0 12px !important;
}

#pun-viewtopic .post-author .pa-avatar img {
    width: 78px !important;
    height: 78px !important;

    object-fit: cover !important;

    border: 1px solid rgba(103, 186, 245, 0.20) !important;
    border-radius: 5px !important;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.30),
        0 0 14px rgba(60, 160, 230, 0.06) !important;
}

#pun-viewtopic .post-author a {
    color: #89b4cf !important;

    text-decoration: none !important;
}

#pun-viewtopic .post-author a:hover {
    color: #64c2ff !important;
}


/* Less useful author fields */

#pun-viewtopic .post-author .pa-invites,
#pun-viewtopic .post-author .pa-positive,
#pun-viewtopic .post-author .pa-time-visit,
#pun-viewtopic .post-author .pa-last-visit,
#pun-viewtopic .post-author .pa-ip {
    display: none !important;
}


/* =========================================================
   21. POST BODY
   ========================================================= */

#pun-viewtopic .post-body {
    min-width: 0;

    margin-left: 190px;
    padding: 14px 20px 20px !important;

    background:
        linear-gradient(
            180deg,
            rgba(7, 14, 22, 0.78) 0%,
            rgba(3, 7, 11, 0.72) 100%
        ) !important;

    color: #b7c7d3 !important;

    font-size: 12px !important;
    line-height: 1.7 !important;
}

#pun-viewtopic .post-box {
    min-width: 0;

    padding: 0;
}

#pun-viewtopic .post-body p {
    color: #aebfcb !important;

    line-height: 1.7 !important;
}

#pun-viewtopic .post-body a {
    color: #69b8ea !important;

    text-decoration: none !important;
}

#pun-viewtopic .post-body a:hover {
    color: #8dd3ff !important;
}


/* =========================================================
   22. QUOTES
   ========================================================= */

#pun-viewtopic .quote-box,
#pun-viewtopic .code-box {
    margin: 12px 0 !important;
    padding: 14px 16px !important;

    background:
        linear-gradient(
            90deg,
            rgba(14, 31, 47, 0.92) 0%,
            rgba(7, 15, 24, 0.94) 100%
        ) !important;

    border: 0 !important;
    border-left: 2px solid rgba(88, 181, 245, 0.62) !important;
    border-radius: 4px !important;

    color: #9fb1bf !important;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.14) !important;
}

#pun-viewtopic .quote-box cite,
#pun-viewtopic .quote-box .quote-author,
#pun-viewtopic .quote-box strong,
#pun-viewtopic .code-box strong.legend {
    color: #d8e9f6 !important;

    font-size: 11px !important;
    font-weight: 600 !important;
}

#pun-viewtopic .quote-box p,
#pun-viewtopic .quote-box div {
    color: #9badba !important;

    font-size: 11px !important;
    line-height: 1.65 !important;
}


/* =========================================================
   23. POST LINKS
   ========================================================= */

#pun-viewtopic .post-links {
    min-width: 0;

    margin-left: 190px;
}

#pun-viewtopic .post-links ul {
    min-height: 2.2em;

    margin: 0;
    padding: 7px 10px;

    text-align: right;
}

#pun-viewtopic .post-links li {
    display: inline-block;

    padding-left: 0;
}

#pun-viewtopic li.pl-quote a,
#pun-viewtopic li.pl-edit a,
#pun-viewtopic li.pl-delete a {
    display: inline-block !important;

    margin-left: 5px !important;
    padding: 6px 10px !important;

    background: rgba(12, 26, 40, 0.75) !important;

    border: 1px solid rgba(92, 170, 230, 0.12) !important;
    border-radius: 3px !important;

    color: #7897ad !important;

    font-size: 9px !important;
    font-weight: 600 !important;

    letter-spacing: 0.6px !important;

    text-decoration: none !important;
}

#pun-viewtopic li.pl-quote a:hover,
#pun-viewtopic li.pl-edit a:hover {
    background: rgba(35, 105, 158, 0.28) !important;

    border-color: rgba(93, 190, 255, 0.45) !important;

    color: #ffffff !important;
}

#pun-viewtopic li.pl-delete a:hover {
    background: rgba(150, 45, 45, 0.16) !important;

    border-color: rgba(210, 85, 85, 0.35) !important;

    color: #ffb5b5 !important;
}

#pun-viewtopic .post-links li.pl-email.profile a,
#pun-viewtopic .post-links li.pl-email.pm a,
#pun-viewtopic .post-links li.pl-email.email a {
    display: inline-block !important;

    margin-right: 4px !important;
    padding: 5px 8px !important;

    background: transparent !important;

    border: 1px solid transparent !important;
    border-radius: 3px !important;

    color: #607b8f !important;

    font-size: 9px !important;
    font-weight: 500 !important;

    text-decoration: none !important;
}


/* =========================================================
   24. REPUTATION
   ========================================================= */

#pun-viewtopic a.positive,
#pun-viewtopic a.negative {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    width: 28px !important;
    height: 28px !important;

    margin-left: 4px !important;

    background: rgba(8, 18, 28, 0.88) !important;

    border: 1px solid rgba(90, 170, 230, 0.12) !important;
    border-radius: 4px !important;

    color: #7895aa !important;

    font-size: 16px !important;

    text-decoration: none !important;
}

#pun-viewtopic a.positive:hover {
    background: rgba(31, 103, 153, 0.28) !important;

    border-color: rgba(96, 192, 250, 0.42) !important;

    color: #8bd5ff !important;
}

#pun-viewtopic a.negative:hover {
    background: rgba(125, 40, 40, 0.20) !important;

    border-color: rgba(210, 90, 90, 0.32) !important;

    color: #ffaaaa !important;
}

#pun-viewtopic a[title="Дать оценку участнику"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    min-width: 42px !important;
    height: 28px !important;

    padding: 0 8px !important;

    background: rgba(8, 18, 28, 0.88) !important;

    border: 1px solid rgba(90, 170, 230, 0.12) !important;
    border-radius: 4px !important;

    color: #d3e8f6 !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}

#pun-viewtopic a[title="Дать оценку участнику"]::before {
    content: "REP";

    color: #607b90 !important;

    font-size: 8px !important;
    font-weight: 600 !important;

    letter-spacing: 1px !important;
}


/* =========================================================
   25. MODERATOR MENU
   ========================================================= */

.punbb .modmenu .container {
    margin-top: 4px;
    padding: 0.6em 1em;

    text-align: right;
}

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

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

.punbb .modmenu input {
    margin-left: 1em;
}


/* =========================================================
   26. STATS
   ========================================================= */

#pun-stats {
    margin-top: 12px !important;

    background: rgba(4, 8, 13, 0.92) !important;

    border-top: 1px solid rgba(84, 167, 235, 0.10) !important;
    border-bottom: 1px solid rgba(84, 167, 235, 0.10) !important;
}

#pun-stats h2 {
    margin: 0 !important;
    padding: 14px 16px !important;

    background:
        linear-gradient(
            90deg,
            rgba(18, 54, 85, 0.42),
            rgba(6, 14, 22, 0.92)
        ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(84, 167, 235, 0.10) !important;

    color: #d9edff !important;

    font-size: 11px !important;
    font-weight: 700 !important;

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

#pun-stats .container {
    padding: 16px !important;

    color: #70889b !important;

    font-size: 10px !important;
    line-height: 1.8 !important;
}

#pun-stats li.item1,
#pun-stats li.item2,
#pun-stats li.item3,
#pun-stats li.item4 {
    float: none;

    width: auto;

    line-height: 1.5;

    text-align: left;
}

li#onlinelist {
    float: none;

    width: 100%;

    margin-top: 1em;
    padding-top: 0.7em;

    border-top: 1px solid;
}

#pun-stats strong,
#pun-stats b {
    color: #d3e7f5 !important;

    font-weight: 600 !important;
}

#pun-stats a {
    color: #85b4d2 !important;

    text-decoration: none !important;
}


/* =========================================================
   27. QUICK JUMP / ABOUT
   ========================================================= */

#pun-qjump {
    position: static;

    float: none;

    width: 100%;

    margin: 0;
}

#pun-qjump .container {
    padding: 0.8em 1em;

    border: 0;
}

#pun-about {
    margin-top: 0;
}

#pun-about .container {
    padding: 0.8em 1em;

    text-align: right;
    line-height: 1.5;
}

#pun-about p span {
    display: inline;
    padding-left: 0;
}


/* =========================================================
   28. PROFILE
   ========================================================= */

#profile .container {
    padding: 1em;
}

#profilenav {
    float: none;

    width: 100%;

    margin: 0 0 1em;
}

#profilenav ul,
#viewprofile ul {
    margin: 0 0 1em;
    padding: 1em;

    border: 1px solid;
}

#profilenav li {
    display: inline-block;

    margin: 0 1em 0.5em 0;

    font-weight: 700;
}

#viewprofile h2,
#profilenav h2 {
    margin: 0 0 0.6em;
    padding: 0;

    border: 0;

    background: transparent;
}

#viewprofile li {
    display: grid;

    grid-template-columns: minmax(120px, 180px) minmax(0, 1fr);

    gap: 1em;

    margin-bottom: 0.4em;
}

#viewprofile li span {
    float: none;

    width: auto;

    margin: 0;
    padding: 0.5em;

    font-weight: 700;
}

#viewprofile li strong,
#viewprofile li div {
    display: block;

    padding: 0.5em;

    font-weight: 400;
}


/* =========================================================
   29. SPECIAL OPTIONS
   ========================================================= */

.statscon .item5 a[href*="statistic.php"] {
    display: none;
}


/* =========================================================
   30. TABLET
   ========================================================= */

@media (max-width: 800px) {

    #pun {
        max-width: calc(100% - 20px);
    }

    .wod-header {
        padding: 18px 22px;
    }

    .wod-header-name {
        font-size: 21px;
        letter-spacing: 4px;
    }

    .wod-header-subtitle,
    .wod-header-year {
        font-size: 8px;
    }

    #pun-navlinks ul {
        gap: 2px;
        padding: 6px 8px;
    }

    #pun-navlinks li a {
        padding: 7px 8px;

        font-size: 8px;
        letter-spacing: 0.8px;
    }

    #pun-ulinks ul {
        gap: 8px;
        padding: 6px 8px;
    }

    #pun-ulinks li a {
        font-size: 8px;
        letter-spacing: 0.4px;
    }

    #pun-status .container {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;

        gap: 6px 16px;

        padding: 10px 12px !important;

        font-size: 9px !important;
    }

    .punbb .formal .container {
        padding: 1em;
    }

    #viewprofile li {
        grid-template-columns: 140px minmax(0, 1fr);
    }
}


/* =========================================================
   31. SMALL TABLET / POST MOBILE BASE
   ========================================================= */

@media (max-width: 620px) {

    #pun-viewtopic .post-author {
        position: static !important;
        float: none !important;

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

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

        margin: 0 !important;
        padding: 14px 16px !important;

        border-right: 0 !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.12) !important;
    }

    #pun-viewtopic .post-body {
        position: static !important;
        float: none !important;

        width: auto !important;

        margin: 0 !important;

        padding: 16px !important;
    }

    #pun-viewtopic .post-links {
        width: auto !important;

        margin-left: 0 !important;
    }

    #pun-viewtopic .post-author ul {
        display: grid !important;

        grid-template-columns: 72px 1fr !important;

        column-gap: 14px !important;
        row-gap: 2px !important;

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

        align-items: start !important;
    }

    #pun-viewtopic .post-author .pa-avatar {
        grid-column: 1 !important;
        grid-row: 1 / span 8 !important;

        margin: 0 !important;
    }

    #pun-viewtopic .post-author .pa-avatar img {
        width: 64px !important;
        height: 64px !important;
    }

    #pun-viewtopic .post-author .pa-author,
    #pun-viewtopic .post-author .pa-title,
    #pun-viewtopic .post-author .pa-from,
    #pun-viewtopic .post-author .pa-reg,
    #pun-viewtopic .post-author .pa-posts,
    #pun-viewtopic .post-author .pa-respect {
        grid-column: 2 !important;

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

    #pun-viewtopic .post-author .pa-author {
        margin-top: 1px !important;
    }

    #pun-viewtopic .post-author .pa-title {
        margin-top: 2px !important;
        margin-bottom: 7px !important;
    }

    #pun-viewtopic .post-author .pa-from,
    #pun-viewtopic .post-author .pa-reg,
    #pun-viewtopic .post-author .pa-posts,
    #pun-viewtopic .post-author .pa-respect {
        font-size: 9px !important;
        line-height: 1.45 !important;
    }

    #viewprofile li {
        display: block;
    }

    #viewprofile li span {
        display: block;

        width: 100%;
    }
}


/* =========================================================
   32. PHONE
   ========================================================= */

@media (max-width: 480px) {

    html,
    body {
        width: 100%;
        max-width: 100%;
        min-width: 0;

        margin: 0;
        padding: 0;

        overflow-x: hidden;
    }

    #pun,
    #pun-wrap,
    #pun_wrap {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

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

        overflow-x: hidden !important;
    }


    /* Header */

    .wod-header {
        width: 100%;
        max-width: 100%;

        padding: 16px 18px;
    }

    .wod-header-name {
        font-size: 20px;
        letter-spacing: 3px;
    }

    .wod-header-subtitle {
        margin-top: 5px;

        font-size: 8px;
        letter-spacing: 2.5px;
    }

    .wod-header-year {
        font-size: 7px;
        letter-spacing: 2px;
    }


    /* Hero */

    .wod-hero {
        width: 100%;
        max-width: 100%;

        min-height: 520px;

        background-position: center center !important;
    }

    .wod-hero-content {
        width: 100%;
        max-width: 100%;

        padding: 48px 16px 38px;
    }

    .wod-hero-small {
        margin-bottom: 18px;

        font-size: 9px;
        letter-spacing: 4px;
    }

    #pun .wod-hero .wod-hero-title,
    .wod-hero .wod-hero-title {
        max-width: 100% !important;

        font-size: clamp(27px, 8.5vw, 36px) !important;
        line-height: 1.05 !important;

        letter-spacing: 2px !important;

        white-space: nowrap !important;
    }

    .wod-hero-line {
        width: 54px;

        margin: 24px auto;
    }

    .wod-hero-text {
        max-width: 350px;

        font-size: 13px;
        line-height: 1.7;
        letter-spacing: 0.3px;
    }

    .wod-hero-legacy {
        margin-top: 25px;

        font-size: 8px;
        letter-spacing: 3px;
    }

    .wod-hero-actions {
        margin-top: 30px;
    }

    .wod-main-button {
        max-width: calc(100% - 24px);

        padding: 12px 16px;

        font-size: 8.5px;
        letter-spacing: 2px;

        white-space: nowrap;
    }


    /* Main navigation */

    #pun-navlinks ul {
        display: grid;

        grid-template-columns: repeat(4, minmax(0, 1fr));

        width: 100%;

        gap: 0;

        margin: 0;
        padding: 5px 3px;
    }

    #pun-navlinks li {
        width: auto;
        min-width: 0;

        text-align: center;
    }

    #pun-navlinks li a {
        display: block;

        width: 100%;

        padding: 7px 2px;

        font-size: 7.5px;
        line-height: 1.2;

        letter-spacing: 0.2px;

        white-space: nowrap;
    }

    #pun-navlinks li:nth-child(7) a {
        font-size: 0;
    }

    #pun-navlinks li:nth-child(7) a::after {
        content: "АДМИН";

        font-size: 7.5px;
        letter-spacing: 0.2px;
    }


    /* Secondary navigation */

    #pun-ulinks ul {
        display: grid;

        grid-template-columns: repeat(2, minmax(0, 1fr));

        width: 100%;

        gap: 0;

        margin: 0;
        padding: 4px;
    }

    #pun-ulinks li {
        min-width: 0;

        text-align: center;
    }

    #pun-ulinks li a {
        display: block;

        padding: 5px 3px;

        font-size: 8px;
        line-height: 1.25;

        letter-spacing: 0;

        white-space: normal;
    }


    /* Status */

    #pun-status .container {
        display: grid !important;

        grid-template-columns: 1fr !important;

        gap: 6px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 14px !important;

        text-align: left !important;
    }

    #pun-status .container > span,
    #pun-status .status-right {
        position: static !important;

        float: none !important;
        clear: both !important;

        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

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

        text-align: left !important;
    }

    #pun-status .item1 {
        order: 1;
    }

    #pun-status .item2 {
        order: 2;
    }

    #pun-status .item3 {
        order: 3;

        margin-top: 5px !important;
    }

    #pun-status .item5 {
        order: 4;
    }

    #pun-status .item4 {
        order: 5;
    }

    #pun-status a {
        white-space: normal !important;
        overflow-wrap: anywhere !important;
    }


    /* Breadcrumbs */

    #pun-crumbs1 .container,
    #pun-crumbs2 .container {
        width: 100%;

        white-space: normal;
        overflow-wrap: anywhere;
    }


    /* =====================================================
       MOBILE FORUM CARDS
       ===================================================== */

    #pun-main .category table thead {
        display: none !important;
    }

    #pun-main .category table,
    #pun-main .category tbody {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

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

        border-spacing: 0 !important;
    }

    #pun-main .category tbody > tr {
        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;

        margin: 0 0 12px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7, 15, 23, 0.96),
                rgba(3, 8, 13, 0.96)
            ) !important;

        border: 1px solid rgba(83, 167, 235, 0.12) !important;
        border-radius: 5px !important;

        overflow: hidden !important;
    }

    #pun-main .category tbody > tr > td {
        display: block !important;

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

        margin: 0 !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;
    }

    #pun-main .category td.tcl .icon {
        display: none !important;
    }

    #pun-main .category td.tcl .intd,
    #pun-main .category td.tcl .tclcon {
        width: 100% !important;

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

    #pun-main .category td.tcl {
        grid-column: 1 / -1 !important;

        padding: 17px 16px 15px !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;
    }

    #pun-main .category td.tcl h3 {
        margin: 0 0 5px !important;
        padding: 0 !important;
    }

    #pun-main .category td.tcl h3 a {
        color: #e1eef8 !important;

        font-size: 15px !important;
        font-weight: 700 !important;
        line-height: 1.3 !important;
    }

    #pun-main .category td.tcl .tclcon {
        color: #7892a5 !important;

        font-size: 11px !important;
        line-height: 1.5 !important;
    }

    #pun-main .category td.tc2 {
        grid-column: 1 !important;

        padding: 11px 15px !important;

        text-align: left !important;

        color: #d1e3ef !important;

        border-right: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main .category td.tc2::before {
        content: "ТЕМ";

        display: block;

        margin-bottom: 3px;

        color: #57758a;

        font-size: 8px;
        font-weight: 700;

        letter-spacing: 1.2px;
    }

    #pun-main .category td.tc3 {
        grid-column: 2 !important;

        padding: 11px 15px !important;

        text-align: left !important;

        color: #d1e3ef !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main .category td.tc3::before {
        content: "СООБЩЕНИЙ";

        display: block;

        margin-bottom: 3px;

        color: #57758a;

        font-size: 8px;
        font-weight: 700;

        letter-spacing: 1.2px;
    }

    #pun-main .category td.tcr {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        padding: 13px 16px !important;

        text-align: left !important;

        color: #718ca0 !important;

        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    #pun-main .category td.tcr::before {
        content: "ПОСЛЕДНЕЕ СООБЩЕНИЕ";

        display: block;

        margin-bottom: 8px;

        color: #57758a;

        font-size: 8px;
        font-weight: 700;

        letter-spacing: 1.2px;
    }

    #pun-main .category tbody > tr:hover > td {
        background: transparent !important;
    }


    /* =====================================================
       MOBILE TOPIC LIST CARDS
       ===================================================== */

    #pun-main table[summary^="Список тем"] thead {
        display: none !important;
    }

    #pun-main table[summary^="Список тем"],
    #pun-main table[summary^="Список тем"] tbody {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

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

        border-spacing: 0 !important;
    }

    #pun-main table[summary^="Список тем"] tbody > tr {
        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;

        margin: 0 0 12px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7, 15, 23, 0.96),
                rgba(3, 8, 13, 0.96)
            ) !important;

        border: 1px solid rgba(83, 167, 235, 0.12) !important;
        border-radius: 5px !important;

        overflow: hidden !important;
    }

    #pun-main table[summary^="Список тем"] tbody > tr > td {
        display: block !important;

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

        margin: 0 !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;
    }

    #pun-main table[summary^="Список тем"] td.tcl .icon {
        display: none !important;
    }

    #pun-main table[summary^="Список тем"] td.tcl .intd,
    #pun-main table[summary^="Список тем"] td.tcl .tclcon {
        width: 100% !important;

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

    #pun-main table[summary^="Список тем"] td.tcl {
        grid-column: 1 / -1 !important;

        padding: 16px 15px !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;

        text-align: left !important;
    }

    #pun-main table[summary^="Список тем"] td.tcl a {
        color: #dcecf7 !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;
    }

    #pun-main table[summary^="Список тем"] td.tc2 {
        grid-column: 1 !important;

        padding: 10px 15px !important;

        text-align: left !important;

        color: #d1e3ef !important;

        border-right: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main table[summary^="Список тем"] td.tc2::before {
        content: "ОТВЕТОВ";

        display: block;

        margin-bottom: 3px;

        color: #57758a;

        font-size: 8px;
        font-weight: 700;

        letter-spacing: 1.1px;
    }

    #pun-main table[summary^="Список тем"] td.tc3 {
        grid-column: 2 !important;

        padding: 10px 15px !important;

        text-align: left !important;

        color: #d1e3ef !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main table[summary^="Список тем"] td.tc3::before {
        content: "ПРОСМОТРОВ";

        display: block;

        margin-bottom: 3px;

        color: #57758a;

        font-size: 8px;
        font-weight: 700;

        letter-spacing: 1.1px;
    }

    #pun-main table[summary^="Список тем"] td.tcr {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        padding: 12px 15px !important;

        text-align: left !important;

        color: #718ca0 !important;

        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    #pun-main table[summary^="Список тем"] td.tcr::before {
        content: "ПОСЛЕДНЕЕ СООБЩЕНИЕ";

        display: block;

        margin-bottom: 7px;

        color: #57758a;

        font-size: 8px;
        font-weight: 700;

        letter-spacing: 1.1px;
    }

    #pun-main table[summary^="Список тем"] tbody > tr:hover > td {
        background: transparent !important;
    }


    /* Forum list top controls */

    #pun-main:has(> .forum) > .linkst {
        position: static !important;
        float: none !important;

        display: grid !important;

        grid-template-columns: 1fr auto !important;

        align-items: center !important;

        gap: 10px !important;

        width: 100% !important;
        height: auto !important;

        margin: 0 0 10px !important;
        padding: 10px 12px !important;

        background: rgba(3, 8, 13, 0.96) !important;

        border-top: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;
    }

    #pun-main:has(> .forum) > .linkst > .pagelink {
        position: static !important;
        float: none !important;

        width: auto !important;

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

        color: #7892a5 !important;

        font-size: 10px !important;
        line-height: 1.4 !important;

        text-shadow: none !important;
    }

    #pun-main:has(> .forum) > .linkst .postlink.long {
        position: static !important;
        float: none !important;

        display: flex !important;
        align-items: center !important;

        gap: 7px !important;

        width: auto !important;

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

    #pun-main:has(> .forum) > .linkst .new-topic a,
    #pun-main:has(> .forum) > .linkst .new-poll a {
        display: inline-block !important;

        padding: 8px 10px !important;

        background: rgba(12, 33, 49, 0.95) !important;

        border: 1px solid rgba(82, 167, 225, 0.20) !important;
        border-radius: 4px !important;

        color: #9bc9e5 !important;

        font-size: 9px !important;
        font-weight: 600 !important;

        line-height: 1.2 !important;

        white-space: nowrap !important;

        text-decoration: none !important;
        text-shadow: none !important;
    }

    #pun-main:has(> .forum) > .linkst .new-topic a {
        background: rgba(20, 72, 108, 0.82) !important;

        color: #e4f4ff !important;
    }


    /* Topic heading */

    #pun-viewtopic h1 {
        padding: 14px 12px !important;
    }

    #pun-viewtopic h1 span {
        font-size: 18px !important;
    }

    #pun-viewtopic .linkst {
        flex-wrap: wrap !important;

        gap: 8px !important;

        padding: 8px 10px !important;
    }


    /* Post date */

    #pun-viewtopic .post > h3 {
        min-height: 34px !important;

        padding: 8px 14px !important;

        background: #03090e !important;

        border-top: 1px solid rgba(83, 167, 235, 0.06) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;
    }

    #pun-viewtopic .post > h3 .permalink,
    #pun-viewtopic .post > h3 strong,
    #pun-viewtopic .post > h3 .sharelink {
        font-size: 9px !important;
        line-height: 1.4 !important;

        text-shadow: none !important;
    }


    /* Quick reply */

    #post-form {
        margin: 10px 0 0 !important;
        padding: 14px !important;

        background: rgba(4, 9, 14, 0.96) !important;

        border-top: 1px solid rgba(83, 167, 235, 0.10) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;
    }

    #post-form fieldset {
        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }

    #post-form textarea#main-reply {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: 170px !important;
        min-height: 170px !important;

        margin: 10px 0 !important;
        padding: 12px !important;

        background: #02070b !important;

        border: 1px solid rgba(83, 167, 235, 0.22) !important;
        border-radius: 4px !important;

        color: #d6e7f2 !important;

        font-size: 16px !important;
        line-height: 1.5 !important;

        resize: vertical !important;
        outline: none !important;
    }

    #post-form textarea#main-reply:focus {
        border-color: rgba(83, 184, 247, 0.55) !important;
    }

    #post-form #form-buttons {
        width: 100% !important;
        max-width: 100% !important;

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

        overflow-x: auto !important;
        overflow-y: hidden !important;

        background: rgba(4, 11, 17, 0.96) !important;

        border: 1px solid rgba(83, 167, 235, 0.10) !important;
        border-radius: 4px !important;
    }

    #post-form form#post fieldset > legend > span {
        color: #708b9d !important;

        font-size: 10px !important;
        font-weight: 400 !important;
        line-height: 1.4 !important;

        letter-spacing: 0.2px !important;

        text-shadow: none !important;
    }

    #post-form p.formsubmit {
        margin: 14px 0 0 !important;
        padding: 0 !important;

        display: flex !important;

        gap: 10px !important;
    }

    #post-form p.formsubmit input[name="submit"],
    #post-form p.formsubmit input[name="preview"] {
        height: 38px !important;

        padding: 0 16px !important;

        background: rgba(12, 33, 49, 0.95) !important;

        border: 1px solid rgba(82, 167, 225, 0.22) !important;
        border-radius: 4px !important;

        color: #9fd8fb !important;

        font-size: 11px !important;
        font-weight: 600 !important;
    }

    #post-form p.formsubmit input[name="submit"] {
        background: rgba(20, 72, 108, 0.85) !important;

        color: #e5f5ff !important;
    }


    /* Topic moderator strip */

    #pun-viewtopic #topic-modmenu .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 10px 14px !important;

        background: #03080d !important;

        border-top: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-viewtopic #mod-options {
        max-width: 210px !important;
        height: 30px !important;

        padding: 0 28px 0 9px !important;

        background: #07111a !important;

        border: 1px solid rgba(83, 167, 235, 0.22) !important;
        border-radius: 3px !important;

        color: #8fc6e8 !important;

        font-size: 10px !important;
    }

    #pun-viewtopic #topic-modmenu .container > span {
        margin-left: auto !important;

        white-space: nowrap !important;
    }


    /* Users viewing */

    #pun-viewtopic #topic-users-in .container {
        margin: 0 !important;
        padding: 10px 14px !important;

        background: rgba(3, 8, 13, 0.92) !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;

        color: #637b8e !important;

        font-size: 10px !important;
        line-height: 1.5 !important;
    }


    /* Bottom topic panel */

    #pun-viewtopic .linksb {
        display: grid !important;

        grid-template-columns: 1fr auto !important;
        grid-template-areas:
            "page reply"
            "subscribe subscribe" !important;

        align-items: center !important;

        gap: 12px 10px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 12px 14px !important;

        background: rgba(3, 8, 13, 0.96) !important;

        border-top: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;
    }

    #pun-viewtopic .linksb .pagelink {
        grid-area: page !important;

        float: none !important;

        width: auto !important;

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

        color: #7892a5 !important;

        font-size: 10px !important;

        text-align: left !important;
        text-shadow: none !important;
    }

    #pun-viewtopic .linksb .postlink {
        grid-area: reply !important;

        float: none !important;

        width: auto !important;

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

        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;

        gap: 7px !important;
    }

    #pun-viewtopic .linksb .subscribelink {
        grid-area: subscribe !important;

        float: none !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 8px 0 0 !important;

        border-top: 1px solid rgba(83, 167, 235, 0.07) !important;

        text-align: center !important;
    }

    #pun-viewtopic .linksb .subscribelink a {
        color: #6fa8ca !important;

        font-size: 10px !important;

        text-decoration: none !important;
        text-shadow: none !important;
    }

    #pun-viewtopic .linksb .postlink .closed {
        font-size: 0 !important;

        text-shadow: none !important;
    }

    #pun-viewtopic .linksb .postlink .closed::after {
        content: "ТЕМА ЗАКРЫТА";

        color: #66879d !important;

        font-size: 9px !important;
        font-weight: 600 !important;

        letter-spacing: 0.7px !important;
    }


    /* Compact post actions */

    #pun-viewtopic li.pl-delete a,
    #pun-viewtopic li.pl-edit a,
    #pun-viewtopic li.pl-quote a {
        width: auto !important;
        min-width: 0 !important;

        height: 32px !important;

        padding: 0 10px !important;

        margin-left: 4px !important;

        font-size: 8.5px !important;
        line-height: 30px !important;
    }


    /* Forum bottom moderation */

    #pun-viewforum #pun-main > .modmenu .container {
        display: flex !important;
        align-items: center !important;
        justify-content: space-between !important;

        gap: 12px !important;

        margin: 0 !important;
        padding: 11px 14px !important;

        background: rgba(3, 8, 13, 0.96) !important;

        border-top: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-viewforum #pun-main > .modmenu strong {
        font-weight: 400 !important;
    }

    #pun-viewforum #pun-main > .modmenu a {
        color: #789eb6 !important;

        font-size: 9px !important;
        line-height: 1.4 !important;

        text-decoration: none !important;
        text-shadow: none !important;
    }

    #pun-viewforum #pun-main > .modmenu .container > span {
        margin-left: auto !important;

        white-space: nowrap !important;
    }


    /*
       ВАЖНО:
       нижний .linksb страницы форума НЕ переводим
       в grid/flex. Здесь только косметика.
    */

    #pun-viewforum #pun-main > .linksb .pagelink {
        color: #7892a5 !important;

        font-size: 10px !important;
        font-weight: 400 !important;

        text-shadow: none !important;
    }

    #pun-viewforum #pun-main > .linksb .pagelink a,
    #pun-viewforum #pun-main > .linksb .pagelink strong {
        color: #8bbbd7 !important;

        text-shadow: none !important;
    }

    #pun-viewforum #pun-main > .linksb .new-topic a,
    #pun-viewforum #pun-main > .linksb .new-poll a {
        padding: 7px 10px !important;

        background: rgba(12, 33, 49, 0.95) !important;

        border: 1px solid rgba(82, 167, 225, 0.20) !important;
        border-radius: 4px !important;

        color: #9bc9e5 !important;

        font-size: 9px !important;
        font-weight: 600 !important;

        text-decoration: none !important;
        text-shadow: none !important;

        box-shadow: none !important;
    }

    #pun-viewforum #pun-main > .linksb .new-topic a {
        background: rgba(20, 72, 108, 0.82) !important;

        color: #e4f4ff !important;
    }


    /* Form fields */

    .punbb .longinput input,
    .punbb .areafield textarea {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    .punbb .helplinks {
        position: static !important;

        width: 100% !important;

        margin-top: 0.5em !important;
    }
}

/* =========================================================
   REP — собственное сообщение
   ========================================================= */

#pun-viewtopic .post-rating a[title="Вы не можете дать оценку участнику"] {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    gap: 7px !important;

    min-width: 42px !important;
    height: 28px !important;

    padding: 0 8px !important;

    background: rgba(8, 18, 28, 0.88) !important;

    border: 1px solid rgba(90, 170, 230, 0.12) !important;
    border-radius: 4px !important;

    color: #d3e8f6 !important;

    font-size: 12px !important;
    font-weight: 700 !important;

    text-decoration: none !important;

    cursor: default !important;
}

#pun-viewtopic .post-rating a[title="Вы не можете дать оценку участнику"]::before {
    content: "REP";

    color: #607b90 !important;

    font-size: 8px !important;
    font-weight: 600 !important;

    letter-spacing: 1px !important;
}

/* =========================================================
   NEW TOPIC — заголовок страницы
   ========================================================= */

#pun-post #pun-main > h1 {
    margin: 0 0 10px !important;
    padding: 13px 16px !important;

    background:
        linear-gradient(
            90deg,
            rgba(15, 43, 66, 0.72),
            rgba(4, 11, 17, 0.96)
        ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.12) !important;

    text-align: left !important;
}

#pun-post #pun-main > h1 > span {
    color: #dcecf7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;
    letter-spacing: 0.3px !important;

    text-shadow: none !important;
}

@media (max-width: 480px) {

    #pun-post #pun-main > h1 {
        padding: 11px 12px !important;
    }

    #pun-post #pun-main > h1 > span {
        font-size: 13px !important;
    }
}

/* =========================================================
   VIEWFORUM — заголовок раздела
   ========================================================= */

#pun-viewforum #pun-main > h1 {
    margin: 0 0 10px !important;
    padding: 13px 16px !important;

    background:
        linear-gradient(
            90deg,
            rgba(15, 43, 66, 0.72),
            rgba(4, 11, 17, 0.96)
        ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.12) !important;

    text-align: left !important;
}

#pun-viewforum #pun-main > h1 > span {
    color: #dcecf7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;
    letter-spacing: 0.3px !important;

    text-shadow: none !important;
}

@media (max-width: 480px) {

    #pun-viewforum #pun-main > h1 {
        padding: 11px 12px !important;
    }

    #pun-viewforum #pun-main > h1 > span {
        font-size: 13px !important;
    }
}


/* PROFILE — убираем большой HERO */
#pun-profile .wod-hero {
    display: none !important;
}

/* =========================================================
   PROFILE — FINAL
   ========================================================= */


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

#pun-profile #pun-main > h1 {
    margin: 0 0 10px !important;
    padding: 13px 16px !important;

    background:
        linear-gradient(
            90deg,
            rgba(15, 43, 66, 0.72),
            rgba(4, 11, 17, 0.96)
        ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.12) !important;

    color: #dcecf7 !important;

    text-align: left !important;
}

#pun-profile #pun-main > h1 > span {
    color: #dcecf7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;
    letter-spacing: 0.3px !important;

    text-shadow: none !important;
}


/* =========================================================
   PROFILE NAVIGATION
   ========================================================= */

#pun-profile #profilenav {
    float: none !important;

    width: 100% !important;

    margin: 0 0 14px !important;
    padding: 0 !important;
}


/* Убираем второй лишний заголовок "Профиль" */

#pun-profile #profilenav > h2 {
    display: none !important;
}


#pun-profile #profilenav > ul {
    display: grid !important;

    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;

    gap: 6px !important;

    width: 100% !important;

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

    background: rgba(4, 9, 14, 0.96) !important;

    border: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-radius: 4px !important;

    box-sizing: border-box !important;
}


#pun-profile #profilenav li {
    display: block !important;

    width: auto !important;

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


#pun-profile #profilenav li a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;

    padding: 6px 8px !important;

    background: rgba(7, 16, 25, 0.72) !important;

    border: 1px solid rgba(83, 167, 235, 0.08) !important;
    border-radius: 3px !important;

    color: #7ea8c3 !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1.3 !important;

    text-align: center !important;
    text-decoration: none !important;

    box-sizing: border-box !important;
}


#pun-profile #profilenav li a:hover {
    background: rgba(24, 72, 106, 0.28) !important;

    border-color: rgba(83, 167, 235, 0.22) !important;

    color: #dcefff !important;
}


#pun-profile #profilenav li.isactive a {
    background: rgba(24, 84, 126, 0.55) !important;

    border-color: rgba(92, 183, 245, 0.32) !important;

    color: #ffffff !important;
}


/* =========================================================
   PROFILE CONTENT CARD
   ========================================================= */

#pun-profile #viewprofile {
    width: 100% !important;

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


#pun-profile #viewprofile > ul,
#pun-profile #viewprofile ul {
    width: 100% !important;

    margin: 0 !important;
    padding: 16px !important;

    background:
        linear-gradient(
            180deg,
            rgba(6, 14, 22, 0.96),
            rgba(3, 8, 13, 0.96)
        ) !important;

    border: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-radius: 4px !important;

    box-sizing: border-box !important;
}


#pun-profile #viewprofile li {
    display: grid !important;

    grid-template-columns: minmax(130px, 190px) minmax(0, 1fr) !important;

    gap: 12px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 9px 0 !important;

    border-bottom: 1px solid rgba(83, 167, 235, 0.06) !important;

    color: #9ab0bf !important;

    box-sizing: border-box !important;
}


#pun-profile #viewprofile li:last-child {
    border-bottom: 0 !important;
}


#pun-profile #viewprofile li > span {
    float: none !important;

    width: auto !important;

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

    color: #6e91aa !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1.5 !important;

    letter-spacing: 0.3px !important;
}


#pun-profile #viewprofile li > strong,
#pun-profile #viewprofile li > div {
    display: block !important;

    min-width: 0 !important;

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

    color: #d0e0ea !important;

    font-size: 11px !important;
    font-weight: 400 !important;

    line-height: 1.55 !important;

    overflow-wrap: anywhere !important;
}


#pun-profile #viewprofile a {
    color: #72bce8 !important;

    text-decoration: none !important;
}


#pun-profile #viewprofile a:hover {
    color: #a3dcff !important;
}


/* Аватар */

#pun-profile #viewprofile img {
    max-width: 100% !important;
    height: auto !important;
}


#pun-profile #viewprofile img.avatardemo {
    float: none !important;

    max-width: 170px !important;

    margin: 8px 0 12px !important;

    border: 1px solid rgba(92, 183, 245, 0.18) !important;
    border-radius: 5px !important;

    box-shadow:
        0 6px 18px rgba(0, 0, 0, 0.28) !important;
}


/* =========================================================
   PROFILE FORMS
   ========================================================= */

#pun-profile .formal .container {
    padding: 14px !important;

    background: rgba(3, 8, 13, 0.96) !important;

    border-color: rgba(83, 167, 235, 0.10) !important;
}


#pun-profile fieldset {
    border-color: rgba(83, 167, 235, 0.12) !important;
}


#pun-profile input[type="text"],
#pun-profile input[type="password"],
#pun-profile input[type="email"],
#pun-profile input[type="url"],
#pun-profile textarea,
#pun-profile select {
    max-width: 100% !important;

    background: #02070b !important;

    border: 1px solid rgba(83, 167, 235, 0.22) !important;
    border-radius: 4px !important;

    color: #d6e7f2 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   PROFILE — PHONE
   ========================================================= */

@media (max-width: 480px) {

    #pun-profile #pun-main > h1 {
        margin-bottom: 10px !important;
        padding: 11px 12px !important;
    }

    #pun-profile #pun-main > h1 > span {
        font-size: 14px !important;
    }


    /* Меню профиля — 2 колонки */

    #pun-profile #profilenav > ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        gap: 5px !important;

        padding: 8px !important;
    }

    #pun-profile #profilenav li a {
        min-height: 36px !important;

        padding: 7px 5px !important;

        font-size: 9px !important;

        letter-spacing: 0 !important;
    }


    /* Карточка */

    #pun-profile #viewprofile > ul,
    #pun-profile #viewprofile ul {
        padding: 14px !important;
    }


    /*
       Каждое поле вертикально:
       подпись сверху, значение ниже.
    */

    #pun-profile #viewprofile li {
        display: block !important;

        width: 100% !important;

        padding: 10px 0 !important;
    }

    #pun-profile #viewprofile li > span {
        display: block !important;

        width: 100% !important;

        margin: 0 0 4px !important;

        color: #64869d !important;

        font-size: 9px !important;

        text-transform: uppercase !important;

        letter-spacing: 0.8px !important;
    }

    #pun-profile #viewprofile li > strong,
    #pun-profile #viewprofile li > div {
        display: block !important;

        width: 100% !important;

        color: #c4d7e3 !important;

        font-size: 11px !important;
        line-height: 1.5 !important;
    }


    /* Аватар не раздуваем */

    #pun-profile #viewprofile img.avatardemo {
        max-width: 150px !important;
    }


    /* Поля редактирования */

    #pun-profile input[type="text"],
    #pun-profile input[type="password"],
    #pun-profile input[type="email"],
    #pun-profile input[type="url"],
    #pun-profile textarea,
    #pun-profile select {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }
}


/* =========================================================
   PROFILE — MOBILE CARD FIX
   ========================================================= */

@media (max-width: 480px) {

    /* Старую двухколоночную таблицу превращаем в один столбец */

    #pun-profile #viewprofile .container > ul > table,
    #pun-profile #viewprofile .container > ul > table > tbody,
    #pun-profile #viewprofile .container > ul > table > tbody > tr {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

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


    #pun-profile #viewprofile td#profile-left,
    #pun-profile #viewprofile td#profile-right {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;

        box-sizing: border-box !important;

        float: none !important;
    }


    /* =====================================================
       Левая часть — пользователь
       ===================================================== */

    #pun-profile #viewprofile td#profile-left {
        padding: 16px !important;

        background:
            linear-gradient(
                180deg,
                rgba(9, 20, 31, 0.92),
                rgba(4, 10, 16, 0.92)
            ) !important;

        border: 0 !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;

        color: #b9cfdd !important;

        text-align: left !important;
    }


    #pun-profile #viewprofile td#profile-left img {
        max-width: 150px !important;
        height: auto !important;

        margin: 8px 0 12px !important;

        border-radius: 5px !important;

        border: 1px solid rgba(92, 183, 245, 0.18) !important;

        box-shadow:
            0 6px 18px rgba(0, 0, 0, 0.24) !important;
    }


    #pun-profile #viewprofile td#profile-left li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 3px 0 !important;

        border: 0 !important;

        color: #a9c1d0 !important;

        font-size: 11px !important;
        line-height: 1.5 !important;
    }


    #pun-profile #viewprofile td#profile-left a {
        color: #72bce8 !important;
        text-decoration: none !important;
    }


    /* =====================================================
       Правая часть — данные профиля
       ===================================================== */

    #pun-profile #viewprofile td#profile-right {
        padding: 6px 16px 16px !important;

        background: rgba(3, 8, 13, 0.96) !important;

        border: 0 !important;
    }


    #pun-profile #viewprofile td#profile-right > li {
        display: block !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 11px 0 !important;

        border: 0 !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.07) !important;
    }


    #pun-profile #viewprofile td#profile-right > li:last-child {
        border-bottom: 0 !important;
    }


    #pun-profile #viewprofile td#profile-right > li > span {
        display: block !important;

        width: 100% !important;

        margin: 0 0 4px !important;
        padding: 0 !important;

        float: none !important;

        color: #668ba4 !important;

        font-size: 9px !important;
        font-weight: 700 !important;

        line-height: 1.4 !important;
        letter-spacing: 1px !important;

        text-transform: uppercase !important;
    }


    #pun-profile #viewprofile td#profile-right > li > strong,
    #pun-profile #viewprofile td#profile-right > li > div {
        display: block !important;

        width: 100% !important;
        min-width: 0 !important;

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

        color: #d0e1ec !important;

        font-size: 11px !important;
        font-weight: 400 !important;

        line-height: 1.55 !important;

        overflow-wrap: anywhere !important;
    }


    #pun-profile #viewprofile td#profile-right a {
        color: #72bce8 !important;
        text-decoration: none !important;
    }


    /* Общая карточка без лишних внутренних рамок */

    #pun-profile #viewprofile .container > ul {
        padding: 0 !important;

        overflow: hidden !important;

        border: 1px solid rgba(83, 167, 235, 0.12) !important;
        border-radius: 5px !important;
    }
}


/* =========================================================
   USER LIST — FINAL
   ========================================================= */


/* На странице участников большой HERO не нужен */

#pun-userlist .wod-hero {
    display: none !important;
}


/* =========================================================
   Заголовок страницы
   ========================================================= */

#pun-userlist #pun-main > h1 {
    margin: 0 0 10px !important;
    padding: 13px 16px !important;

    background:
        linear-gradient(
            90deg,
            rgba(15, 43, 66, 0.72),
            rgba(4, 11, 17, 0.96)
        ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.12) !important;

    text-align: left !important;
}

#pun-userlist #pun-main > h1 > span {
    color: #dcecf7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;
    letter-spacing: 0.3px !important;

    text-shadow: none !important;
}


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

#pun-userlist .formal {
    margin: 0 0 14px !important;
}

#pun-userlist .formal .container {
    padding: 14px !important;

    background: rgba(3, 8, 13, 0.96) !important;

    border: 1px solid rgba(83, 167, 235, 0.10) !important;
    border-radius: 4px !important;
}

#pun-userlist .formal fieldset {
    margin: 0 !important;
    padding: 12px 14px 14px !important;

    background: rgba(5, 12, 19, 0.75) !important;

    border: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-radius: 4px !important;
}

#pun-userlist .formal legend span {
    color: #8abbd8 !important;

    font-size: 11px !important;
    font-weight: 600 !important;
}

#pun-userlist .formal label {
    color: #8ca8b9 !important;
}

#pun-userlist .formal input[type="text"],
#pun-userlist .formal select {
    background: #02070b !important;

    border: 1px solid rgba(83, 167, 235, 0.22) !important;
    border-radius: 4px !important;

    color: #d6e7f2 !important;

    box-sizing: border-box !important;
}

#pun-userlist .formal input[type="submit"] {
    padding: 7px 12px !important;

    background: rgba(20, 72, 108, 0.82) !important;

    border: 1px solid rgba(82, 167, 225, 0.24) !important;
    border-radius: 4px !important;

    color: #e4f4ff !important;

    font-size: 10px !important;
    font-weight: 600 !important;
}


/* =========================================================
   USER LIST — PHONE
   ========================================================= */

@media (max-width: 480px) {

    #pun-userlist #pun-main > h1 {
        padding: 11px 12px !important;
    }

    #pun-userlist #pun-main > h1 > span {
        font-size: 13px !important;
    }


    /* Пагинация */

    #pun-userlist .linkst,
    #pun-userlist .linksb {
        width: 100% !important;

        margin: 0 0 10px !important;
        padding: 10px 12px !important;

        background: rgba(3, 8, 13, 0.96) !important;

        border-top: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;

        color: #7892a5 !important;

        font-size: 10px !important;

        text-shadow: none !important;
    }

    #pun-userlist .pagelink a,
    #pun-userlist .pagelink strong {
        color: #8bbbd7 !important;
        text-shadow: none !important;
    }


    /* Форма поиска */

    #pun-userlist .formal .container {
        padding: 10px !important;
    }

    #pun-userlist .formal fieldset {
        padding: 12px !important;
    }

    #pun-userlist .formal input[type="text"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;
    }

    #pun-userlist .formal select {
        max-width: 100% !important;
    }


    /* =====================================================
       Таблица -> карточки
       ===================================================== */

    #pun-userlist .usertable table thead {
        display: none !important;
    }

    #pun-userlist .usertable table,
    #pun-userlist .usertable tbody {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

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


    /* Один пользователь = одна карточка */

    #pun-userlist .usertable tbody > tr {
        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 10px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7, 15, 23, 0.96),
                rgba(3, 8, 13, 0.96)
            ) !important;

        border: 1px solid rgba(83, 167, 235, 0.12) !important;
        border-radius: 5px !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    #pun-userlist .usertable tbody > tr > td {
        display: block !important;

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

        margin: 0 !important;

        background: transparent !important;

        border: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       Аватар + имя
       ===================================================== */

    #pun-userlist td.tcl.username {
        grid-column: 1 / -1 !important;

        padding: 14px !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;

        display: flex !important;
        align-items: center !important;

        gap: 12px !important;
    }


    #pun-userlist td.tcl.username em.user-avatar {
        display: block !important;

        flex: 0 0 48px !important;

        width: 48px !important;
        height: 48px !important;

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


    #pun-userlist td.tcl.username em.user-avatar img {
        display: block !important;

        width: 48px !important;
        height: 48px !important;

        object-fit: cover !important;

        border: 1px solid rgba(92, 183, 245, 0.18) !important;
        border-radius: 50% !important;
    }


    #pun-userlist td.tcl.username span.username {
        display: block !important;

        min-width: 0 !important;

        margin: 0 !important;
    }


    #pun-userlist td.tcl.username span.username a {
        color: #dcecf7 !important;

        font-size: 13px !important;
        font-weight: 700 !important;

        line-height: 1.35 !important;

        text-decoration: none !important;
    }


    /* =====================================================
       Группа
       ===================================================== */

    #pun-userlist td.tc2.user_title {
        grid-column: 1 !important;

        padding: 11px 14px !important;

        color: #d1e3ef !important;

        border-right: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-userlist td.tc2.user_title::before {
        content: "ГРУППА";

        display: block !important;

        margin-bottom: 4px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1px !important;
    }


    /* =====================================================
       Уважение
       ===================================================== */

    #pun-userlist td.tc3.relation {
        grid-column: 2 !important;

        padding: 11px 14px !important;

        color: #d1e3ef !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-userlist td.tc3.relation::before {
        content: "УВАЖЕНИЕ";

        display: block !important;

        margin-bottom: 4px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1px !important;
    }


    /* =====================================================
       Сообщения
       ===================================================== */

    #pun-userlist td.tc3.num_posts {
        grid-column: 1 !important;

        padding: 11px 14px !important;

        color: #d1e3ef !important;

        border-right: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-userlist td.tc3.num_posts::before {
        content: "СООБЩЕНИЙ";

        display: block !important;

        margin-bottom: 4px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1px !important;
    }


    /* =====================================================
       Регистрация
       ===================================================== */

    #pun-userlist td.tc3.registered {
        grid-column: 2 !important;

        padding: 11px 14px !important;

        color: #d1e3ef !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-userlist td.tc3.registered::before {
        content: "РЕГИСТРАЦИЯ";

        display: block !important;

        margin-bottom: 4px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1px !important;
    }


    /* =====================================================
       Последний визит
       ===================================================== */

    #pun-userlist td.tc3.last_visit {
        grid-column: 1 / -1 !important;

        padding: 11px 14px !important;

        color: #9ec0d4 !important;
    }

    #pun-userlist td.tc3.last_visit::before {
        content: "ПОСЛЕДНИЙ ВИЗИТ";

        display: block !important;

        margin-bottom: 4px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1px !important;
    }


    /* Старый hover таблицы здесь не нужен */

    #pun-userlist .usertable tbody > tr:hover > td {
        background: transparent !important;
    }
}


/* =========================================================
   USER LIST — форма поиска, финальная полировка
   ========================================================= */

#pun-userlist .formal .fs-box {
    padding-top: 8px !important;
}

#pun-userlist .formal .inputfield,
#pun-userlist .formal .selectfield {
    margin-bottom: 10px !important;
}

#pun-userlist .formal input[type="text"],
#pun-userlist .formal select {
    min-height: 34px !important;

    padding: 6px 9px !important;

    font-size: 11px !important;
    line-height: 1.2 !important;
}

#pun-userlist .formal .infofield,
#pun-userlist .formal .info-box,
#pun-userlist .formal p {
    color: #6f8798 !important;

    font-size: 10px !important;
    line-height: 1.55 !important;
}

#pun-userlist .formal .infofield {
    margin-top: 4px !important;
}

#pun-userlist .formal .formsubmit {
    margin-top: 10px !important;
}

@media (max-width: 480px) {

    #pun-userlist .formal .inputfield,
    #pun-userlist .formal .selectfield {
        float: none !important;

        width: 100% !important;

        margin: 0 0 10px !important;
    }

    #pun-userlist .formal input[type="text"],
    #pun-userlist .formal select {
        width: 100% !important;
        max-width: 100% !important;
    }

    #pun-userlist .formal .infofield,
    #pun-userlist .formal .info-box,
    #pun-userlist .formal p {
        font-size: 9.5px !important;
        line-height: 1.5 !important;
    }
}


/* =========================================================
   PRIVATE MESSAGES — FINAL
   ========================================================= */


/* На странице ЛС большой HERO не нужен */

#pun-messages .wod-hero {
    display: none !important;
}


/* =========================================================
   Общая область ЛС
   ========================================================= */

#pun-messages #profile.messages-container {
    width: 100% !important;

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

#pun-messages #profile.messages-container > .container {
    padding: 14px !important;

    background: rgba(3, 8, 13, 0.96) !important;

    border: 1px solid rgba(83, 167, 235, 0.10) !important;

    box-sizing: border-box !important;
}


/* =========================================================
   Настройки звука
   ========================================================= */

#pun-messages #notify-settings {
    margin: 0 0 14px !important;
    padding: 10px 12px !important;

    background: rgba(5, 12, 19, 0.72) !important;

    border: 1px solid rgba(83, 167, 235, 0.08) !important;
    border-radius: 4px !important;

    color: #718da0 !important;

    font-size: 10px !important;
}


/* =========================================================
   Папки / Действия
   ========================================================= */

#pun-messages #profilenav {
    float: none !important;

    width: 100% !important;

    margin: 0 0 14px !important;
    padding: 0 !important;
}

#pun-messages #profilenav > h2 {
    display: block !important;

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

    position: static !important;

    margin: 12px 0 6px !important;
    padding: 0 !important;

    overflow: visible !important;

    color: #83b9d9 !important;

    font-size: 11px !important;
    font-weight: 700 !important;

    line-height: 1.4 !important;

    text-transform: none !important;
}

#pun-messages #profilenav > ul {
    display: grid !important;

    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

    gap: 6px !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 8px !important;

    background: rgba(4, 10, 16, 0.88) !important;

    border: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-radius: 4px !important;

    box-sizing: border-box !important;
}

#pun-messages #profilenav li {
    display: block !important;

    width: auto !important;

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

#pun-messages #profilenav li a {
    display: flex !important;

    align-items: center !important;
    justify-content: center !important;

    min-height: 34px !important;

    padding: 6px 8px !important;

    background: rgba(7, 16, 25, 0.72) !important;

    border: 1px solid rgba(83, 167, 235, 0.08) !important;
    border-radius: 3px !important;

    color: #7fa9c3 !important;

    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1.3 !important;

    text-align: center !important;
    text-decoration: none !important;
}

#pun-messages #profilenav li.isactive a {
    background: rgba(24, 84, 126, 0.55) !important;

    border-color: rgba(92, 183, 245, 0.32) !important;

    color: #ffffff !important;
}

#pun-messages #profilenav li a:hover {
    background: rgba(24, 72, 106, 0.28) !important;

    color: #dcefff !important;
}


/* =========================================================
   Список сообщений
   ========================================================= */

#pun-messages form#messages fieldset {
    margin: 0 !important;
    padding: 0 !important;

    border: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-radius: 4px !important;
}

#pun-messages form#messages fieldset > legend {
    margin-left: 12px !important;
}

#pun-messages form#messages fieldset > legend > span {
    color: #83b9d9 !important;

    font-size: 11px !important;
    font-weight: 600 !important;
}

#pun-messages form#messages .fs-box {
    padding: 10px !important;
}


/* =========================================================
   PRIVATE MESSAGES — PHONE
   ========================================================= */

@media (max-width: 480px) {

    #pun-messages #profile.messages-container > .container {
        padding: 10px !important;
    }


    /* Звук */

    #pun-messages #notify-settings {
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        flex-wrap: wrap !important;

        gap: 8px !important;

        padding: 10px !important;

        text-align: center !important;
    }


    /* Папки и действия */

    #pun-messages #profilenav > ul {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;

        padding: 6px !important;
    }

    #pun-messages #profilenav li a {
        min-height: 36px !important;

        padding: 6px 4px !important;

        font-size: 9px !important;
    }


    /* =====================================================
       Таблица ЛС -> карточки
       ===================================================== */

    #pun-messages form#messages table thead {
        display: none !important;
    }

    #pun-messages form#messages table,
    #pun-messages form#messages tbody {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

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


    /* Одно письмо = карточка */

    #pun-messages form#messages tbody > tr {
        position: relative !important;

        display: grid !important;

        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 10px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7, 15, 23, 0.96),
                rgba(3, 8, 13, 0.96)
            ) !important;

        border: 1px solid rgba(83, 167, 235, 0.12) !important;
        border-radius: 5px !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    #pun-messages form#messages tbody > tr > td {
        display: block !important;

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

        margin: 0 !important;

        background: transparent !important;

        border: 0 !important;

        box-sizing: border-box !important;
    }


    /* =====================================================
       Тема сообщения
       ===================================================== */

    #pun-messages td.tcl.pmtcl1 {
        grid-column: 1 / -1 !important;

        min-height: 52px !important;

        padding: 14px 48px 14px 14px !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;

        text-align: left !important;
    }

    #pun-messages td.tcl.pmtcl1::before {
        content: "ТЕМА";

        display: block !important;

        margin-bottom: 5px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1.1px !important;
    }

    #pun-messages td.tcl.pmtcl1 a {
        color: #dcecf7 !important;

        font-size: 12px !important;
        font-weight: 600 !important;

        line-height: 1.4 !important;

        text-decoration: none !important;

        overflow-wrap: anywhere !important;
    }

    #pun-messages td.tcl.pmtcl1 a:hover {
        color: #7dcaff !important;
    }


    /* =====================================================
       Отправитель
       ===================================================== */

    #pun-messages td.tc2.pmtc22 {
        grid-column: 1 !important;

        padding: 11px 14px !important;

        border-right: 1px solid rgba(83, 167, 235, 0.08) !important;

        color: #d1e3ef !important;

        text-align: left !important;
    }

    #pun-messages td.tc2.pmtc22::before {
        content: "ОТПРАВИТЕЛЬ";

        display: block !important;

        margin-bottom: 5px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1px !important;
    }

    #pun-messages td.tc2.pmtc22 img {
        width: 36px !important;
        height: 36px !important;

        margin: 0 7px 0 0 !important;

        object-fit: cover !important;

        vertical-align: middle !important;

        border-radius: 50% !important;

        border: 1px solid rgba(92, 183, 245, 0.16) !important;
    }

    #pun-messages td.tc2.pmtc22 a {
        color: #78bee8 !important;

        font-size: 10px !important;

        text-decoration: none !important;
    }


    /* =====================================================
       Дата
       ===================================================== */

    #pun-messages td.tc3.pmtc33 {
        grid-column: 2 !important;

        padding: 11px 14px !important;

        color: #c4d9e6 !important;

        text-align: left !important;
    }

    #pun-messages td.tc3.pmtc33::before {
        content: "ДАТА";

        display: block !important;

        margin-bottom: 5px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1px !important;
    }


    /* =====================================================
       Чекбокс выбора письма
       ===================================================== */

    #pun-messages td.tc2.pmtc24 {
        position: absolute !important;

        top: 13px !important;
        right: 13px !important;

        width: 24px !important;
        height: 24px !important;

        padding: 0 !important;

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

        background: transparent !important;
    }

    #pun-messages td.tc2.pmtc24 input[type="checkbox"] {
        width: 16px !important;
        height: 16px !important;

        margin: 0 !important;
    }


    /* Старый hover таблицы не нужен */

    #pun-messages form#messages tbody > tr:hover > td {
        background: transparent !important;
    }


    /* =====================================================
       Нижняя пагинация / Удалить
       ===================================================== */

    #pun-messages form#messages .linksb {
        width: 100% !important;

        margin: 10px 0 0 !important;
        padding: 10px 12px !important;

        background: rgba(3, 8, 13, 0.96) !important;

        border-top: 1px solid rgba(83, 167, 235, 0.08) !important;

        color: #7892a5 !important;

        font-size: 10px !important;

        text-shadow: none !important;
    }

    #pun-messages form#messages .linksb .pagelink,
    #pun-messages form#messages .linksb .pagelink a,
    #pun-messages form#messages .linksb .pagelink strong {
        color: #8bbbd7 !important;

        text-shadow: none !important;
    }

    #pun-messages form#messages .linksb input[type="submit"],
    #pun-messages form#messages .linksb button {
        padding: 7px 11px !important;

        background: rgba(20, 72, 108, 0.82) !important;

        border: 1px solid rgba(82, 167, 225, 0.24) !important;
        border-radius: 4px !important;

        color: #e4f4ff !important;

        font-size: 9px !important;
        font-weight: 600 !important;
    }
}

/* =========================================================
   PRIVATE MESSAGES — NEW MESSAGE
   ========================================================= */

/* Основная форма */
#pun-messages form#post #post-form {
    width: 100% !important;

    margin: 0 !important;
    padding: 14px !important;

    background: rgba(3, 8, 13, 0.96) !important;

    border: 1px solid rgba(83, 167, 235, 0.10) !important;
    border-radius: 4px !important;

    box-sizing: border-box !important;
}


/* Поля */
#pun-messages form#post p.inputfield,
#pun-messages form#post p.areafield {
    width: 100% !important;

    margin: 0 0 14px !important;
    padding: 0 !important;
}

#pun-messages form#post p.inputfield label,
#pun-messages form#post p.areafield label {
    display: block !important;

    margin: 0 0 6px !important;

    color: #84a8bf !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;

    letter-spacing: 0.5px !important;
}


/* Получатель + Заголовок */
#pun-messages form#post p.inputfield span.input {
    display: block !important;

    width: 100% !important;

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

#pun-messages form#post p.inputfield input[type="text"] {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    height: 38px !important;

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

    background: #02070b !important;

    border: 1px solid rgba(83, 167, 235, 0.22) !important;
    border-radius: 4px !important;

    color: #d6e7f2 !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;

    outline: none !important;

    box-sizing: border-box !important;
}

#pun-messages form#post p.inputfield input[type="text"]:focus {
    border-color: rgba(83, 184, 247, 0.55) !important;
}


/* Текст сообщения */
#pun-messages form#post p.areafield span.input {
    display: block !important;

    width: 100% !important;

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

#pun-messages form#post p.areafield textarea {
    display: block !important;

    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 220px !important;

    margin: 0 !important;
    padding: 12px !important;

    background: #02070b !important;

    border: 1px solid rgba(83, 167, 235, 0.22) !important;
    border-radius: 4px !important;

    color: #d6e7f2 !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.5 !important;

    resize: vertical !important;
    outline: none !important;

    box-sizing: border-box !important;
}

#pun-messages form#post p.areafield textarea:focus {
    border-color: rgba(83, 184, 247, 0.55) !important;
}


/* Панель форматирования — внутренности не трогаем */
#pun-messages form#post #form-buttons {
    width: 100% !important;
    max-width: 100% !important;

    margin: 4px 0 14px !important;
    padding: 6px !important;

    background: rgba(4, 11, 17, 0.96) !important;

    border: 1px solid rgba(83, 167, 235, 0.10) !important;
    border-radius: 4px !important;

    overflow-x: auto !important;
    overflow-y: hidden !important;

    box-sizing: border-box !important;
}


/* Кнопки */
#pun-messages form#post input[type="submit"] {
    min-height: 38px !important;

    margin: 0 8px 6px 0 !important;
    padding: 0 15px !important;

    background: rgba(12, 33, 49, 0.95) !important;

    border: 1px solid rgba(82, 167, 225, 0.22) !important;
    border-radius: 4px !important;

    color: #9fd8fb !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;

    cursor: pointer !important;
}

#pun-messages form#post input[name="submit"] {
    background: rgba(20, 72, 108, 0.85) !important;

    color: #e5f5ff !important;
}


/* Чекбокс "Сохранить" */
#pun-messages form#post input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;

    margin: 0 6px 0 0 !important;

    vertical-align: middle !important;
}


/* =========================================================
   NEW MESSAGE — PHONE
   ========================================================= */

@media (max-width: 480px) {

    #pun-messages form#post #post-form {
        padding: 12px !important;
    }

    #pun-messages form#post p.inputfield input[type="text"] {
        height: 40px !important;

        font-size: 16px !important;
    }

    #pun-messages form#post p.areafield textarea {
        min-height: 210px !important;

        font-size: 16px !important;
    }

    #pun-messages form#post #form-buttons {
        margin-bottom: 14px !important;
    }

    #pun-messages form#post input[type="submit"] {
        height: 40px !important;

        padding: 0 14px !important;

        font-size: 10px !important;
    }
}


/* =========================================================
   PRIVATE MESSAGES — READ MESSAGE
   ========================================================= */


/* Само прочитанное письмо */

#pun-messages #profile .fs-box > .post {
    margin: 0 !important;

    background: rgba(4, 9, 14, 0.96) !important;

    border: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-radius: 5px !important;

    overflow: hidden !important;

    box-shadow:
        0 8px 24px rgba(0, 0, 0, 0.14) !important;
}


/* Дата */

#pun-messages #profile .fs-box > .post > h3 {
    margin: 0 !important;
    padding: 9px 13px !important;

    background: #03090e !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;

    color: #7897ad !important;

    font-family: Arial, sans-serif !important;
    font-size: 9px !important;
    font-weight: 500 !important;

    text-shadow: none !important;
}

#pun-messages #profile .fs-box > .post > h3 span {
    margin: 0 !important;
    padding: 0 !important;

    color: #7897ad !important;

    text-shadow: none !important;
}


/* Контейнер поста */

#pun-messages #profile .fs-box > .post > .container {
    position: relative !important;

    min-width: 0 !important;

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

    background: transparent !important;

    overflow: hidden !important;
}


/* =========================================================
   Автор
   ========================================================= */

#pun-messages #profile .fs-box .post-author {
    background:
        linear-gradient(
            180deg,
            rgba(9, 20, 31, 0.96),
            rgba(4, 10, 16, 0.96)
        ) !important;

    color: #71899d !important;

    border-color: rgba(83, 167, 235, 0.10) !important;
}

#pun-messages #profile .fs-box .post-author li {
    color: #71899d !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.5 !important;
}

#pun-messages #profile .fs-box .post-author .pa-author,
#pun-messages #profile .fs-box .post-author .pa-author a,
#pun-messages #profile .fs-box .post-author .pa-author strong {
    color: #e1eff8 !important;

    font-size: 13px !important;
    font-weight: 700 !important;

    text-decoration: none !important;
}

#pun-messages #profile .fs-box .post-author .pa-title {
    color: #67b7e9 !important;

    font-size: 9px !important;
    font-weight: 600 !important;

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

#pun-messages #profile .fs-box .post-author .pa-avatar img {
    object-fit: cover !important;

    border: 1px solid rgba(92, 183, 245, 0.18) !important;
    border-radius: 5px !important;

    box-shadow:
        0 5px 16px rgba(0, 0, 0, 0.25) !important;
}


/* =========================================================
   Текст письма
   ========================================================= */

#pun-messages #profile .fs-box .post-body {
    min-width: 0 !important;

    background:
        linear-gradient(
            180deg,
            rgba(6, 14, 22, 0.90),
            rgba(3, 8, 13, 0.96)
        ) !important;

    color: #b9cad5 !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.65 !important;
}

#pun-messages #profile .fs-box .post-body p {
    color: #b3c6d2 !important;

    line-height: 1.65 !important;
}

#pun-messages #profile .fs-box .post-body a {
    color: #70bee9 !important;

    text-decoration: none !important;
}


/* Цитата */

#pun-messages #profile .fs-box .quote-box {
    margin: 10px 0 !important;
    padding: 11px 13px !important;

    background: rgba(10, 25, 38, 0.88) !important;

    border: 0 !important;
    border-left: 2px solid rgba(88, 181, 245, 0.50) !important;
    border-radius: 3px !important;

    color: #9db1bf !important;

    box-shadow: none !important;
}

#pun-messages #profile .fs-box .quote-box cite,
#pun-messages #profile .fs-box .quote-box strong {
    color: #d4e7f3 !important;
}


/* =========================================================
   E-mail / Ответить / Удалить
   ========================================================= */

#pun-messages #profile .fs-box .post-links {
    background: #03090e !important;

    border-color: rgba(83, 167, 235, 0.10) !important;
}

#pun-messages #profile .fs-box .post-links ul {
    margin: 0 !important;
    padding: 8px 10px !important;

    border-top: 1px solid rgba(83, 167, 235, 0.08) !important;

    text-align: right !important;
}

#pun-messages #profile .fs-box .post-links li {
    display: inline-block !important;

    padding: 0 !important;
}

#pun-messages #profile .fs-box .post-links a {
    display: inline-block !important;

    margin: 2px !important;
    padding: 6px 9px !important;

    background: rgba(9, 23, 35, 0.82) !important;

    border: 1px solid rgba(83, 167, 235, 0.10) !important;
    border-radius: 3px !important;

    color: #7fa8c0 !important;

    font-size: 9px !important;
    font-weight: 600 !important;

    text-decoration: none !important;
    text-shadow: none !important;
}

#pun-messages #profile .fs-box .post-links a:hover {
    background: rgba(26, 79, 116, 0.28) !important;

    border-color: rgba(92, 183, 245, 0.28) !important;

    color: #d9effc !important;
}


/* =========================================================
   READ MESSAGE — PHONE
   ========================================================= */

@media (max-width: 480px) {

    /*
       Автор, текст и кнопки становятся одной колонкой.
       Никаких старых 19em.
    */

    #pun-messages #profile .fs-box .post-author {
        position: static !important;
        float: none !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 14px !important;

        border: 0 !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;
    }

    #pun-messages #profile .fs-box .post-body {
        position: static !important;
        float: none !important;

        width: 100% !important;
        min-width: 0 !important;

        margin: 0 !important;
        padding: 14px !important;

        border: 0 !important;

        box-sizing: border-box !important;
    }

    #pun-messages #profile .fs-box .post-links {
        position: static !important;
        float: none !important;

        width: 100% !important;

        margin: 0 !important;

        border: 0 !important;
    }


    /* Автор компактнее */

    #pun-messages #profile .fs-box .post-author ul {
        display: grid !important;

        grid-template-columns: 72px minmax(0, 1fr) !important;

        column-gap: 13px !important;
        row-gap: 2px !important;

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

        align-items: start !important;
    }

    #pun-messages #profile .fs-box .post-author .pa-avatar {
        grid-column: 1 !important;
        grid-row: 1 / span 8 !important;

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

    #pun-messages #profile .fs-box .post-author .pa-avatar img {
        width: 64px !important;
        height: 64px !important;
    }

    #pun-messages #profile .fs-box .post-author .pa-author,
    #pun-messages #profile .fs-box .post-author .pa-title,
    #pun-messages #profile .fs-box .post-author .pa-reg,
    #pun-messages #profile .fs-box .post-author .pa-posts,
    #pun-messages #profile .fs-box .post-author .pa-from {
        grid-column: 2 !important;

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


    /* Текст */

    #pun-messages #profile .fs-box .post-body {
        font-size: 12px !important;
        line-height: 1.65 !important;
    }


    /* Действия */

    #pun-messages #profile .fs-box .post-links ul {
        display: flex !important;
        flex-wrap: wrap !important;
        justify-content: flex-end !important;

        gap: 5px !important;

        padding: 9px 10px !important;
    }

    #pun-messages #profile .fs-box .post-links a {
        margin: 0 !important;

        padding: 7px 9px !important;

        font-size: 9px !important;
    }
}

/* =========================================================
   SEARCH — FINAL
   ========================================================= */


/* На внутренней странице поиска большой HERO не нужен */

#pun-search .wod-hero {
    display: none !important;
}


/* =========================================================
   Заголовок "Поиск"
   ========================================================= */

#pun-search #pun-main > h1 {
    margin: 0 0 12px !important;
    padding: 13px 16px !important;

    background:
        linear-gradient(
            90deg,
            rgba(15, 43, 66, 0.72),
            rgba(4, 11, 17, 0.96)
        ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.12) !important;

    text-align: left !important;
}

#pun-search #pun-main > h1 > span {
    color: #dcecf7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    line-height: 1.35 !important;
    letter-spacing: 0.3px !important;

    text-shadow: none !important;
}


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

#pun-search #pun-main > .formal {
    margin: 0 !important;

    background: transparent !important;
}

#pun-search .formal .container {
    padding: 14px !important;

    background: rgba(3, 8, 13, 0.96) !important;

    border: 1px solid rgba(83, 167, 235, 0.10) !important;
    border-radius: 4px !important;
}


/* Отдельные секции поиска */

#pun-search .formal fieldset {
    margin: 0 0 14px !important;
    padding: 14px 16px 16px !important;

    background:
        linear-gradient(
            180deg,
            rgba(6, 14, 22, 0.88),
            rgba(3, 8, 13, 0.92)
        ) !important;

    border: 1px solid rgba(83, 167, 235, 0.14) !important;
    border-radius: 4px !important;
}

#pun-search .formal fieldset:last-of-type {
    margin-bottom: 0 !important;
}

#pun-search .formal legend {
    max-width: calc(100% - 20px) !important;

    padding: 0 7px !important;
}

#pun-search .formal legend span {
    color: #86b9d7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
}


/* =========================================================
   Подписи
   ========================================================= */

#pun-search .formal label {
    color: #83a7bd !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
}


/* =========================================================
   Текстовые поля
   ========================================================= */

#pun-search .formal input[type="text"] {
    min-height: 36px !important;

    padding: 7px 10px !important;

    background: #02070b !important;

    border: 1px solid rgba(83, 167, 235, 0.22) !important;
    border-radius: 4px !important;

    color: #d6e7f2 !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;

    outline: none !important;

    box-sizing: border-box !important;
}

#pun-search .formal input[type="text"]:focus {
    border-color: rgba(83, 184, 247, 0.55) !important;
}


/* =========================================================
   Выпадающие списки
   ========================================================= */

#pun-search .formal select {
    min-height: 34px !important;
    max-width: 100% !important;

    padding: 5px 28px 5px 8px !important;

    background: #02070b !important;

    border: 1px solid rgba(83, 167, 235, 0.22) !important;
    border-radius: 4px !important;

    color: #d6e7f2 !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;

    outline: none !important;
}


/* =========================================================
   Поясняющий текст
   ========================================================= */

#pun-search .formal .infofield,
#pun-search .formal p {
    color: #71899a !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   Кнопка "Отправить"
   ========================================================= */

#pun-search .formal input[type="submit"] {
    min-height: 36px !important;

    padding: 0 14px !important;

    background: rgba(20, 72, 108, 0.85) !important;

    border: 1px solid rgba(82, 167, 225, 0.24) !important;
    border-radius: 4px !important;

    color: #e5f5ff !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;

    cursor: pointer !important;
}


/* =========================================================
   SEARCH — PHONE
   ========================================================= */

@media (max-width: 480px) {

    #pun-search #pun-main > h1 {
        padding: 11px 12px !important;
    }

    #pun-search #pun-main > h1 > span {
        font-size: 13px !important;
    }

    #pun-search .formal .container {
        padding: 10px !important;
    }

    #pun-search .formal fieldset {
        margin-bottom: 12px !important;
        padding: 13px !important;
    }

    #pun-search .formal input[type="text"] {
        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        font-size: 16px !important;
    }

    #pun-search .formal select {
        max-width: 100% !important;

        font-size: 12px !important;
    }

    #pun-search .formal .infofield,
    #pun-search .formal p {
        font-size: 9.5px !important;
        line-height: 1.55 !important;
    }
}


/* =========================================================
   SEARCH RESULTS — FINAL v2
   ========================================================= */


/* HERO на страницах результатов не нужен */

#pun-searchposts .wod-hero,
#pun-searchtopics .wod-hero {
    display: none !important;
}


/* =========================================================
   Заголовок "Результаты поиска"
   ========================================================= */

#pun-searchposts #pun-main > h1,
#pun-searchtopics #pun-main > h1 {
    margin: 0 0 10px !important;
    padding: 13px 16px !important;

    background:
        linear-gradient(
            90deg,
            rgba(15, 43, 66, 0.72),
            rgba(4, 11, 17, 0.96)
        ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.12) !important;

    text-align: left !important;
}

#pun-searchposts #pun-main > h1 > span,
#pun-searchtopics #pun-main > h1 > span {
    color: #dcecf7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    text-shadow: none !important;
}


/* =========================================================
   Верхняя пагинация
   ========================================================= */

#pun-searchposts #pun-main > .linkst,
#pun-searchtopics #pun-main > .linkst {
    position: static !important;
    float: none !important;

    width: 100% !important;
    height: auto !important;

    margin: 0 0 10px !important;
    padding: 10px 12px !important;

    box-sizing: border-box !important;

    background: rgba(3, 8, 13, 0.96) !important;

    border-top: 1px solid rgba(83, 167, 235, 0.08) !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;

    color: #7892a5 !important;

    font-size: 10px !important;

    text-shadow: none !important;
}

#pun-searchposts #pun-main > .linkst .pagelink,
#pun-searchtopics #pun-main > .linkst .pagelink {
    position: static !important;

    width: auto !important;

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

#pun-searchposts .pagelink a,
#pun-searchposts .pagelink strong,
#pun-searchtopics .pagelink a,
#pun-searchtopics .pagelink strong {
    color: #8bbbd7 !important;

    text-shadow: none !important;
}


/* =========================================================
   Каждый результат = карточка
   ========================================================= */

#pun-searchposts #pun-main .topic > .post,
#pun-searchtopics #pun-main .topic > .post {
    margin: 0 0 12px !important;

    background:
        linear-gradient(
            180deg,
            rgba(7, 15, 23, 0.96),
            rgba(3, 8, 13, 0.96)
        ) !important;

    border: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-radius: 5px !important;

    overflow: hidden !important;

    box-shadow:
        0 6px 20px rgba(0, 0, 0, 0.12) !important;
}


/* =========================================================
   Шапка результата
   ========================================================= */

#pun-searchposts #pun-main .topic > .post > h3,
#pun-searchtopics #pun-main .topic > .post > h3 {
    position: static !important;

    width: 100% !important;

    margin: 0 !important;
    padding: 11px 14px !important;

    box-sizing: border-box !important;

    background:
        linear-gradient(
            90deg,
            rgba(11, 29, 45, 0.94),
            rgba(4, 10, 16, 0.96)
        ) !important;

    border: 0 !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;

    color: #718fa4 !important;

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

    text-shadow: none !important;
}

#pun-searchposts #pun-main .topic > .post > h3 > span,
#pun-searchtopics #pun-main .topic > .post > h3 > span {
    display: block !important;

    width: 100% !important;

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

#pun-searchposts #pun-main .topic > .post > h3 strong,
#pun-searchtopics #pun-main .topic > .post > h3 strong {
    color: #64b9e9 !important;

    font-weight: 700 !important;
}

#pun-searchposts #pun-main .topic > .post > h3 a,
#pun-searchtopics #pun-main .topic > .post > h3 a {
    color: #b8d7e9 !important;

    font-weight: 600 !important;

    text-decoration: none !important;
    text-shadow: none !important;
}

#pun-searchposts #pun-main .topic > .post > h3 a:hover,
#pun-searchtopics #pun-main .topic > .post > h3 a:hover {
    color: #70c7fa !important;
}

#pun-searchposts #pun-main .topic > .post > h3 em,
#pun-searchtopics #pun-main .topic > .post > h3 em {
    color: #587287 !important;
}


/* =========================================================
   Содержимое результата
   ========================================================= */

#pun-searchposts #pun-main .topic > .post > .container,
#pun-searchtopics #pun-main .topic > .post > .container {
    width: 100% !important;
    min-width: 0 !important;

    margin: 0 !important;
    padding: 14px !important;

    box-sizing: border-box !important;

    background: transparent !important;

    border: 0 !important;

    color: #aebfcb !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;
    line-height: 1.65 !important;

    overflow-wrap: anywhere !important;
}

#pun-searchposts #pun-main .topic > .post > .container a,
#pun-searchtopics #pun-main .topic > .post > .container a {
    color: #69b9e8 !important;

    text-decoration: none !important;
}

#pun-searchposts #pun-main .topic > .post > .container a:hover,
#pun-searchtopics #pun-main .topic > .post > .container a:hover {
    color: #91d6ff !important;
}


/* =========================================================
   PHONE
   ========================================================= */

@media (max-width: 480px) {

    #pun-searchposts #pun-main > h1,
    #pun-searchtopics #pun-main > h1 {
        padding: 11px 12px !important;
    }

    #pun-searchposts #pun-main > h1 > span,
    #pun-searchtopics #pun-main > h1 > span {
        font-size: 13px !important;
    }

    #pun-searchposts #pun-main .topic > .post,
    #pun-searchtopics #pun-main .topic > .post {
        margin-bottom: 10px !important;
    }

    #pun-searchposts #pun-main .topic > .post > h3,
    #pun-searchtopics #pun-main .topic > .post > h3 {
        padding: 10px 12px !important;

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

    #pun-searchposts #pun-main .topic > .post > h3 a,
    #pun-searchtopics #pun-main .topic > .post > h3 a {
        font-size: 11px !important;
        line-height: 1.45 !important;
    }

    #pun-searchposts #pun-main .topic > .post > .container,
    #pun-searchtopics #pun-main .topic > .post > .container {
        padding: 13px 12px !important;

        font-size: 11px !important;
        line-height: 1.65 !important;
    }
}

/* SEARCH — спокойная подсветка найденного текста */

#pun-searchposts .highlight-text,
#pun-searchtopics .highlight-text {
    padding: 1px 3px !important;

    background: rgba(164, 119, 33, 0.24) !important;

    border: 1px solid rgba(214, 151, 64, 0.18) !important;
    border-radius: 2px !important;

    color: #e8b873 !important;

    font-weight: 700 !important;

    text-shadow: none !important;
}

/* =========================================================
   WIND OF DEATH — RULES
   ========================================================= */

.wod-rules {
    max-width: 900px;
    margin: 0 auto;
    padding: 8px 4px 20px;

    color: #9fb3c1;

    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 1.7;
}

.wod-rules-intro {
    margin-bottom: 22px;
    padding: 18px 20px;

    background:
        linear-gradient(
            90deg,
            rgba(14, 39, 59, 0.78),
            rgba(5, 12, 19, 0.92)
        );

    border: 1px solid rgba(83, 167, 235, 0.14);
    border-left: 2px solid rgba(83, 184, 247, 0.55);
    border-radius: 4px;
}

.wod-rules-intro > strong {
    display: block;
    margin-bottom: 8px;

    color: #dcecf7;

    font-size: 13px;
    letter-spacing: 2px;
}

.wod-rules-intro p {
    margin: 0;

    color: #829bad;
}

.wod-rules h3 {
    margin: 22px 0 10px;
    padding: 0 0 8px;

    border-bottom: 1px solid rgba(83, 167, 235, 0.10);

    color: #d8eaf6;

    font-size: 12px;
    font-weight: 700;

    letter-spacing: 1.5px;
    text-transform: uppercase;
}

.wod-rules ol {
    margin: 0;
    padding: 0;

    list-style: none;

    counter-reset: wod-rule;
}

.wod-rules ol > li {
    position: relative;

    margin: 0 0 8px;
    padding: 14px 16px 14px 48px;

    background: rgba(4, 10, 16, 0.78);

    border: 1px solid rgba(83, 167, 235, 0.08);
    border-radius: 4px;

    counter-increment: wod-rule;
}

.wod-rules ol > li::before {
    content: counter(wod-rule);

    position: absolute;
    top: 14px;
    left: 15px;

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

    width: 22px;
    height: 22px;

    background: rgba(19, 67, 101, 0.55);

    border: 1px solid rgba(83, 167, 235, 0.20);
    border-radius: 3px;

    color: #86c8ef;

    font-size: 9px;
    font-weight: 700;
}

.wod-rules ol > li strong {
    color: #d0e4f1;

    font-weight: 700;
}

.wod-rules-admin {
    margin-top: 18px;
    padding: 14px 16px;

    background: rgba(76, 45, 16, 0.18);

    border: 1px solid rgba(202, 150, 75, 0.16);
    border-left: 2px solid rgba(218, 166, 87, 0.48);
    border-radius: 4px;

    color: #bba987;
}

.wod-rules-final {
    margin-top: 22px;
    padding: 20px;

    text-align: center;

    border-top: 1px solid rgba(83, 167, 235, 0.10);
}

.wod-rules-final strong {
    display: block;

    margin-bottom: 8px;

    color: #86bfe1;

    font-size: 10px;
    letter-spacing: 3px;
}

.wod-rules-final span {
    color: #607b8e;

    font-size: 10px;
}


/* PHONE */

@media (max-width: 480px) {

    .wod-rules {
        width: 100%;
        max-width: 100%;

        padding: 4px 0 12px;

        box-sizing: border-box;

        font-size: 11px;
    }

    .wod-rules-intro {
        padding: 15px;
    }

    .wod-rules-intro > strong {
        font-size: 11px;
        letter-spacing: 1.5px;
    }

    .wod-rules ol > li {
        padding: 13px 12px 13px 43px;

        line-height: 1.6;
    }

    .wod-rules ol > li::before {
        top: 13px;
        left: 11px;
    }

    .wod-rules-admin {
        padding: 13px 14px;
    }

    .wod-rules-final {
        padding: 18px 10px;
    }
}

/* =========================================================
   ADMIN — читаемый текст на тёмном фоне
   ========================================================= */

/* Основной текст таблиц админки */
.punbb-admin #pun-admain td {
    color: #8faabd !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    line-height: 1.45 !important;
}


/* Заголовки светлых строк таблицы */
.punbb-admin #pun-admain th {
    color: #263946 !important;

    font-family: Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 600 !important;

    text-shadow: none !important;
}


/* Ссылки */
.punbb-admin #pun-admain a {
    color: #66b9e8 !important;

    font-weight: 600 !important;
    text-decoration: none !important;
}

.punbb-admin #pun-admain a:hover {
    color: #a2ddff !important;
    text-decoration: underline !important;
}


/* Важные значения */
.punbb-admin #pun-admain td strong,
.punbb-admin #pun-admain td b {
    color: #d6e8f3 !important;

    font-weight: 700 !important;
}


/* Заголовки секций:
   Платные услуги, Последние пополнения и т.п. */
.punbb-admin #pun-admain h1,
.punbb-admin #pun-admain h2,
.punbb-admin #pun-admain h3 {
    color: #83c4ea !important;

    font-family: Arial, sans-serif !important;
    font-weight: 700 !important;

    text-shadow: none !important;
}


/* Поясняющий и второстепенный текст */
.punbb-admin #pun-admain p,
.punbb-admin #pun-admain small,
.punbb-admin #pun-admain .adnote {
    color: #7893a5 !important;
}


/* Поля ввода и списки */
.punbb-admin #pun-admain input,
.punbb-admin #pun-admain textarea,
.punbb-admin #pun-admain select {
    color: #d5e5ef !important;

    background: #03090e !important;

    border-color: #29485b !important;
}


/* Границы таблиц чуть спокойнее */
.punbb-admin #pun-admain table,
.punbb-admin #pun-admain td {
    border-color: #344754 !important;
}

/* =========================================================
   REGISTRATION — FINAL
   ========================================================= */


/* На регистрации большой HERO не нужен */
body:has(form#register) .wod-hero {
    display: none !important;
}


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

body:has(form#register) #pun-main > h1 {
    margin: 0 0 12px !important;
    padding: 13px 16px !important;

    background:
        linear-gradient(
            90deg,
            rgba(15, 43, 66, 0.72),
            rgba(4, 11, 17, 0.96)
        ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.12) !important;

    text-align: left !important;
}

body:has(form#register) #pun-main > h1 > span {
    color: #dcecf7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    text-shadow: none !important;
}


/* =========================================================
   Общая форма
   ========================================================= */

form#register {
    width: 100% !important;

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

    box-sizing: border-box !important;
}


/* =========================================================
   Важная информация
   ========================================================= */

form#register > .info-box {
    margin: 0 0 14px !important;
    padding: 16px 18px !important;

    background:
        linear-gradient(
            90deg,
            rgba(11, 31, 48, 0.88),
            rgba(4, 11, 17, 0.96)
        ) !important;

    border: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-left: 2px solid rgba(83, 184, 247, 0.50) !important;
    border-radius: 4px !important;

    color: #819cad !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.65 !important;

    box-sizing: border-box !important;
}

form#register > .info-box .legend,
form#register > .info-box strong {
    color: #d3e7f4 !important;

    font-size: 11px !important;
    font-weight: 700 !important;
}


/* =========================================================
   Секции формы
   ========================================================= */

form#register > fieldset {
    margin: 0 0 14px !important;
    padding: 14px 16px 16px !important;

    background:
        linear-gradient(
            180deg,
            rgba(6, 14, 22, 0.90),
            rgba(3, 8, 13, 0.96)
        ) !important;

    border: 1px solid rgba(83, 167, 235, 0.14) !important;
    border-radius: 4px !important;

    box-sizing: border-box !important;
}

form#register > fieldset legend {
    max-width: calc(100% - 20px) !important;

    padding: 0 7px !important;
}

form#register > fieldset legend span {
    color: #87b9d7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
}

form#register .fs-box {
    width: 100% !important;

    padding: 8px 0 0 !important;

    box-sizing: border-box !important;
}


/* =========================================================
   Подписи
   ========================================================= */

form#register .inputfield,
form#register .selectfield,
form#register .radiofield,
form#register .checkfield {
    margin-bottom: 12px !important;
}

form#register .inputfield label,
form#register .selectfield label,
form#register .radiofield label,
form#register .checkfield label {
    color: #82a7be !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1.45 !important;
}


/* =========================================================
   Текстовые поля
   ========================================================= */

form#register .inputfield span.input {
    display: block !important;

    width: 100% !important;

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

form#register input[type="text"],
form#register input[type="email"],
form#register input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 38px !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    background: #02070b !important;

    border: 1px solid rgba(83, 167, 235, 0.22) !important;
    border-radius: 4px !important;

    color: #d6e7f2 !important;

    font-family: Arial, sans-serif !important;
    font-size: 13px !important;

    outline: none !important;

    box-sizing: border-box !important;
}

form#register input[type="text"]:focus,
form#register input[type="email"]:focus,
form#register input[type="password"]:focus {
    border-color: rgba(83, 184, 247, 0.55) !important;
}


/* =========================================================
   Выпадающие списки
   ========================================================= */

form#register select {
    max-width: 100% !important;
    min-height: 34px !important;

    padding: 5px 28px 5px 8px !important;

    background: #02070b !important;

    border: 1px solid rgba(83, 167, 235, 0.22) !important;
    border-radius: 4px !important;

    color: #d6e7f2 !important;

    font-family: Arial, sans-serif !important;
    font-size: 11px !important;

    outline: none !important;

    box-sizing: border-box !important;
}


/* =========================================================
   Пояснения
   ========================================================= */

form#register p.infofield,
form#register .infofield {
    margin-top: 7px !important;

    color: #71899a !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   Radio / checkbox
   ========================================================= */

form#register input[type="radio"],
form#register input[type="checkbox"] {
    width: 16px !important;
    height: 16px !important;

    margin: 0 6px 0 0 !important;

    vertical-align: middle !important;
}

form#register .radiofield,
form#register .checkfield {
    color: #a8c0cf !important;

    font-size: 10px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   Кнопка регистрации
   ========================================================= */

form#register p.formsubmit {
    margin: 4px 0 0 !important;
    padding: 0 !important;
}

form#register p.formsubmit input,
form#register input[type="submit"] {
    min-height: 38px !important;

    padding: 0 16px !important;

    background: rgba(20, 72, 108, 0.85) !important;

    border: 1px solid rgba(82, 167, 225, 0.25) !important;
    border-radius: 4px !important;

    color: #e5f5ff !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;

    cursor: pointer !important;
}


/* =========================================================
   REGISTRATION — PHONE
   ========================================================= */

@media (max-width: 480px) {

    body:has(form#register) #pun-main > h1 {
        padding: 11px 12px !important;
    }

    body:has(form#register) #pun-main > h1 > span {
        font-size: 13px !important;
    }

    form#register > .info-box {
        padding: 14px !important;

        font-size: 9.5px !important;
        line-height: 1.55 !important;
    }

    form#register > fieldset {
        margin-bottom: 12px !important;
        padding: 13px !important;
    }

    form#register input[type="text"],
    form#register input[type="email"],
    form#register input[type="password"] {
        font-size: 16px !important;
    }

    form#register select {
        font-size: 12px !important;
    }

    form#register p.infofield,
    form#register .infofield {
        font-size: 9.5px !important;
        line-height: 1.55 !important;
    }

    form#register p.formsubmit input,
    form#register input[type="submit"] {
        min-height: 40px !important;

        padding: 0 15px !important;
    }
}


/* =========================================================
   REGISTRATION — SOCIAL LOGIN
   заменяем битые старые иконки на текстовые кнопки
   ========================================================= */

form#register a.social {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    min-width: 78px !important;
    min-height: 34px !important;

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

    box-sizing: border-box !important;

    background: rgba(7, 17, 26, 0.96) !important;

    border: 1px solid rgba(83, 167, 235, 0.16) !important;
    border-radius: 4px !important;

    color: #86bddd !important;

    font-family: Arial, sans-serif !important;
    font-size: 0 !important;
    font-weight: 600 !important;

    text-decoration: none !important;
}


/* Убираем умершие картинки Radikal */

form#register a.social img {
    display: none !important;
}


/* Подписи */

form#register a.social-vkontakte::after {
    content: "VK";
}

form#register a.social-odnoklassniki::after {
    content: "OK";
}

form#register a.social-mailru::after {
    content: "MAIL.RU";
}

form#register a.social-yandex::after {
    content: "ЯНДЕКС";
}

form#register a.social-webtalk::after {
    content: "WEBTALK";
}


form#register a.social::after {
    color: #86bddd !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    letter-spacing: 0.7px !important;
}


/* Hover */

form#register a.social:hover {
    background: rgba(20, 66, 99, 0.55) !important;

    border-color: rgba(83, 184, 247, 0.40) !important;
}

form#register a.social:hover::after {
    color: #ffffff !important;
}


/* PHONE */

@media (max-width: 480px) {

    form#register a.social {
        min-width: 72px !important;
        min-height: 34px !important;

        margin: 4px 4px 4px 0 !important;

        padding: 0 8px !important;
    }

    form#register a.social::after {
        font-size: 8px !important;
    }
}

/* =========================================================
   FOOTER — ссылка MyBB
   ========================================================= */

#pun-about {
    margin: 0 !important;

    background: #03080d !important;

    border-top: 1px solid rgba(83, 167, 235, 0.07) !important;
}

#pun-about .container {
    padding: 12px 14px !important;

    background: transparent !important;

    border: 0 !important;

    text-align: right !important;
}

#pun-about a[title="создать бесплатный форум"] {
    color: #526f82 !important;

    font-family: Arial, sans-serif !important;
    font-size: 8px !important;
    font-weight: 400 !important;

    letter-spacing: 0.4px !important;

    text-decoration: none !important;
    text-shadow: none !important;

    opacity: 0.75 !important;
}

#pun-about a[title="создать бесплатный форум"]:hover {
    color: #79afd0 !important;

    opacity: 1 !important;
}

@media (max-width: 480px) {

    #pun-about .container {
        padding: 11px 12px !important;
    }

    #pun-about a[title="создать бесплатный форум"] {
        font-size: 8px !important;
    }
}

/* =========================================================
   LOGIN — FINAL
   ========================================================= */


/* На странице входа большой HERO не нужен */
body:has(form#login) .wod-hero {
    display: none !important;
}


/* =========================================================
   Заголовок "Войти"
   ========================================================= */

body:has(form#login) #pun-main > h1 {
    margin: 0 0 12px !important;
    padding: 13px 16px !important;

    background:
        linear-gradient(
            90deg,
            rgba(15, 43, 66, 0.72),
            rgba(4, 11, 17, 0.96)
        ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.12) !important;

    text-align: left !important;
}

body:has(form#login) #pun-main > h1 > span {
    color: #dcecf7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    text-shadow: none !important;
}


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

form#login {
    width: 100% !important;

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

    background: transparent !important;

    box-sizing: border-box !important;
}

form#login > fieldset {
    margin: 0 !important;
    padding: 16px !important;

    background:
        linear-gradient(
            180deg,
            rgba(6, 14, 22, 0.92),
            rgba(3, 8, 13, 0.96)
        ) !important;

    border: 1px solid rgba(83, 167, 235, 0.14) !important;
    border-radius: 4px !important;

    box-sizing: border-box !important;
}

form#login > fieldset legend {
    max-width: calc(100% - 20px) !important;

    padding: 0 7px !important;
}

form#login > fieldset legend span {
    color: #86b9d7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;

    line-height: 1.4 !important;
}


/* =========================================================
   Поля
   ========================================================= */

form#login .fs-box {
    width: 100% !important;

    padding: 8px 0 0 !important;

    box-sizing: border-box !important;
}

form#login p.inputfield {
    margin: 0 0 14px !important;
}

form#login p.inputfield label {
    display: block !important;

    margin-bottom: 6px !important;

    color: #82a7be !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

form#login p.inputfield span.input {
    display: block !important;

    width: 100% !important;

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

form#login input[type="text"],
form#login input[type="password"] {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 40px !important;

    margin: 0 !important;
    padding: 7px 10px !important;

    background: #02070b !important;

    border: 1px solid rgba(83, 167, 235, 0.22) !important;
    border-radius: 4px !important;

    color: #d6e7f2 !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;

    outline: none !important;

    box-sizing: border-box !important;
}

form#login input[type="text"]:focus,
form#login input[type="password"]:focus {
    border-color: rgba(83, 184, 247, 0.55) !important;
}


/* =========================================================
   Поясняющий текст
   ========================================================= */

form#login p.infofield {
    clear: both !important;

    margin: 12px 0 0 !important;
    padding: 12px 0 0 !important;

    border-top: 1px solid rgba(83, 167, 235, 0.08) !important;

    color: #71899a !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.6 !important;
}


/* =========================================================
   Кнопка и ссылки под формой
   ========================================================= */

form#login > p.formsubmit {
    margin: 12px 0 0 !important;
    padding: 0 !important;

    color: #718da0 !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
}

form#login > p.formsubmit input[type="submit"] {
    min-height: 38px !important;

    margin: 0 10px 6px 0 !important;
    padding: 0 16px !important;

    background: rgba(20, 72, 108, 0.85) !important;

    border: 1px solid rgba(82, 167, 225, 0.25) !important;
    border-radius: 4px !important;

    color: #e5f5ff !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;

    cursor: pointer !important;
}

form#login > p.formsubmit a {
    display: inline-block !important;

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

    color: #75afd1 !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;

    text-decoration: none !important;
    text-shadow: none !important;
}

form#login > p.formsubmit a:hover {
    color: #a2ddff !important;
}


/* =========================================================
   Социальные кнопки
   Иконки рабочие — не скрываем
   ========================================================= */

form#login a.social {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    margin: 4px 5px 4px 0 !important;

    text-decoration: none !important;
}

form#login a.social img {
    max-width: 24px !important;
    max-height: 24px !important;

    border-radius: 3px !important;
}


/* =========================================================
   LOGIN — PHONE
   ========================================================= */

@media (max-width: 480px) {

    body:has(form#login) #pun-main > h1 {
        padding: 11px 12px !important;
    }

    body:has(form#login) #pun-main > h1 > span {
        font-size: 13px !important;
    }

    form#login > fieldset {
        padding: 13px !important;
    }

    /* Старый inline полностью сбрасываем */
    form#login .fs-box.inline {
        display: block !important;
    }

    form#login .fs-box.inline > p.inputfield {
        float: none !important;

        width: 100% !important;

        margin: 0 0 14px !important;
    }

    form#login input[type="text"],
    form#login input[type="password"] {
        width: 100% !important;

        font-size: 16px !important;
    }

    form#login p.infofield {
        font-size: 9.5px !important;
        line-height: 1.55 !important;
    }

    form#login > p.formsubmit input[type="submit"] {
        min-height: 40px !important;

        padding: 0 16px !important;
    }

    form#login > p.formsubmit a {
        font-size: 9px !important;
    }
}


/* REGISTRATION — правила перед регистрацией без большого HERO */

#pun-regrules .wod-hero {
    display: none !important;
}


/* =========================================================
   PASSWORD RECOVERY — FINAL
   ========================================================= */

/* Убираем большой HERO только здесь */
body:has(form#request_pass) .wod-hero {
    display: none !important;
}


/* Заголовок страницы */
body:has(form#request_pass) #pun-main > h1 {
    margin: 0 0 12px !important;
    padding: 13px 16px !important;

    background: linear-gradient(
        90deg,
        rgba(15, 43, 66, 0.72),
        rgba(4, 11, 17, 0.96)
    ) !important;

    border: 0 !important;
    border-top: 1px solid rgba(83, 167, 235, 0.12) !important;
    border-bottom: 1px solid rgba(83, 167, 235, 0.12) !important;

    text-align: left !important;
}

body:has(form#request_pass) #pun-main > h1 > span {
    color: #dcecf7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 700 !important;

    text-shadow: none !important;
}


/* Карточка формы */
form#request_pass {
    width: 100% !important;

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

    background: transparent !important;

    box-sizing: border-box !important;
}

form#request_pass > fieldset {
    margin: 0 !important;
    padding: 16px !important;

    background: linear-gradient(
        180deg,
        rgba(6, 14, 22, 0.92),
        rgba(3, 8, 13, 0.96)
    ) !important;

    border: 1px solid rgba(83, 167, 235, 0.14) !important;
    border-radius: 4px !important;

    box-sizing: border-box !important;
}


/* Заголовок fieldset */
form#request_pass legend {
    max-width: calc(100% - 20px) !important;
    padding: 0 7px !important;
}

form#request_pass legend span {
    color: #86b9d7 !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 600 !important;
}


/* Поле E-mail */
form#request_pass p.inputfield label {
    display: block !important;

    margin-bottom: 6px !important;

    color: #82a7be !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;
}

form#request_pass span.input {
    display: block !important;

    width: 100% !important;

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

form#request_pass input#req_email {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;

    min-height: 40px !important;

    padding: 7px 10px !important;

    box-sizing: border-box !important;

    background: #02070b !important;

    border: 1px solid rgba(83, 167, 235, 0.22) !important;
    border-radius: 4px !important;

    color: #d6e7f2 !important;

    font-family: Arial, sans-serif !important;
    font-size: 14px !important;

    outline: none !important;
}

form#request_pass input#req_email:focus {
    border-color: rgba(83, 184, 247, 0.55) !important;
}


/* Пояснение */
form#request_pass p.infofield {
    margin: 12px 0 0 !important;

    color: #71899a !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    line-height: 1.6 !important;
}


/* Кнопка */
form#request_pass > p.formsubmit {
    margin: 12px 0 0 !important;
    padding: 0 !important;
}

form#request_pass > p.formsubmit input {
    min-height: 38px !important;

    padding: 0 16px !important;

    background: rgba(20, 72, 108, 0.85) !important;

    border: 1px solid rgba(82, 167, 225, 0.25) !important;
    border-radius: 4px !important;

    color: #e5f5ff !important;

    font-family: Arial, sans-serif !important;
    font-size: 10px !important;
    font-weight: 700 !important;

    cursor: pointer !important;
}


/* PHONE */
@media (max-width: 480px) {

    body:has(form#request_pass) #pun-main > h1 {
        padding: 11px 12px !important;
    }

    body:has(form#request_pass) #pun-main > h1 > span {
        font-size: 13px !important;
    }

    form#request_pass > fieldset {
        padding: 13px !important;
    }

    form#request_pass input#req_email {
        font-size: 16px !important;
    }

    form#request_pass p.infofield {
        font-size: 9.5px !important;
        line-height: 1.55 !important;
    }
}


/* =========================================================
   ACTIVE TOPICS — MOBILE CARDS
   ========================================================= */

@media (max-width: 480px) {

    /* Заголовки старой таблицы убираем */
    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] thead {
        display: none !important;
    }

    #pun-main.show_recent table[summary="Результаты поиска в виде тем"],
    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] tbody {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

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

        border-spacing: 0 !important;
    }


    /* Одна тема = одна карточка */
    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] tbody > tr {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 12px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7, 15, 23, 0.96),
                rgba(3, 8, 13, 0.96)
            ) !important;

        border: 1px solid rgba(83, 167, 235, 0.12) !important;
        border-radius: 5px !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }


    /* Сбрасываем старые ячейки */
    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] tbody > tr > td {
        display: block !important;

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

        margin: 0 !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        box-sizing: border-box !important;
    }


    /* Старая иконка темы */
    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tcl .icon {
        display: none !important;
    }

    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tcl .intd,
    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tcl .tclcon {
        width: 100% !important;
        max-width: 100% !important;

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


    /* Название темы */
    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tcl {
        grid-column: 1 / -1 !important;

        padding: 15px !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;

        text-align: left !important;
    }

    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tcl a {
        color: #dcecf7 !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;

        text-decoration: none !important;
    }

    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tcl .byuser {
        color: #68869a !important;

        font-size: 9px !important;
    }


    /* Форум */
    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tc2 {
        grid-column: 1 !important;

        padding: 11px 14px !important;

        text-align: left !important;

        color: #d1e3ef !important;

        border-right: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tc2::before {
        content: "ФОРУМ";

        display: block !important;

        margin-bottom: 4px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1.1px !important;
    }


    /* Ответы */
    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tc3 {
        grid-column: 2 !important;

        padding: 11px 14px !important;

        text-align: left !important;

        color: #d1e3ef !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tc3::before {
        content: "ОТВЕТОВ";

        display: block !important;

        margin-bottom: 4px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1.1px !important;
    }


    /* Последнее сообщение */
    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tcr {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        padding: 12px 14px !important;

        text-align: left !important;

        color: #718ca0 !important;

        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tcr::before {
        content: "ПОСЛЕДНЕЕ СООБЩЕНИЕ";

        display: block !important;

        margin-bottom: 7px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1.1px !important;
    }

    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] td.tcr img {
        width: 34px !important;
        height: 34px !important;

        float: left !important;

        margin: 0 10px 4px 0 !important;

        object-fit: cover !important;
        border-radius: 50% !important;
    }


    /* Старый hover здесь не нужен */
    #pun-main.show_recent table[summary="Результаты поиска в виде тем"] tbody > tr:hover > td {
        background: transparent !important;
    }
}


/* =========================================================
   ANSWERS — MOBILE CARDS
   ========================================================= */

@media (max-width: 480px) {

    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] thead {
        display: none !important;
    }

    #pun-main.show_replies table[summary="Результаты поиска в виде тем"],
    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] tbody {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
        border-spacing: 0 !important;
    }

    /* Одна тема = карточка */
    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] tbody > tr {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 12px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7, 15, 23, 0.96),
                rgba(3, 8, 13, 0.96)
            ) !important;

        border: 1px solid rgba(83, 167, 235, 0.12) !important;
        border-radius: 5px !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] tbody > tr > td {
        display: block !important;

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

        margin: 0 !important;

        background: transparent !important;
        border: 0 !important;
        border-radius: 0 !important;
        box-shadow: none !important;

        box-sizing: border-box !important;
    }

    /* Старая иконка темы */
    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tcl .icon {
        display: none !important;
    }

    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tcl .intd,
    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tcl .tclcon {
        width: 100% !important;
        max-width: 100% !important;

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

    /* Название темы */
    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tcl {
        grid-column: 1 / -1 !important;

        padding: 15px !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;

        text-align: left !important;
    }

    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tcl a {
        color: #dcecf7 !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;

        text-decoration: none !important;
    }

    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tcl .byuser {
        color: #68869a !important;
        font-size: 9px !important;
    }

    /* Форум */
    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tc2 {
        grid-column: 1 !important;

        padding: 11px 14px !important;

        text-align: left !important;
        color: #d1e3ef !important;

        border-right: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tc2::before {
        content: "ФОРУМ";

        display: block !important;
        margin-bottom: 4px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;
        letter-spacing: 1.1px !important;
    }

    /* Ответы */
    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tc3 {
        grid-column: 2 !important;

        padding: 11px 14px !important;

        text-align: left !important;
        color: #d1e3ef !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tc3::before {
        content: "ОТВЕТОВ";

        display: block !important;
        margin-bottom: 4px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;
        letter-spacing: 1.1px !important;
    }

    /* Последнее сообщение */
    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tcr {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        padding: 12px 14px !important;

        text-align: left !important;

        color: #718ca0 !important;

        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tcr::before {
        content: "ПОСЛЕДНЕЕ СООБЩЕНИЕ";

        display: block !important;
        margin-bottom: 7px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;
        letter-spacing: 1.1px !important;
    }

    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] td.tcr img {
        width: 34px !important;
        height: 34px !important;

        float: left !important;

        margin: 0 10px 4px 0 !important;

        object-fit: cover !important;
        border-radius: 50% !important;
    }

    #pun-main.show_replies table[summary="Результаты поиска в виде тем"] tbody > tr:hover > td {
        background: transparent !important;
    }
}


/* =========================================================
   UNANSWERED TOPICS — MOBILE CARDS
   ========================================================= */

@media (max-width: 480px) {

    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] thead {
        display: none !important;
    }

    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"],
    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] tbody {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

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

        border-spacing: 0 !important;
    }

    /* Одна тема = карточка */
    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] tbody > tr {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 12px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7, 15, 23, 0.96),
                rgba(3, 8, 13, 0.96)
            ) !important;

        border: 1px solid rgba(83, 167, 235, 0.12) !important;
        border-radius: 5px !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    /* Сбрасываем старые ячейки */
    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] tbody > tr > td {
        display: block !important;

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

        margin: 0 !important;

        background: transparent !important;

        border: 0 !important;
        border-radius: 0 !important;

        box-shadow: none !important;

        box-sizing: border-box !important;
    }

    /* Старая иконка темы */
    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tcl .icon {
        display: none !important;
    }

    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tcl .intd,
    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tcl .tclcon {
        width: 100% !important;
        max-width: 100% !important;

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

    /* Название темы */
    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tcl {
        grid-column: 1 / -1 !important;

        padding: 15px !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;

        text-align: left !important;
    }

    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tcl a {
        color: #dcecf7 !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;

        text-decoration: none !important;
    }

    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tcl .byuser {
        color: #68869a !important;
        font-size: 9px !important;
    }

    /* Форум */
    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tc2 {
        grid-column: 1 !important;

        padding: 11px 14px !important;

        text-align: left !important;

        color: #d1e3ef !important;

        border-right: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tc2::before {
        content: "ФОРУМ";

        display: block !important;

        margin-bottom: 4px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1.1px !important;
    }

    /* Ответов */
    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tc3 {
        grid-column: 2 !important;

        padding: 11px 14px !important;

        text-align: left !important;

        color: #d1e3ef !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tc3::before {
        content: "ОТВЕТОВ";

        display: block !important;

        margin-bottom: 4px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1.1px !important;
    }

    /* Последнее сообщение */
    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tcr {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        padding: 12px 14px !important;

        text-align: left !important;

        color: #718ca0 !important;

        font-size: 10px !important;
        line-height: 1.45 !important;
    }

    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tcr::before {
        content: "ПОСЛЕДНЕЕ СООБЩЕНИЕ";

        display: block !important;

        margin-bottom: 7px !important;

        color: #57758a !important;

        font-size: 8px !important;
        font-weight: 700 !important;

        letter-spacing: 1.1px !important;
    }

    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] td.tcr img {
        width: 34px !important;
        height: 34px !important;

        float: left !important;

        margin: 0 10px 4px 0 !important;

        object-fit: cover !important;
        border-radius: 50% !important;
    }

    #pun-main.show_unanswered table[summary="Результаты поиска в виде тем"] tbody > tr:hover > td {
        background: transparent !important;
    }
}


/* =========================================================
   PROFILE — ЗАГРУЗКИ ФАЙЛОВ, MOBILE
   ========================================================= */

@media (max-width: 480px) {

    /* Нижний блок файлов */
    #profile10 .adfs-box {
        width: 100% !important;
        margin-top: 14px !important;
        padding: 0 !important;
        box-sizing: border-box !important;
    }


    /* Таблица файлов */
    #profile10 #filetable {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 12px !important;

        table-layout: fixed !important;
        border-collapse: collapse !important;

        background: rgba(3, 9, 14, 0.92) !important;

        border: 1px solid rgba(83, 167, 235, 0.10) !important;

        box-sizing: border-box !important;
    }

    #profile10 #filetable th,
    #profile10 #filetable td {
        padding: 7px 5px !important;

        color: #83a5ba !important;

        font-family: Arial, sans-serif !important;
        font-size: 8px !important;
        line-height: 1.4 !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.06) !important;

        word-break: break-word !important;
    }

    #profile10 #filetable th {
        color: #6790aa !important;

        font-weight: 600 !important;
        text-align: left !important;
    }


    /* Строка управления */
    #profile10 p.submitend {
        width: 100% !important;

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

        box-sizing: border-box !important;

        text-align: left !important;
    }


    /* "Загружено файлов: 0" */
    #profile10 #uploaded-count-block {
        display: block !important;

        width: 100% !important;

        margin: 4px 0 10px !important;

        color: #7895a9 !important;

        font-size: 9px !important;
    }


    /* Кнопки */
    #profile10 #update_comments,
    #profile10 #del_file {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;

        min-height: 38px !important;

        margin: 6px 0 !important;
        padding: 0 12px !important;

        box-sizing: border-box !important;

        background: rgba(10, 31, 46, 0.96) !important;

        border: 1px solid rgba(83, 167, 235, 0.20) !important;
        border-radius: 4px !important;

        color: #a9d4ed !important;

        font-family: Arial, sans-serif !important;
        font-size: 9px !important;
        font-weight: 600 !important;

        white-space: normal !important;

        text-shadow: none !important;
        box-shadow: none !important;
    }

    #profile10 #update_comments {
        background: rgba(20, 72, 108, 0.78) !important;
        color: #e5f5ff !important;
    }


    /* Пагинация + файлов на страницу */
    #profile10 p.submitend .pagelink {
        display: block !important;

        width: 100% !important;

        margin: 14px 0 0 !important;
        padding: 0 !important;

        box-sizing: border-box !important;

        color: #7895a9 !important;

        font-size: 9px !important;

        text-align: left !important;
    }

    #profile10 p.submitend .pagelink select {
        width: 100% !important;
        max-width: 100% !important;

        min-height: 34px !important;

        margin-top: 5px !important;
        padding: 5px 8px !important;

        background: #02070b !important;

        border: 1px solid rgba(83, 167, 235, 0.20) !important;
        border-radius: 4px !important;

        color: #d4e6f1 !important;

        box-sizing: border-box !important;
    }
}


/* =========================================================
   SUBSCRIPTIONS — MOBILE CARDS
   ========================================================= */

@media (max-width: 480px) {

    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] thead {
        display: none !important;
    }

    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"],
    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] tbody {
        display: block !important;
        width: 100% !important;
        max-width: 100% !important;
        margin: 0 !important;
        padding: 0 !important;
    }

    /* Одна подписка = карточка */
    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] tbody > tr {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;

        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 12px !important;

        background: linear-gradient(
            180deg,
            rgba(7, 15, 23, 0.96),
            rgba(3, 8, 13, 0.96)
        ) !important;

        border: 1px solid rgba(83, 167, 235, 0.12) !important;
        border-radius: 5px !important;

        box-sizing: border-box !important;
        overflow: hidden !important;
    }

    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] tbody > tr > td {
        display: block !important;

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

        margin: 0 !important;

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

        box-sizing: border-box !important;
    }

    /* Старая иконка темы */
    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tcl .icon {
        display: none !important;
    }

    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tcl .intd,
    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tcl .tclcon {
        width: 100% !important;
        max-width: 100% !important;

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

    /* Название темы */
    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tcl {
        grid-column: 1 / -1 !important;

        padding: 15px !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.10) !important;

        text-align: left !important;
    }

    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tcl a {
        color: #dcecf7 !important;

        font-size: 13px !important;
        font-weight: 600 !important;
        line-height: 1.4 !important;

        text-decoration: none !important;
    }

    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tcl .byuser {
        color: #68869a !important;
        font-size: 9px !important;
    }

    /* Метка "Важно" сохраняем */
    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] .stickytext {
        display: inline-block !important;

        margin: 0 6px 4px 0 !important;
        padding: 3px 6px !important;

        background: rgba(143, 93, 18, 0.35) !important;

        border: 1px solid rgba(215, 155, 60, 0.25) !important;
        border-radius: 3px !important;

        color: #e3b65f !important;

        font-size: 8px !important;
        font-weight: 700 !important;
    }

    /* Форум */
    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tc2 {
        grid-column: 1 !important;

        padding: 11px 14px !important;

        color: #d1e3ef !important;
        text-align: left !important;

        border-right: 1px solid rgba(83, 167, 235, 0.08) !important;
        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tc2::before {
        content: "ФОРУМ";

        display: block !important;
        margin-bottom: 4px !important;

        color: #57758a !important;
        font-size: 8px !important;
        font-weight: 700 !important;
        letter-spacing: 1.1px !important;
    }

    /* Ответов */
    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tc3 {
        grid-column: 2 !important;

        padding: 11px 14px !important;

        color: #d1e3ef !important;
        text-align: left !important;

        border-bottom: 1px solid rgba(83, 167, 235, 0.08) !important;
    }

    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tc3::before {
        content: "ОТВЕТОВ";

        display: block !important;
        margin-bottom: 4px !important;

        color: #57758a !important;
        font-size: 8px !important;
        font-weight: 700 !important;
        letter-spacing: 1.1px !important;
    }

    /* Последнее сообщение */
    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tcr {
        grid-column: 1 / -1 !important;

        width: 100% !important;

        padding: 12px 14px !important;

        color: #718ca0 !important;

        font-size: 10px !important;
        line-height: 1.45 !important;

        text-align: left !important;
    }

    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tcr::before {
        content: "ПОСЛЕДНЕЕ СООБЩЕНИЕ";

        display: block !important;
        margin-bottom: 7px !important;

        color: #57758a !important;
        font-size: 8px !important;
        font-weight: 700 !important;
        letter-spacing: 1.1px !important;
    }

    #pun-main.show_subscriptions table[summary="Результаты поиска в виде тем"] td.tcr img {
        width: 34px !important;
        height: 34px !important;

        float: left !important;

        margin: 0 10px 4px 0 !important;

        object-fit: cover !important;
        border-radius: 50% !important;
    }
}


/* ГЛОБАЛЬНО — скрываем все умершие изображения Radikal */

img[src*="radikal.ru"] {
    display: none !important;
}



/* =========================================================
   WIND OF DEATH — HEADER / HERO
   ЕДИНАЯ ШИРИНА ПО ВСЕМУ ФОРУМУ
   ========================================================= */

/*
   #html-header уже имеет ширину основного форума.
   Поэтому шапка и HERO просто занимают его полностью.
*/

#html-header .wod-header,
#html-header .wod-hero {
    width: 100% !important;
    max-width: 100% !important;

    margin-left: 0 !important;
    margin-right: 0 !important;
}


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 801px) {

    #html-header .wod-header,
    #html-header .wod-hero {
        width: 100% !important;
        max-width: 100% !important;
    }

}


/* =========================================================
   TABLET / MOBILE
   На маленьких экранах также строго по ширине контейнера
   ========================================================= */

@media (max-width: 800px) {

    #html-header .wod-header,
    #html-header .wod-hero {
        width: 100% !important;
        max-width: 100% !important;

        margin-left: 0 !important;
        margin-right: 0 !important;
    }

}


/* =========================================================
   WIND OF DEATH — MAIN FORUM ROWS
   DESKTOP FINAL
   Только главная страница
   ========================================================= */

@media (min-width: 1200px) {

    /* =====================================================
       Общая таблица категорий
       ===================================================== */

    #pun-index #pun-main .category table {
        width: 100% !important;

        table-layout: fixed !important;

        border-collapse: separate !important;
        border-spacing: 0 7px !important;
    }


    /* =====================================================
       Ширина колонок
       ===================================================== */

    #pun-index #pun-main .category .tcl {
        width: 50% !important;
    }

    #pun-index #pun-main .category .tc2 {
        width: 9% !important;
    }

    #pun-index #pun-main .category .tc3 {
        width: 9% !important;
    }

    #pun-index #pun-main .category .tcr {
        width: 32% !important;
    }


    /* =====================================================
       Одна строка форума
       ===================================================== */

    #pun-index #pun-main .category tbody td {
        padding-top: 17px !important;
        padding-bottom: 17px !important;

        background:
            linear-gradient(
                180deg,
                rgba(6, 13, 20, .96),
                rgba(3, 8, 13, .96)
            ) !important;

        border-top:
            1px solid rgba(83, 167, 235, .08) !important;

        border-bottom:
            1px solid rgba(83, 167, 235, .08) !important;

        transition:
            background .22s ease,
            border-color .22s ease,
            box-shadow .22s ease !important;
    }


    /* Левая граница карточки */

    #pun-index #pun-main .category tbody td:first-child {
        border-left:
            1px solid rgba(83, 167, 235, .10) !important;

        border-radius:
            5px 0 0 5px !important;
    }


    /* Правая граница карточки */

    #pun-index #pun-main .category tbody td:last-child {
        border-right:
            1px solid rgba(83, 167, 235, .10) !important;

        border-radius:
            0 5px 5px 0 !important;
    }


    /* =====================================================
       Hover всей строки
       ===================================================== */

    #pun-index #pun-main .category tbody tr:hover td {
        background:
            linear-gradient(
                180deg,
                rgba(11, 28, 42, .98),
                rgba(5, 14, 22, .98)
            ) !important;

        border-top-color:
            rgba(91, 183, 245, .22) !important;

        border-bottom-color:
            rgba(91, 183, 245, .18) !important;
    }

    #pun-index #pun-main .category tbody tr:hover td:first-child {
        border-left-color:
            rgba(91, 183, 245, .22) !important;
    }

    #pun-index #pun-main .category tbody tr:hover td:last-child {
        border-right-color:
            rgba(91, 183, 245, .22) !important;
    }


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

    #pun-index #pun-main .category td.tcl {
        padding-left: 22px !important;
        padding-right: 22px !important;
    }

    #pun-index #pun-main .category td.tcl h3 {
        margin: 0 0 4px !important;
    }

    #pun-index #pun-main .category td.tcl h3 a {
        color: #e4f1fa !important;

        font-size: 14px !important;
        font-weight: 700 !important;

        line-height: 1.35 !important;

        text-decoration: none !important;

        text-shadow:
            0 0 14px rgba(70, 164, 225, .05) !important;
    }

    #pun-index #pun-main .category td.tcl h3 a:hover {
        color: #78cbff !important;
    }


    /* =====================================================
       Описание форума
       ===================================================== */

    #pun-index #pun-main .category td.tcl p,
    #pun-index #pun-main .category td.tcl .tclcon > p,
    #pun-index #pun-main .category td.tcl .tclcon > div {
        color: #748da0 !important;

        font-size: 10px !important;
        line-height: 1.55 !important;
    }


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

    #pun-index #pun-main .category td.tc2,
    #pun-index #pun-main .category td.tc3 {
        color: #9abbd0 !important;

        font-size: 11px !important;
        font-weight: 600 !important;

        text-align: center !important;

        border-left:
            1px solid rgba(83, 167, 235, .045) !important;
    }


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

    #pun-index #pun-main .category td.tcr {
        padding-left: 18px !important;
        padding-right: 18px !important;

        color: #71899c !important;

        font-size: 10px !important;
        line-height: 1.5 !important;

        border-left:
            1px solid rgba(83, 167, 235, .055) !important;
    }

    #pun-index #pun-main .category td.tcr a {
        color: #b5d3e5 !important;

        font-weight: 600 !important;

        text-decoration: none !important;
    }

    #pun-index #pun-main .category td.tcr a:hover {
        color: #79ccff !important;
    }


    /* Аватар */

    #pun-index #pun-main .category td.tcr img {
        width: 38px !important;
        height: 38px !important;

        float: left !important;

        margin:
            1px 11px 2px 0 !important;

        object-fit: cover !important;

        border:
            1px solid rgba(99, 184, 240, .20) !important;

        border-radius: 50% !important;

        box-shadow:
            0 4px 14px rgba(0, 0, 0, .24),
            0 0 14px rgba(61, 153, 213, .06) !important;
    }


    /* =====================================================
       Заголовки колонок
       ===================================================== */

    #pun-index #pun-main .category thead th {
        padding: 9px 12px !important;

        background:
            rgba(3, 8, 13, .98) !important;

        color: #59778c !important;

        font-size: 9px !important;
        font-weight: 600 !important;

        letter-spacing: 1.25px !important;

        text-transform: uppercase !important;

        border-bottom:
            1px solid rgba(83, 167, 235, .07) !important;
    }


    /* =====================================================
       Категория
       ===================================================== */

    #pun-index #pun-main .category h2 {
        margin-top: 12px !important;
        padding: 15px 19px !important;

        background:
            linear-gradient(
                90deg,
                rgba(17, 58, 89, .72) 0%,
                rgba(7, 20, 31, .96) 48%,
                rgba(3, 8, 13, .99) 100%
            ) !important;

        border-top:
            1px solid rgba(87, 177, 241, .22) !important;

        border-bottom:
            1px solid rgba(87, 177, 241, .10) !important;

        color: #e3f2fc !important;

        font-size: 11px !important;
        font-weight: 700 !important;

        letter-spacing: 3px !important;

        text-shadow:
            0 0 16px rgba(74, 170, 230, .08) !important;
    }

}

/* =========================================================
   WIND OF DEATH — СТАТИСТИКА ФОРУМА
   DESKTOP FINAL
   ========================================================= */

@media (min-width: 900px) {

    /* Общая карточка статистики */

    #pun-index #pun-stats {
        margin-top: 14px !important;

        background: transparent !important;

        border: 0 !important;
    }


    /* Заголовок */

    #pun-index #pun-stats > h2 {
        margin: 0 !important;
        padding: 14px 18px !important;

        background:
            linear-gradient(
                90deg,
                rgba(17, 58, 89, .72) 0%,
                rgba(7, 20, 31, .96) 48%,
                rgba(3, 8, 13, .99) 100%
            ) !important;

        border-top:
            1px solid rgba(87, 177, 241, .22) !important;

        border-bottom:
            1px solid rgba(87, 177, 241, .10) !important;

        color: #e3f2fc !important;

        font-size: 11px !important;
        font-weight: 700 !important;

        letter-spacing: 3px !important;

        text-transform: uppercase !important;

        text-shadow:
            0 0 16px rgba(74, 170, 230, .08) !important;
    }


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

    #pun-index #pun-stats .statscon {
        margin: 0 !important;
        padding: 0 !important;

        background: transparent !important;
    }

    #pun-index #pun-stats .statscon > ul.container {
        display: grid !important;

        grid-template-columns:
            repeat(4, minmax(0, 1fr)) !important;

        gap: 8px !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 12px 0 0 !important;

        background: transparent !important;
    }


    /* =====================================================
       Основные показатели
       item1 — item4
       ===================================================== */

    #pun-index #pun-stats li.item1,
    #pun-index #pun-stats li.item2,
    #pun-index #pun-stats li.item3,
    #pun-index #pun-stats li.item4 {
        float: none !important;

        display: flex !important;
        flex-direction: column !important;
        justify-content: center !important;

        width: auto !important;
        min-width: 0 !important;
        min-height: 72px !important;

        margin: 0 !important;
        padding: 13px 15px !important;

        background:
            linear-gradient(
                180deg,
                rgba(7, 16, 24, .97),
                rgba(3, 9, 14, .98)
            ) !important;

        border:
            1px solid rgba(83, 167, 235, .10) !important;

        border-radius: 5px !important;

        box-shadow:
            0 5px 18px rgba(0, 0, 0, .10) !important;

        color: #7894a8 !important;

        line-height: 1.4 !important;

        text-align: left !important;
    }


    /* Подпись */

    #pun-index #pun-stats li.item1 > span,
    #pun-index #pun-stats li.item2 > span,
    #pun-index #pun-stats li.item3 > span,
    #pun-index #pun-stats li.item4 > span {
        display: block !important;

        margin: 0 0 5px !important;

        color: #607e93 !important;

        font-size: 9px !important;
        font-weight: 600 !important;

        line-height: 1.35 !important;

        letter-spacing: .6px !important;
    }


    /* Значение */

    #pun-index #pun-stats li.item1 > strong,
    #pun-index #pun-stats li.item2 > strong,
    #pun-index #pun-stats li.item3 > strong,
    #pun-index #pun-stats li.item4 > strong {
        display: block !important;

        color: #dcecf7 !important;

        font-size: 17px !important;
        font-weight: 700 !important;

        line-height: 1.2 !important;

        letter-spacing: .3px !important;
    }


    /* Ссылки внутри показателей */

    #pun-index #pun-stats li.item1 a,
    #pun-index #pun-stats li.item2 a,
    #pun-index #pun-stats li.item3 a,
    #pun-index #pun-stats li.item4 a {
        color: #8ac4e5 !important;

        text-decoration: none !important;
    }


    /* =====================================================
       КТО СЕЙЧАС НА ФОРУМЕ
       ===================================================== */

    #pun-index #pun-stats li#onlinelist {
        grid-column: 1 / -1 !important;

        float: none !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 12px 15px !important;

        background:
            rgba(4, 10, 16, .94) !important;

        border:
            1px solid rgba(83, 167, 235, .08) !important;

        border-radius: 5px !important;

        color: #7892a5 !important;

        font-size: 10px !important;
        line-height: 1.6 !important;

        box-sizing: border-box !important;
    }

    #pun-index #pun-stats li#onlinelist a {
        color: #8fc5e5 !important;

        font-weight: 600 !important;

        text-decoration: none !important;
    }

    #pun-index #pun-stats li#onlinelist a:hover {
        color: #b5e4ff !important;
    }


    /* =====================================================
       Любые дополнительные строки статистики
       ===================================================== */

    #pun-index #pun-stats .statscon > ul.container > li:not(.item1):not(.item2):not(.item3):not(.item4):not(#onlinelist) {
        grid-column: 1 / -1 !important;

        float: none !important;

        width: 100% !important;

        margin: 0 !important;
        padding: 10px 15px !important;

        background:
            rgba(3, 9, 14, .86) !important;

        border:
            1px solid rgba(83, 167, 235, .07) !important;

        border-radius: 4px !important;

        color: #6f899b !important;

        font-size: 10px !important;
        line-height: 1.55 !important;

        box-sizing: border-box !important;
    }


    /* Hover очень спокойный */

    #pun-index #pun-stats li.item1:hover,
    #pun-index #pun-stats li.item2:hover,
    #pun-index #pun-stats li.item3:hover,
    #pun-index #pun-stats li.item4:hover {
        background:
            linear-gradient(
                180deg,
                rgba(11, 27, 41, .98),
                rgba(4, 12, 19, .98)
            ) !important;

        border-color:
            rgba(91, 183, 245, .20) !important;
    }

}

/* =========================================================
   STATS — убираем служебную строку statistics
   ========================================================= */

#pun-index #pun-stats li#onlinelist.item5.statistics {
    display: none !important;
}


/* =========================================================
   STATS — АКТИВНЫ / ПОСЕТИЛИ ЗА СУТКИ
   ========================================================= */

#pun-index #pun-stats li.item5.onlinelist,
#pun-index #pun-stats li.item5.users_24h {
    position: relative !important;

    padding: 11px 15px 11px 34px !important;

    background: rgba(4, 10, 16, .94) !important;

    border: 1px solid rgba(83, 167, 235, .08) !important;
    border-radius: 5px !important;

    color: #7892a5 !important;

    font-size: 10px !important;
    line-height: 1.6 !important;
}


/* Индикатор */

#pun-index #pun-stats li.item5.onlinelist::before,
#pun-index #pun-stats li.item5.users_24h::before {
    content: "";

    position: absolute;

    left: 15px;
    top: 50%;

    width: 7px;
    height: 7px;

    transform: translateY(-50%);

    border-radius: 50%;
}


/* Сейчас онлайн — ярче */

#pun-index #pun-stats li.item5.onlinelist::before {
    background: #69c7ff;

    box-shadow:
        0 0 8px rgba(105, 199, 255, .55);
}


/* Посетили за сутки — спокойнее */

#pun-index #pun-stats li.item5.users_24h::before {
    background: #607f94;

    box-shadow:
        0 0 6px rgba(96, 127, 148, .22);
}


/* Ссылки */

#pun-index #pun-stats li.item5.onlinelist a,
#pun-index #pun-stats li.item5.users_24h a {
    color: #91c7e6 !important;

    font-weight: 600 !important;

    text-decoration: none !important;
}

#pun-index #pun-stats li.item5.onlinelist a:hover,
#pun-index #pun-stats li.item5.users_24h a:hover {
    color: #c1eaff !important;
}


/* Числа */

#pun-index #pun-stats li.item5.onlinelist strong,
#pun-index #pun-stats li.item5.users_24h strong {
    color: #dcecf7 !important;

    font-weight: 700 !important;
}


/* =========================================================
   WIND OF DEATH — FOOTER FINAL
   ========================================================= */

#pun-crumbs2 {
    margin-top: 12px !important;
}

#pun-crumbs2 .container {
    padding: 10px 14px !important;
}

/* Нижний служебный блок */
#pun-about {
    margin-top: 8px !important;

    background:
        linear-gradient(
            180deg,
            rgba(4, 9, 14, .98),
            rgba(2, 6, 10, .98)
        ) !important;

    border-top:
        1px solid rgba(83, 167, 235, .08) !important;
}

#pun-about .container {
    position: relative;

    min-height: 54px;

    padding: 16px 18px !important;

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

    background: transparent !important;

    color: #526b7e !important;

    font-size: 8px !important;
    line-height: 1.4 !important;
}

/* Декоративная подпись Wind of Death */
#pun-about .container::before {
    content: "WIND OF DEATH · EST. 2009 · LEGACY";

    position: absolute;

    left: 50%;
    top: 50%;

    transform: translate(-50%, -50%);

    color: #6f91a7;

    font-size: 9px;
    font-weight: 700;

    letter-spacing: 3px;

    white-space: nowrap;

    text-shadow:
        0 0 14px rgba(70, 160, 220, .08);

    pointer-events: none;
}

/* MyBB ссылка остаётся справа */
#pun-about a {
    position: relative;
    z-index: 2;

    color: #4e6c80 !important;

    font-size: 8px !important;

    text-decoration: none !important;

    opacity: .72;
}

#pun-about a:hover {
    color: #78b4d5 !important;

    opacity: 1;
}

/* Телефон */
@media (max-width: 480px) {

    #pun-about .container {
        min-height: 64px;

        padding: 28px 12px 10px !important;

        justify-content: center !important;

        text-align: center !important;
    }

    #pun-about .container::before {
        top: 18px;

        font-size: 7px;

        letter-spacing: 1.8px;
    }

}

/* =========================================================
   WIND OF DEATH — VIEWFORUM DESKTOP FINAL
   Все разделы форума
   ========================================================= */

@media (min-width: 1200px) {

    /* Таблица списка тем */

    #pun-viewforum #pun-main .forum table {
        width: 100% !important;

        table-layout: fixed !important;

        border-collapse: separate !important;
        border-spacing: 0 7px !important;
    }


    /* Ширины колонок */

    #pun-viewforum #pun-main .forum .tcl {
        width: 52% !important;
    }

    #pun-viewforum #pun-main .forum .tc2 {
        width: 9% !important;
    }

    #pun-viewforum #pun-main .forum .tc3 {
        width: 9% !important;
    }

    #pun-viewforum #pun-main .forum .tcr {
        width: 30% !important;
    }


    /* Одна тема = цельная карточка */

    #pun-viewforum #pun-main .forum tbody td {
        padding-top: 15px !important;
        padding-bottom: 15px !important;

        background:
            linear-gradient(
                180deg,
                rgba(6, 13, 20, .97),
                rgba(3, 8, 13, .97)
            ) !important;

        border-top:
            1px solid rgba(83, 167, 235, .08) !important;

        border-bottom:
            1px solid rgba(83, 167, 235, .08) !important;

        transition:
            background .22s ease,
            border-color .22s ease !important;
    }


    /* Левая и правая границы строки */

    #pun-viewforum #pun-main .forum tbody td:first-child {
        border-left:
            1px solid rgba(83, 167, 235, .10) !important;

        border-radius:
            5px 0 0 5px !important;
    }

    #pun-viewforum #pun-main .forum tbody td:last-child {
        border-right:
            1px solid rgba(83, 167, 235, .10) !important;

        border-radius:
            0 5px 5px 0 !important;
    }


    /* Hover */

    #pun-viewforum #pun-main .forum tbody tr:hover td {
        background:
            linear-gradient(
                180deg,
                rgba(11, 28, 42, .98),
                rgba(5, 14, 22, .98)
            ) !important;

        border-top-color:
            rgba(91, 183, 245, .20) !important;

        border-bottom-color:
            rgba(91, 183, 245, .17) !important;
    }


    /* Название темы */

    #pun-viewforum #pun-main .forum td.tcl {
        padding-left: 18px !important;
        padding-right: 18px !important;
    }

    #pun-viewforum #pun-main .forum td.tcl a {
        color: #dcecf7 !important;

        font-size: 13px !important;
        font-weight: 600 !important;

        line-height: 1.4 !important;

        text-decoration: none !important;
    }

    #pun-viewforum #pun-main .forum td.tcl a:hover {
        color: #76caff !important;
    }


    /* Автор / дополнительный текст */

    #pun-viewforum #pun-main .forum td.tcl .byuser,
    #pun-viewforum #pun-main .forum td.tcl small,
    #pun-viewforum #pun-main .forum td.tcl span {
        color: #668297 !important;

        font-size: 9px !important;
    }


    /* Ответы / просмотры */

    #pun-viewforum #pun-main .forum td.tc2,
    #pun-viewforum #pun-main .forum td.tc3 {
        color: #9abbd0 !important;

        font-size: 11px !important;
        font-weight: 600 !important;

        text-align: center !important;

        border-left:
            1px solid rgba(83, 167, 235, .045) !important;
    }


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

    #pun-viewforum #pun-main .forum td.tcr {
        padding-left: 16px !important;
        padding-right: 16px !important;

        color: #71899c !important;

        font-size: 10px !important;
        line-height: 1.5 !important;

        border-left:
            1px solid rgba(83, 167, 235, .055) !important;
    }

    #pun-viewforum #pun-main .forum td.tcr a {
        color: #b3d1e3 !important;

        font-weight: 600 !important;

        text-decoration: none !important;
    }

    #pun-viewforum #pun-main .forum td.tcr a:hover {
        color: #79ccff !important;
    }


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

    #pun-viewforum #pun-main .forum td.tcr img {
        width: 36px !important;
        height: 36px !important;

        float: left !important;

        margin: 1px 10px 2px 0 !important;

        object-fit: cover !important;

        border:
            1px solid rgba(99, 184, 240, .18) !important;

        border-radius: 50% !important;

        box-shadow:
            0 4px 14px rgba(0, 0, 0, .22) !important;
    }


    /* Заголовки колонок */

    #pun-viewforum #pun-main .forum thead th {
        padding: 9px 12px !important;

        background:
            rgba(3, 8, 13, .98) !important;

        color: #59778c !important;

        font-size: 9px !important;
        font-weight: 600 !important;

        letter-spacing: 1.2px !important;

        text-transform: uppercase !important;

        border-bottom:
            1px solid rgba(83, 167, 235, .07) !important;
    }


    /* Важная тема */

    #pun-viewforum #pun-main .forum tr.isticky td {
        background:
            linear-gradient(
                180deg,
                rgba(15, 25, 35, .98),
                rgba(5, 12, 19, .98)
            ) !important;
    }


    /* Закрытая тема */

    #pun-viewforum #pun-main .forum tr.iclosed td {
        opacity: .88;
    }

}

/* =========================================================
   WIND OF DEATH — TOPIC DESKTOP POLISH
   Все открытые темы
   ========================================================= */

@media (min-width: 900px) {

    /* =====================================================
       Автор сообщения
       ===================================================== */

    #pun-viewtopic .post-author {
        width: 205px !important;

        background:
            linear-gradient(
                180deg,
                rgba(8, 19, 29, .98),
                rgba(3, 9, 14, .98)
            ) !important;

        border-right:
            1px solid rgba(83, 167, 235, .09) !important;
    }

    #pun-viewtopic .post-author ul {
        padding: 16px 14px 18px !important;
    }

    #pun-viewtopic .post-author .pa-author {
        margin-bottom: 2px !important;
    }

    #pun-viewtopic .post-author .pa-author,
    #pun-viewtopic .post-author .pa-author a,
    #pun-viewtopic .post-author .pa-author strong {
        font-size: 14px !important;
        line-height: 1.35 !important;
    }

    #pun-viewtopic .post-author .pa-title {
        margin: 2px 0 11px !important;

        font-size: 9px !important;
        letter-spacing: 1.2px !important;
    }

    #pun-viewtopic .post-author .pa-avatar {
        margin: 9px 0 13px !important;
    }

    #pun-viewtopic .post-author .pa-avatar img {
        width: 86px !important;
        height: 86px !important;

        border-radius: 5px !important;

        box-shadow:
            0 7px 22px rgba(0, 0, 0, .30),
            0 0 16px rgba(62, 157, 220, .05) !important;
    }

    #pun-viewtopic .post-author li {
        font-size: 10px !important;
        line-height: 1.6 !important;
    }


    /* =====================================================
       Основная часть сообщения
       ===================================================== */

    #pun-viewtopic .post-body {
        margin-left: 205px !important;

        padding: 22px 28px 26px !important;

        background:
            linear-gradient(
                180deg,
                rgba(5, 12, 19, .94),
                rgba(2, 7, 11, .96)
            ) !important;

        color: #c2d1db !important;

        font-size: 13px !important;
        line-height: 1.75 !important;
    }

    #pun-viewtopic .post-box {
        width: 100% !important;
        max-width: none !important;

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

    #pun-viewtopic .post-content {
        width: 100% !important;
        max-width: none !important;

        color: #c2d1db !important;

        font-size: 13px !important;
        line-height: 1.75 !important;
    }

    #pun-viewtopic .post-content p {
        margin: 0 !important;
        padding: 0 0 14px !important;

        line-height: 1.75 !important;
    }


    /* =====================================================
       Служебная строка: дата / номер / поделиться
       ===================================================== */

    #pun-viewtopic .post > h3 {
        min-height: 38px !important;

        padding: 10px 15px !important;

        background:
            rgba(3, 9, 14, .98) !important;

        border-bottom:
            1px solid rgba(83, 167, 235, .08) !important;

        color: #668499 !important;

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

    #pun-viewtopic .post > h3 .permalink {
        color: #7e9caf !important;
    }

    #pun-viewtopic .post > h3 strong {
        color: #79b8dd !important;
    }

    #pun-viewtopic .post > h3 .sharelink {
        color: #58758a !important;
    }


    /* =====================================================
       Нижняя панель кнопок поста
       ===================================================== */

    #pun-viewtopic .post-links {
        margin-left: 205px !important;

        background:
            rgba(3, 8, 13, .98) !important;

        border-top:
            1px solid rgba(83, 167, 235, .06) !important;
    }

    #pun-viewtopic .post-links ul {
        padding: 8px 12px !important;
    }

}

/* =========================================================
   TOPIC — комфортная ширина текста на desktop
   ========================================================= */

@media (min-width: 900px) {

    #pun-viewtopic .post-content {
        max-width: 980px !important;
        margin: 0 auto !important;
    }

}

/* =========================================================
   QUICK REPLY — DESKTOP FINAL
   Без вмешательства во внутренности BB-панели
   ========================================================= */

@media (min-width: 900px) {

    /* Общий блок быстрого ответа */

    #pun-viewtopic #post-form {
        max-width: 1120px !important;

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

        background: transparent !important;

        border: 0 !important;
    }


    /* Заголовок "Быстрый ответ" */

    #pun-viewtopic #post-form > h2 {
        margin: 0 !important;
        padding: 11px 14px !important;

        background:
            linear-gradient(
                90deg,
                rgba(15, 43, 66, .72),
                rgba(4, 11, 17, .96)
            ) !important;

        border: 0 !important;
        border-top:
            1px solid rgba(83, 167, 235, .10) !important;
        border-bottom:
            1px solid rgba(83, 167, 235, .10) !important;

        color: #dcecf7 !important;

        font-size: 11px !important;
        font-weight: 700 !important;

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


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

    #pun-viewtopic #post-form form#post {
        width: 100% !important;

        margin: 0 !important;
        padding: 14px !important;

        background:
            linear-gradient(
                180deg,
                rgba(5, 12, 19, .96),
                rgba(3, 8, 13, .98)
            ) !important;

        border:
            1px solid rgba(83, 167, 235, .10) !important;

        box-sizing: border-box !important;
    }


    #pun-viewtopic #post-form form#post > fieldset {
        margin: 0 !important;
        padding: 0 !important;

        border: 0 !important;
    }


    #pun-viewtopic #post-form .fs-box {
        padding: 0 !important;
    }


    /* Подсказка над редактором */

    #pun-viewtopic #post-form fieldset > legend {
        margin: 0 0 8px !important;
        padding: 0 !important;
    }

    #pun-viewtopic #post-form fieldset > legend > span {
        color: #6f8da1 !important;

        font-size: 10px !important;
        font-weight: 400 !important;

        line-height: 1.5 !important;
    }


    /* Панель BB-кодов:
       только внешний контейнер,
       таблицы/иконки внутри НЕ трогаем */

    #pun-viewtopic #post-form #form-buttons {
        width: 100% !important;
        max-width: 100% !important;

        margin: 0 0 8px !important;
        padding: 6px 8px !important;

        background:
            rgba(3, 10, 16, .98) !important;

        border:
            1px solid rgba(83, 167, 235, .10) !important;
        border-radius: 4px !important;

        overflow-x: auto !important;
        overflow-y: hidden !important;

        box-sizing: border-box !important;
    }


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

    #pun-viewtopic #post-form p.areafield {
        width: 100% !important;

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

    #pun-viewtopic #post-form p.areafield > span.input {
        display: block !important;

        width: 100% !important;

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

    #pun-viewtopic #post-form textarea#main-reply {
        display: block !important;

        width: 100% !important;
        max-width: 100% !important;
        min-width: 0 !important;

        height: 190px !important;
        min-height: 190px !important;

        margin: 0 !important;
        padding: 14px 15px !important;

        background:
            #02070b !important;

        border:
            1px solid rgba(83, 167, 235, .20) !important;
        border-radius: 4px !important;

        color: #d8e8f2 !important;

        font-family:
            Arial, Verdana, sans-serif !important;

        font-size: 13px !important;
        line-height: 1.6 !important;

        outline: none !important;

        resize: vertical !important;

        box-sizing: border-box !important;

        transition:
            border-color .2s ease,
            box-shadow .2s ease !important;
    }

    #pun-viewtopic #post-form textarea#main-reply:focus {
        border-color:
            rgba(83, 184, 247, .48) !important;

        box-shadow:
            0 0 0 2px rgba(55, 142, 201, .05) !important;
    }


    /* Нижние кнопки */

    #pun-viewtopic #post-form p.formsubmit {
        display: flex !important;
        align-items: center !important;

        gap: 8px !important;

        margin: 12px 0 0 !important;
        padding: 0 !important;
    }

    #pun-viewtopic #post-form p.formsubmit input {
        min-height: 34px !important;

        margin: 0 !important;
        padding: 0 13px !important;

        background:
            rgba(9, 29, 44, .96) !important;

        border:
            1px solid rgba(83, 167, 235, .18) !important;
        border-radius: 4px !important;

        color: #93c8e6 !important;

        font-size: 9px !important;
        font-weight: 600 !important;

        cursor: pointer !important;

        box-shadow: none !important;
    }

    #pun-viewtopic #post-form p.formsubmit input[name="submit"] {
        background:
            rgba(20, 72, 108, .82) !important;

        border-color:
            rgba(92, 183, 245, .28) !important;

        color: #e6f5ff !important;
    }

    #pun-viewtopic #post-form p.formsubmit input:hover {
        border-color:
            rgba(99, 190, 245, .38) !important;

        color: #ffffff !important;
    }

}


/* =========================================================
   TOPIC BOTTOM BAR — DESKTOP FINAL v2
   Подписка / Страница / Ответить
   ========================================================= */

@media (min-width: 900px) {

    #pun-viewtopic .linksb {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        margin: 14px 0 16px !important;
        padding: 11px 14px !important;

        background:
            linear-gradient(
                90deg,
                rgba(4, 11, 17, .96),
                rgba(7, 18, 28, .92)
            ) !important;

        border-top:
            1px solid rgba(83, 167, 235, .08) !important;

        border-bottom:
            1px solid rgba(83, 167, 235, .08) !important;

        box-sizing: border-box !important;
    }


    /* Подписка слева */

    #pun-viewtopic .linksb .subscribelink {
        position: static !important;
        float: none !important;

        flex: 1 1 auto !important;

        width: auto !important;

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

        text-align: left !important;
    }

    #pun-viewtopic .linksb .subscribelink a {
        color: #668da6 !important;

        font-size: 9px !important;

        text-decoration: none !important;
    }

    #pun-viewtopic .linksb .subscribelink a:hover {
        color: #89c9ec !important;
    }


    /* Страница */

    #pun-viewtopic .linksb .pagelink {
        position: static !important;
        float: none !important;

        flex: 0 0 auto !important;

        width: auto !important;

        margin: 0 14px 0 0 !important;
        padding: 0 !important;

        color: #667f91 !important;

        font-size: 9px !important;

        white-space: nowrap !important;
    }

    #pun-viewtopic .linksb .pagelink strong {
        margin-left: 4px !important;

        color: #a5c5d8 !important;

        font-size: 10px !important;
        font-weight: 700 !important;
    }


    /* Ответить */

    #pun-viewtopic .linksb .postlink {
        position: static !important;
        float: none !important;

        flex: 0 0 auto !important;

        width: auto !important;

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

        text-align: right !important;
    }

    #pun-viewtopic .linksb .postlink a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 34px !important;

        padding: 0 15px !important;

        background:
            rgba(20, 72, 108, .84) !important;

        border:
            1px solid rgba(92, 183, 245, .26) !important;

        border-radius: 4px !important;

        color: #e8f6ff !important;

        font-size: 9px !important;
        font-weight: 700 !important;

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

        text-decoration: none !important;
    }

    #pun-viewtopic .linksb .postlink a:hover {
        background:
            rgba(28, 91, 132, .92) !important;

        border-color:
            rgba(112, 207, 255, .48) !important;

        color: #ffffff !important;
    }

}

/* =========================================================
   TOPIC BOTTOM BAR — правильный порядок на desktop
   ========================================================= */

@media (min-width: 900px) {

    /* Подписка — слева */
    #pun-viewtopic .linksb .subscribelink {
        order: 1 !important;
        flex: 1 1 auto !important;
    }

    /* Страница — справа перед кнопкой */
    #pun-viewtopic .linksb .pagelink {
        order: 2 !important;
        flex: 0 0 auto !important;

        margin: 0 14px 0 0 !important;
    }

    /* Ответить — самая правая */
    #pun-viewtopic .linksb .postlink {
        order: 3 !important;
        flex: 0 0 auto !important;
    }

}

/* =========================================================
   TOPIC TOP BAR — DESKTOP FINAL
   Страница / Ответить
   ========================================================= */

@media (min-width: 900px) {

    #pun-viewtopic .linkst {
        display: flex !important;
        align-items: center !important;

        width: 100% !important;

        margin: 0 0 12px !important;
        padding: 10px 14px !important;

        background:
            linear-gradient(
                90deg,
                rgba(4, 11, 17, .96),
                rgba(7, 18, 28, .92)
            ) !important;

        border-top:
            1px solid rgba(83, 167, 235, .08) !important;

        border-bottom:
            1px solid rgba(83, 167, 235, .08) !important;

        box-sizing: border-box !important;
    }


    /* Страница слева */

    #pun-viewtopic .linkst .pagelink {
        position: static !important;
        float: none !important;

        flex: 1 1 auto !important;

        width: auto !important;

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

        color: #667f91 !important;

        font-size: 9px !important;

        white-space: nowrap !important;
    }

    #pun-viewtopic .linkst .pagelink strong {
        margin-left: 4px !important;

        color: #a5c5d8 !important;

        font-size: 10px !important;
        font-weight: 700 !important;
    }


    /* Ответить справа */

    #pun-viewtopic .linkst .postlink {
        position: static !important;
        float: none !important;

        flex: 0 0 auto !important;

        width: auto !important;

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

        text-align: right !important;
    }

    #pun-viewtopic .linkst .postlink a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 34px !important;

        padding: 0 15px !important;

        background:
            rgba(20, 72, 108, .84) !important;

        border:
            1px solid rgba(92, 183, 245, .26) !important;

        border-radius: 4px !important;

        color: #e8f6ff !important;

        font-size: 9px !important;
        font-weight: 700 !important;

        letter-spacing: 1px !important;

        text-transform: uppercase !important;
        text-decoration: none !important;
    }

    #pun-viewtopic .linkst .postlink a:hover {
        background:
            rgba(28, 91, 132, .92) !important;

        border-color:
            rgba(112, 207, 255, .48) !important;

        color: #ffffff !important;
    }

}


/* =========================================================
   VIEWFORUM — NEW TOPIC / NEW POLL BUTTONS
   ========================================================= */

@media (min-width: 900px) {

    #pun-viewforum .linksb .postlink.long {
        display: flex !important;
        align-items: center !important;
        gap: 8px !important;

        margin: 12px 0 0 !important;
        padding: 0 !important;

        width: auto !important;
        float: none !important;
        position: static !important;
    }

    #pun-viewforum .linksb .postlink.long .new-topic,
    #pun-viewforum .linksb .postlink.long .new-poll {
        display: inline-block !important;

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


    /* Новая тема — основная кнопка */

    #pun-viewforum .linksb .postlink.long .new-topic a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 34px !important;
        padding: 0 15px !important;

        background:
            rgba(20, 72, 108, .84) !important;

        border:
            1px solid rgba(92, 183, 245, .26) !important;

        border-radius: 4px !important;

        color: #e8f6ff !important;

        font-size: 9px !important;
        font-weight: 700 !important;

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

        text-decoration: none !important;

        transition:
            background .2s ease,
            border-color .2s ease,
            color .2s ease !important;
    }

    #pun-viewforum .linksb .postlink.long .new-topic a:hover {
        background:
            rgba(28, 91, 132, .92) !important;

        border-color:
            rgba(112, 207, 255, .48) !important;

        color: #ffffff !important;
    }


    /* Новый опрос — вторичная кнопка */

    #pun-viewforum .linksb .postlink.long .new-poll a {
        display: inline-flex !important;
        align-items: center !important;
        justify-content: center !important;

        min-height: 34px !important;
        padding: 0 14px !important;

        background:
            rgba(7, 20, 31, .88) !important;

        border:
            1px solid rgba(83, 167, 235, .14) !important;

        border-radius: 4px !important;

        color: #7fa8c0 !important;

        font-size: 9px !important;
        font-weight: 600 !important;

        letter-spacing: .8px !important;
        text-transform: uppercase !important;

        text-decoration: none !important;

        transition:
            background .2s ease,
            border-color .2s ease,
            color .2s ease !important;
    }

    #pun-viewforum .linksb .postlink.long .new-poll a:hover {
        background:
            rgba(10, 31, 47, .94) !important;

        border-color:
            rgba(95, 184, 239, .30) !important;

        color: #b9dcec !important;
    }

}


/* =========================================================
   VIEWFORUM — скрываем верхние дубли кнопок
   Новая тема / Новый опрос
   Нижние кнопки .linksb остаются
   ========================================================= */

#pun-viewforum #pun-main > .linkst .postlink.long {
    display: none !important;
}




/* =========================================================
   WOD — MODERATION PAGE
   moderate.php / #pun-modviewforum
   ========================================================= */


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 900px) {

    /* -----------------------------------------------------
       Общая таблица
       ----------------------------------------------------- */

    #pun-modviewforum #pun-main form > .forum {
        margin-top: 12px !important;
    }

    #pun-modviewforum #pun-main .forum > .container {
        background: transparent !important;
        border: 0 !important;
    }

    #pun-modviewforum #pun-main .forum table {
        width: 100% !important;

        border-collapse: separate !important;
        border-spacing: 0 7px !important;

        background: transparent !important;
    }


    /* Заголовки колонок */

    #pun-modviewforum #pun-main .forum thead th {
        padding: 8px 10px !important;

        background: transparent !important;

        border: 0 !important;

        color: #54788f !important;

        font-size: 9px !important;
        font-weight: 600 !important;

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


    /* -----------------------------------------------------
       Строки тем
       ----------------------------------------------------- */

    #pun-modviewforum #pun-main .forum tbody.hasicon > tr > td {
        padding: 12px 10px !important;

        background:
            linear-gradient(
                180deg,
                rgba(6, 15, 23, .98),
                rgba(4, 11, 17, .98)
            ) !important;

        border-top:
            1px solid rgba(83, 167, 235, .09) !important;

        border-bottom:
            1px solid rgba(83, 167, 235, .09) !important;

        color: #789aae !important;

        vertical-align: middle !important;
    }

    #pun-modviewforum #pun-main .forum tbody.hasicon > tr > td:first-child {
        border-left:
            1px solid rgba(83, 167, 235, .09) !important;

        border-radius: 5px 0 0 5px !important;
    }

    #pun-modviewforum #pun-main .forum tbody.hasicon > tr > td:last-child {
        border-right:
            1px solid rgba(83, 167, 235, .09) !important;

        border-radius: 0 5px 5px 0 !important;
    }


    /* Hover строки */

    #pun-modviewforum #pun-main .forum tbody.hasicon > tr:hover > td {
        background:
            linear-gradient(
                180deg,
                rgba(8, 22, 33, .99),
                rgba(5, 14, 21, .99)
            ) !important;

        border-color:
            rgba(83, 167, 235, .16) !important;
    }


    /* -----------------------------------------------------
       Колонка темы
       ----------------------------------------------------- */

    #pun-modviewforum #pun-main .forum td.tcl {
        width: auto !important;

        padding-left: 16px !important;
    }

    #pun-modviewforum #pun-main .forum td.tcl .intd {
        min-height: 38px !important;
    }

    #pun-modviewforum #pun-main .forum td.tcl .tclcon > a {
        color: #9bcce8 !important;

        font-size: 11px !important;
        font-weight: 600 !important;

        text-decoration: none !important;
    }

    #pun-modviewforum #pun-main .forum td.tcl .tclcon > a:hover {
        color: #d8f0ff !important;
    }


    /* Автор темы */

    #pun-modviewforum #pun-main .forum td.tcl .byuser {
        margin-left: 5px !important;

        color: #5f7f92 !important;

        font-size: 9px !important;
    }


    /* Важная тема */

    #pun-modviewforum #pun-main .forum .stickytext {
        display: inline-flex !important;
        align-items: center !important;

        margin-right: 7px !important;
        padding: 3px 7px !important;

        background:
            rgba(116, 77, 18, .45) !important;

        border:
            1px solid rgba(194, 133, 39, .26) !important;

        border-radius: 4px !important;

        color: #c99b50 !important;

        font-size: 8px !important;
        font-weight: 600 !important;

        letter-spacing: .5px !important;

        text-transform: uppercase !important;
    }


    /* -----------------------------------------------------
       Ответы / просмотры
       ----------------------------------------------------- */

    #pun-modviewforum #pun-main .forum td.tc2,
    #pun-modviewforum #pun-main .forum td.tc3 {
        width: 90px !important;

        text-align: center !important;

        color: #78a9c7 !important;

        font-size: 10px !important;
        font-weight: 600 !important;
    }


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

    #pun-modviewforum #pun-main .forum td.tcr {
        width: 285px !important;

        color: #708fa3 !important;

        font-size: 9px !important;

        line-height: 1.5 !important;
    }

    #pun-modviewforum #pun-main .forum td.tcr a {
        color: #83bad9 !important;

        text-decoration: none !important;
    }

    #pun-modviewforum #pun-main .forum td.tcr a:hover {
        color: #c5e9fb !important;
    }

    #pun-modviewforum #pun-main .forum td.tcr img {
        width: 34px !important;
        height: 34px !important;

        margin-right: 8px !important;

        border-radius: 50% !important;

        object-fit: cover !important;

        vertical-align: middle !important;
    }


    /* -----------------------------------------------------
       Выбор темы
       ----------------------------------------------------- */

    #pun-modviewforum #pun-main .forum td.tcmod {
        width: 70px !important;

        text-align: center !important;
    }

    #pun-modviewforum #pun-main .forum td.tcmod input[type="checkbox"] {
        width: 16px !important;
        height: 16px !important;

        margin: 0 !important;

        accent-color: #3f8fbd;

        cursor: pointer !important;
    }


    /* =====================================================
       ПАНЕЛЬ МОДЕРИРОВАНИЯ
       ===================================================== */

    #pun-modviewforum #pun-main .modmenu {
        margin: 12px 0 0 !important;

        padding: 0 !important;

        background: transparent !important;
    }

    #pun-modviewforum #pun-main .modmenu p.container {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        flex-wrap: wrap !important;

        gap: 7px !important;

        margin: 0 !important;
        padding: 12px 14px !important;

        background:
            linear-gradient(
                90deg,
                rgba(4, 11, 17, .98),
                rgba(7, 19, 29, .95)
            ) !important;

        border-top:
            1px solid rgba(83, 167, 235, .09) !important;

        border-bottom:
            1px solid rgba(83, 167, 235, .09) !important;

        box-sizing: border-box !important;
    }


    /* Надпись "Модерирование форума" */

    #pun-modviewforum #pun-main .modmenu p.container > strong {
        margin-right: auto !important;

        color: #6f92a7 !important;

        font-size: 9px !important;
        font-weight: 600 !important;

        letter-spacing: .6px !important;
    }


    /* Все кнопки */

    #pun-modviewforum #pun-main .modmenu input[type="submit"] {
        width: auto !important;
        max-width: none !important;

        min-height: 32px !important;

        margin: 0 !important;
        padding: 0 12px !important;

        background:
            rgba(12, 45, 67, .92) !important;

        border:
            1px solid rgba(83, 167, 235, .20) !important;

        border-radius: 4px !important;

        color: #a9d2e8 !important;

        font-size: 9px !important;
        font-weight: 600 !important;

        cursor: pointer !important;

        box-shadow: none !important;
    }

    #pun-modviewforum #pun-main .modmenu input[type="submit"]:hover {
        background:
            rgba(20, 67, 96, .96) !important;

        border-color:
            rgba(101, 190, 242, .40) !important;

        color: #ffffff !important;
    }


    /* Переместить — основное действие */

    #pun-modviewforum #pun-main .modmenu input[name="move_topics"] {
        background:
            rgba(20, 72, 108, .90) !important;

        border-color:
            rgba(92, 183, 245, .28) !important;

        color: #e8f6ff !important;
    }


    /* Удалить — опасное действие */

    #pun-modviewforum #pun-main .modmenu input[name="delete_topics"] {
        background:
            rgba(83, 24, 34, .66) !important;

        border-color:
            rgba(193, 77, 94, .28) !important;

        color: #dca0aa !important;
    }

    #pun-modviewforum #pun-main .modmenu input[name="delete_topics"]:hover {
        background:
            rgba(116, 31, 45, .82) !important;

        border-color:
            rgba(221, 91, 109, .46) !important;

        color: #ffdbe1 !important;
    }

}


/* =========================================================
   MOBILE
   ========================================================= */

@media (max-width: 899px) {

    #pun-modviewforum #pun-main .forum table,
    #pun-modviewforum #pun-main .forum tbody,
    #pun-modviewforum #pun-main .forum tr,
    #pun-modviewforum #pun-main .forum td {
        display: block !important;

        width: 100% !important;

        box-sizing: border-box !important;
    }

    #pun-modviewforum #pun-main .forum thead {
        display: none !important;
    }


    /* Карточка темы */

    #pun-modviewforum #pun-main .forum tbody.hasicon > tr {
        position: relative !important;

        margin: 0 0 10px !important;
        padding: 12px !important;

        background:
            linear-gradient(
                180deg,
                rgba(6, 15, 23, .98),
                rgba(4, 11, 17, .98)
            ) !important;

        border:
            1px solid rgba(83, 167, 235, .10) !important;

        border-radius: 5px !important;
    }

    #pun-modviewforum #pun-main .forum tbody.hasicon > tr > td {
        margin: 0 !important;
        padding: 5px 0 !important;

        background: transparent !important;

        border: 0 !important;
    }


    /* Название */

    #pun-modviewforum #pun-main .forum td.tcl {
        padding-right: 40px !important;
    }

    #pun-modviewforum #pun-main .forum td.tcl .tclcon > a {
        color: #a5d4ee !important;

        font-size: 13px !important;
        font-weight: 600 !important;
    }


    /* Ответы и просмотры */

    #pun-modviewforum #pun-main .forum td.tc2,
    #pun-modviewforum #pun-main .forum td.tc3 {
        display: inline-block !important;

        width: auto !important;

        margin-right: 14px !important;

        color: #688fa7 !important;

        font-size: 10px !important;

        text-align: left !important;
    }


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

    #pun-modviewforum #pun-main .forum td.tcr {
        margin-top: 5px !important;
        padding-top: 8px !important;

        border-top:
            1px solid rgba(83, 167, 235, .07) !important;

        color: #69899c !important;

        font-size: 9px !important;
    }

    #pun-modviewforum #pun-main .forum td.tcr img {
        width: 30px !important;
        height: 30px !important;

        margin-right: 7px !important;

        border-radius: 50% !important;

        object-fit: cover !important;
    }


    /* Checkbox справа сверху */

    #pun-modviewforum #pun-main .forum td.tcmod {
        position: absolute !important;

        top: 12px !important;
        right: 12px !important;

        width: auto !important;

        padding: 0 !important;
    }

    #pun-modviewforum #pun-main .forum td.tcmod input[type="checkbox"] {
        width: 18px !important;
        height: 18px !important;

        margin: 0 !important;

        accent-color: #3f8fbd;
    }


    /* Панель действий */

    #pun-modviewforum #pun-main .modmenu p.container {
        display: grid !important;

        grid-template-columns:
            repeat(2, minmax(0, 1fr)) !important;

        gap: 7px !important;

        margin: 12px 0 0 !important;
        padding: 12px !important;

        background:
            rgba(5, 14, 21, .98) !important;

        border:
            1px solid rgba(83, 167, 235, .09) !important;

        border-radius: 5px !important;
    }

    #pun-modviewforum #pun-main .modmenu p.container > strong {
        grid-column: 1 / -1 !important;

        margin: 0 0 4px !important;

        color: #7898aa !important;

        font-size: 10px !important;
    }

    #pun-modviewforum #pun-main .modmenu input[type="submit"] {
        width: 100% !important;
        max-width: none !important;

        min-height: 38px !important;

        margin: 0 !important;
        padding: 0 8px !important;

        background:
            rgba(12, 45, 67, .92) !important;

        border:
            1px solid rgba(83, 167, 235, .18) !important;

        border-radius: 4px !important;

        color: #a9d2e8 !important;

        font-size: 9px !important;
        font-weight: 600 !important;
    }

    #pun-modviewforum #pun-main .modmenu input[name="move_topics"] {
        background:
            rgba(20, 72, 108, .90) !important;

        color: #e8f6ff !important;
    }

    #pun-modviewforum #pun-main .modmenu input[name="delete_topics"] {
        background:
            rgba(83, 24, 34, .66) !important;

        border-color:
            rgba(193, 77, 94, .26) !important;

        color: #dca0aa !important;
    }

}


/* =========================================================
   POST VIDEO — YOUTUBE
   Адаптивное видео в сообщениях
   ========================================================= */

/* Сам iframe YouTube */
#pun-viewtopic .post-content iframe[src*="youtube.com/embed"],
#pun-viewtopic .post-content iframe[src*="youtu.be"] {
    display: block !important;

    width: min(100%, 760px) !important;
    max-width: 100% !important;

    aspect-ratio: 16 / 9 !important;
    height: auto !important;

    margin: 12px 0 16px !important;

    background: #02070b !important;

    border:
        1px solid rgba(83, 167, 235, .14) !important;

    border-radius: 5px !important;

    box-shadow:
        0 10px 28px rgba(0, 0, 0, .24) !important;
}


/* На desktop чуть компактнее */
@media (min-width: 900px) {

    #pun-viewtopic .post-content iframe[src*="youtube.com/embed"],
    #pun-viewtopic .post-content iframe[src*="youtu.be"] {
        width: min(100%, 640px) !important;
    }

}


/* На телефоне — строго по ширине поста */
@media (max-width: 899px) {

    #pun-viewtopic .post-content iframe[src*="youtube.com/embed"],
    #pun-viewtopic .post-content iframe[src*="youtu.be"] {
        width: 100% !important;
        max-width: 100% !important;

        margin:
            10px 0 14px !important;

        border-radius: 4px !important;
    }

}

/* =========================================================
   POST SIGNATURE — WOD STYLE
   Подписи пользователей в сообщениях
   ========================================================= */

#pun-viewtopic .post-content .post-sig {
    margin: 20px 0 0 !important;
    padding: 14px 0 0 !important;

    border-top:
        1px solid rgba(83, 167, 235, .10) !important;

    color: #6f8fa3 !important;
}

#pun-viewtopic .post-content .post-sig dt {
    display: none !important;
}

#pun-viewtopic .post-content .post-sig dd {
    margin: 0 !important;
    padding: 0 !important;
}

#pun-viewtopic .post-content .post-sig p {
    margin: 0 !important;
    padding: 0 !important;

    color: #6f8fa3 !important;

    font-size: 10px !important;
    line-height: 1.65 !important;
}


/* Убираем старые inline-цвета только в подписи */
#pun-viewtopic .post-content .post-sig span[style*="color"],
#pun-viewtopic .post-content .post-sig font[color] {
    color: #789fb5 !important;
}


/* Ссылки */
#pun-viewtopic .post-content .post-sig a {
    color: #77b8dc !important;
    text-decoration: none !important;
}

#pun-viewtopic .post-content .post-sig a:hover {
    color: #b8e4f8 !important;
}


/* Если в подписи есть картинки */
#pun-viewtopic .post-content .post-sig img {
    max-width: 100% !important;
    height: auto !important;
}


/* Desktop — не растягиваем подпись слишком широко */
@media (min-width: 900px) {

    #pun-viewtopic .post-content .post-sig {
        max-width: 760px !important;
    }

}


/* Mobile */
@media (max-width: 899px) {

    #pun-viewtopic .post-content .post-sig {
        margin-top: 16px !important;
        padding-top: 11px !important;
    }

    #pun-viewtopic .post-content .post-sig p {
        font-size: 9px !important;
        line-height: 1.6 !important;
    }

}

/* =========================================================
   WOD TYPOGRAPHY + LEGACY — FINAL UNIFIED
   Единая типографика сообщений и архивных тем
   ========================================================= */

/* Основной текст открытых тем */
#pun-viewtopic .post-body,
#pun-viewtopic .post-content {
    color: #b9c9d5 !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
}

#pun-viewtopic .post-content p {
    color: #b9c9d5 !important;
    line-height: 1.75 !important;
}

/* Жирный текст и ссылки */
#pun-viewtopic .post-content strong,
#pun-viewtopic .post-content b {
    color: #d8e6ef;
}

#pun-viewtopic .post-content a {
    color: #69b8ea !important;
}

#pun-viewtopic .post-content a:hover {
    color: #8dd3ff !important;
}

/* Служебные строки поста остаются компактными */
#pun-viewtopic .post > h3 {
    font-size: 10px !important;
}

/* =========================================================
   LEGACY DETECTOR
   Применяется только к постам со стандартной связкой
   18px + 16px + архивная отметка 9px
   ========================================================= */

#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]):has(span[style*="font-size: 9px"]),
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]):has(span[style*="font-size:9px"]) {
    color: #b9c9d5 !important;
    line-height: 1.78 !important;
}

/* Главный заголовок Legacy-темы */
#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]):has(span[style*="font-size: 9px"]) span[style*="font-size: 18px"],
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]):has(span[style*="font-size:9px"]) span[style*="font-size:18px"] {
    color: #e7f2fb !important;
    font-weight: 800 !important;
    letter-spacing: 1.4px !important;
    line-height: 1.35 !important;
    text-shadow: 0 0 14px rgba(89, 181, 238, .14) !important;
}

/* Верхний подзаголовок */
#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]):has(span[style*="font-size: 9px"]) span[style*="font-size: 11px"],
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]):has(span[style*="font-size:9px"]) span[style*="font-size:11px"] {
    display: block !important;
    color: #6fb9df !important;
    font-weight: 600 !important;
    letter-spacing: 1.8px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

/* Заголовок исторической части */
#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]):has(span[style*="font-size: 9px"]) span[style*="font-size: 16px"],
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]):has(span[style*="font-size:9px"]) span[style*="font-size:16px"] {
    color: #d1af70 !important;
    font-weight: 800 !important;
    letter-spacing: 1.4px !important;
    line-height: 1.4 !important;
    text-shadow: 0 0 12px rgba(196, 155, 82, .10) !important;
}

/* Маленький исторический подзаголовок */
#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]):has(span[style*="font-size: 9px"]) span[style*="font-size: 10px"],
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]):has(span[style*="font-size:9px"]) span[style*="font-size:10px"] {
    display: block !important;
    color: #a98c58 !important;
    font-weight: 600 !important;
    letter-spacing: 1px !important;
    line-height: 1.5 !important;
    text-align: center !important;
    text-transform: uppercase !important;
}

/* Важные фразы внутри Legacy-тем */
#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]):has(span[style*="font-size: 9px"]) strong,
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]):has(span[style*="font-size:9px"]) strong {
    color: #d9e7f0 !important;
    font-weight: 700 !important;
}

/* Переход к исторической части */
#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]):has(span[style*="font-size: 9px"]) hr,
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]):has(span[style*="font-size:9px"]) hr {
    height: 1px !important;
    margin: 26px 0 21px !important;
    border: 0 !important;
    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(69, 159, 218, .30) 25%,
        rgba(209, 175, 112, .42) 50%,
        rgba(69, 159, 218, .30) 75%,
        transparent 100%
    ) !important;
}

/* =========================================================
   LEGACY ARCHIVE BADGE
   Поддерживает обе реальные структуры MyBB:
   прямой size=9 и вложенный align=center -> size=9
   ========================================================= */

#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]) > p > span[style*="font-size: 9px"],
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]) > p > span[style*="font-size:9px"],
#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]) > p > span[style*="text-align: center"] > span[style*="font-size: 9px"],
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]) > p > span[style*="text-align: center"] > span[style*="font-size:9px"] {
    display: inline-block !important;
    padding: 7px 12px !important;
    color: #c5a15e !important;
    background: rgba(209, 175, 112, .06) !important;
    border: 1px solid rgba(209, 175, 112, .20) !important;
    border-radius: 4px !important;
    font-size: 9px !important;
    font-weight: 700 !important;
    letter-spacing: .7px !important;
    line-height: 1.4 !important;
    text-transform: uppercase !important;
}

/* Центрирование абзаца с архивной отметкой */
#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]) > p:has(> span[style*="font-size: 9px"]),
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]) > p:has(> span[style*="font-size:9px"]),
#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]) > p:has(> span[style*="text-align: center"] > span[style*="font-size: 9px"]),
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]) > p:has(> span[style*="text-align: center"] > span[style*="font-size:9px"]) {
    margin: 10px 0 14px !important;
    text-align: center !important;
}

/* Финальный девиз сразу после архивной отметки */
#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]) > p:has(span[style*="font-size: 9px"]) + p,
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]) > p:has(span[style*="font-size:9px"]) + p {
    text-align: center !important;
}

#pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]) > p:has(span[style*="font-size: 9px"]) + p strong,
#pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]) > p:has(span[style*="font-size:9px"]) + p strong {
    color: #6fb9df !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    text-transform: uppercase !important;
}

/* Mobile */
@media (max-width: 899px) {
    #pun-viewtopic .post-body,
    #pun-viewtopic .post-content {
        font-size: 12px !important;
        line-height: 1.72 !important;
    }

    #pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]):has(span[style*="font-size: 9px"]) span[style*="font-size: 18px"],
    #pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]):has(span[style*="font-size:9px"]) span[style*="font-size:18px"] {
        font-size: 16px !important;
        letter-spacing: 1px !important;
    }

    #pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]):has(span[style*="font-size: 9px"]) span[style*="font-size: 16px"],
    #pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]):has(span[style*="font-size:9px"]) span[style*="font-size:16px"] {
        font-size: 14px !important;
        letter-spacing: 1px !important;
    }

    #pun-viewtopic .post-content:has(span[style*="font-size: 18px"]):has(span[style*="font-size: 16px"]):has(span[style*="font-size: 9px"]) hr,
    #pun-viewtopic .post-content:has(span[style*="font-size:18px"]):has(span[style*="font-size:16px"]):has(span[style*="font-size:9px"]) hr {
        margin: 22px 0 18px !important;
    }
}

/* =========================================================
   LEGACY ARCHIVE BADGE — nested MyBB variant
   ========================================================= */

#pun-viewtopic .post-content
hr + p > span[style*="text-align: center"]
> span[style*="font-size: 9px"] {
    display: inline-block !important;

    padding: 7px 12px !important;

    color: #c5a15e !important;
    background: rgba(209, 175, 112, 0.06) !important;

    border: 1px solid rgba(209, 175, 112, 0.20) !important;
    border-radius: 4px !important;

    font-size: 9px !important;
    font-weight: 700 !important;

    line-height: 1.4 !important;
    letter-spacing: 0.7px !important;

    text-transform: uppercase !important;
}

#pun-viewtopic .post-content
hr + p > span[style*="text-align: center"] {
    display: block !important;
    text-align: center !important;
}

#pun-viewtopic .post-content
hr + p {
    text-align: center !important;
    margin: 10px 0 14px !important;
}

/* =========================================================
   POST TEXT — DESKTOP READABILITY
   ========================================================= */

@media (min-width: 901px) {
    #pun-viewtopic .post-body {
        font-size: 14px !important;
        line-height: 1.72 !important;
    }

    #pun-viewtopic .post-body p {
        font-size: 14px !important;
        line-height: 1.72 !important;
    }

    #pun-viewtopic .quote-box p,
    #pun-viewtopic .quote-box div,
    #pun-viewtopic .code-box {
        font-size: 12px !important;
        line-height: 1.65 !important;
    }
}


/* =========================================================
   DESKTOP UI READABILITY
   2560x1440 / large screens
   ========================================================= */

@media (min-width: 1200px) {

    /* Главное меню */
    #pun-navlinks li a {
        font-size: 11px !important;
    }

    /* Вторичное меню */
    #pun-ulinks li a {
        font-size: 10px !important;
    }

    /* Статус пользователя */
    #pun-status .container {
        font-size: 11px !important;
    }

    /* Хлебные крошки */
    #pun-crumbs1 .container,
    #pun-crumbs2 .container {
        font-size: 11px !important;
    }

    /* Заголовки категорий */
    #pun-main .blocktable h2,
    #pun-main .category h2,
    #pun-main div[class*="cat"] h2 {
        font-size: 12px !important;
    }

    /* Заголовки колонок таблиц */
    #pun-main .blocktable thead th,
    #pun-main .category thead th {
        font-size: 10px !important;
    }

    /* Счётчики тем / сообщений */
    #pun-main td.tc2,
    #pun-main td.tc3 {
        font-size: 12px !important;
    }

    /* Последнее сообщение */
    #pun-main td.tcr {
        font-size: 11px !important;
    }

    #pun-main td.tcr span,
    #pun-main td.tcr small {
        font-size: 10px !important;
    }

    /* Автор сообщения */
    #pun-viewtopic .post-author li {
        font-size: 11px !important;
    }

    #pun-viewtopic .post-author .pa-title {
        font-size: 10px !important;
    }

    /* Дата / номер сообщения */
    #pun-viewtopic .post > h3 {
        font-size: 11px !important;
    }

    #pun-viewtopic .post > h3 .sharelink {
        font-size: 10px !important;
    }

    /* Кнопки под сообщением */
    #pun-viewtopic li.pl-quote a,
    #pun-viewtopic li.pl-edit a,
    #pun-viewtopic li.pl-delete a,
    #pun-viewtopic .post-links li.pl-email.profile a,
    #pun-viewtopic .post-links li.pl-email.pm a,
    #pun-viewtopic .post-links li.pl-email.email a {
        font-size: 10px !important;
    }
}