/* мобила брейка */
@media screen and (max-width: 760px) {
  html.light { --mob-bg: #E3E3E3; --mob-text: #362E27; --mob-accent: #AF6133; --mob-panel: #CDCDCD; }
  html.medium { --mob-bg: #CDCDCD; --mob-text: #333; --mob-accent: #2C5363; --mob-panel: #BFBFBF; }
  html.dark { --mob-bg: #303030; --mob-text: #CDCDCD; --mob-accent: #7C5CB3; --mob-panel: #252525; }
  html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
  html:is(.light,.medium,.dark) body {
    min-width: 0 !important; width: auto !important; margin: 0 !important;
    padding: 0 !important; background-color: var(--mob-bg) !important;
    background-size: auto 420px !important; font-size: 15px; line-height: 1.5;
  }
  html:is(.light,.medium,.dark) #pun {
    box-sizing: border-box; width: 100% !important; min-width: 0 !important;
    max-width: 100% !important; margin: 0 auto !important; padding: 0 12px !important;
    border: 0 !important; border-radius: 0 !important;
  }
  .punbb { float: none !important; width: 100% !important; min-width: 0 !important; font-size: 15px; }
  #pun-main, #pun-main > .main, .main > .container { min-width: 0; max-width: 100%; }

    html.dark #pun-main:is(:not(.multipage)) .category tr:not(:has(.needed-chars)) .icon.inew {
        position: absolute;
        width: 58px;
        height: 46px;
        left: -30px !important;
        width: 100% !important;
        right: auto;
        width: 58px !important;
    }

    html.medium #pun-main:is(:not(.multipage)) .category tr:not(:has(.needed-chars)) .icon.inew {
        position: absolute;
        width: 58px;
        height: 46px;
        left: -30px !important;
        width: 100% !important;
        right: auto;
        width: 58px !important;
    }

    html.light #pun-main:is(:not(.multipage)) .category tr:not(:has(.needed-chars)) .icon.inew {
        position: absolute;
        width: 58px;
        height: 46px;
        left: -30px !important;
        width: 100% !important;
        right: auto;
        width: 58px !important;
    }
  /* общиа */
  html:is(.light,.medium,.dark) div#html-header {
    position: relative !important; inset: auto !important;
    width: calc(100% + 24px) !important; height: auto !important;
    min-height: 0 !important; margin: 0 -12px 16px !important;
    padding: clamp(105px, 32vw, 243px) 16px 16px !important;
    background-size: 100% auto !important; background-position: center top !important;
    background-repeat: no-repeat !important; background-color: var(--mob-bg) !important;
    display: flex; flex-direction: column; gap: 14px; isolation: isolate;
  }
  html:is(.light,.medium,.dark) #html-header :is(.head-faces,.postb-head,.story-head,.header-news,.post-head,.bestpost-link,.forum-name-head,.forum-navigation,.wizworldgen,#theme_switcher) {
 inset: auto !important; margin: 0 !important;
    rotate: none !important; transform: none !important;
    min-width: 0 !important; max-width: 100% !important;
  }

  #html-header .forum-name-head { order: -5; align-self: center; width: max-content !important; }
  #html-header .forum-word-roll { font-size: 350% !important; line-height: 1.2; transform: none; }
  #html-header :is(.bleh-for,.forum-break > span) { font-size: .68em !important; }
  #html-header .forum-bottom-line {
    font-size: clamp(28px, 7.5vw, 48px) !important; line-height: 1.2;
    margin: -.15em 0 0 !important; transform: none;
  }
  html:is(.light,.medium,.dark) #html-header p.wizworldgen {
    order: -4; width: 100% !important; text-align: center;
    font-size: 12px !important; color: var(--mob-text) !important;
  }
  #html-header .head-faces { order: -3; width: auto !important; justify-content: center; gap: 12px; }
  #html-header .head-faces :is(img,canvas) { width: 64px !important; height: 64px !important; object-fit: cover; }
  #html-header .postb-head { order: -2; align-self: center; }
  #html-header .postb-head a { margin: 0 !important; font-size: 13px !important; padding: 8px 14px; }
  #html-header ul#theme_switcher { order: -1; align-self: center; display: flex; gap: 12px; padding: 8px; }
  #html-header ul#theme_switcher::after { display: none !important; }
  #html-header ul#theme_switcher input,
  #html-header ul#theme_switcher input:checked { width: 28px !important; height: 28px !important; }
  html:is(.light,.medium,.dark) #html-header :is(.story-head,.post-head) {
    width: 100% !important; height: auto !important; max-height: 180px !important;
    padding: 14px !important; overflow: auto; border: 1px solid var(--mob-accent);
    border-radius: 12px; background: var(--mob-panel); color: var(--mob-text) !important;
    font-size: 15px !important; line-height: 1.5 !important; text-align: left;
  }
  #html-header :is(.story-head,.post-head) p { font-size: inherit !important; line-height: inherit !important; }
  html:is(.light,.medium,.dark) #html-header :is(.story-head,.post-head) a { color: var(--mob-accent) !important; }
  html:is(.light,.medium,.dark) #html-header a.bestpost-link {
    width: auto !important; font-size: 12px !important; color: var(--mob-accent) !important; text-align: left;
  }
  #html-header .forum-navigation { width: 100% !important; z-index: 210; }
  #html-header .forum-navigation-toggle {
    width: 100%; min-height: 44px; padding: 10px 14px; margin: 0;
    border: 1px solid var(--mob-accent); border-radius: 10px;
    background: var(--mob-panel); color: var(--mob-text); font-size: 14px !important;
  }
  html:is(.light,.medium,.dark) #forum-navigation-window {
    position: relative !important; inset: auto !important; margin: 0 !important;
    width: 100% !important; max-width: 100% !important; max-height: 320px;
    overflow-y: auto; background: var(--mob-bg); color: var(--mob-text);
  }
  #html-header .main-nav-links a { min-height: 44px; padding: 10px; font-size: 14px; }
  html:is(.light,.medium,.dark) #html-header .header-news {
    width: 100% !important; max-width: 100% !important; display: flex;
    flex-direction: row; gap: 10px; overflow-x: auto; padding: 4px 0 10px;
    scroll-snap-type: x proximity;
  }
  #html-header a.newsplash { flex: 0 0 240px; scroll-snap-align: start; min-height: 50px; padding: 10px; }
  #html-header a.newsplash p { font-size: 18px; line-height: 1.2; }
  #html-header .insnewspl { font-size: 13px; line-height: 1.35; }

  /* навигация*/
  html:is(.light,.medium,.dark) :is(div#pun-navlinks,div#pun-ulinks) {
    position: relative !important; inset: auto !important; width: calc(100% + 24px) !important;
    height: auto !important; margin: 0 -12px !important; padding: 10px 12px !important;
    border-radius: 0 !important; z-index: 220; overflow: visible;
  }
  #pun-navlinks .container, #pun-ulinks .container {
    display: flex !important; flex-wrap: wrap !important; gap: 8px 12px !important;
    width: 100% !important; height: auto !important; margin: 0 !important;
  }
  #pun-navlinks ul li a { display: inline-block; font-size: 13px !important; line-height: 1.4 !important; padding: 6px 0; }
  #pun-ulinks ul li a { font-size: 13px !important; }
  html:is(.light,.medium,.dark) div#pun-status .container {
    display: flex !important; flex-wrap: wrap; gap: 8px; position: relative !important;
    inset: auto !important; rotate: none !important; transform: none !important;
    margin: 12px 0 !important; width: 100% !important; line-height: 1.5 !important;
    text-align: left; color: var(--mob-text) !important;
  }
  #pun-status .status-right { float: none !important; }
  #pun-status .container span.item3.status-right a { font-size: 13px; }
  #pun-navlinks #form-login, .punbb #form-login, #List-UserNames {
    position: relative !important; inset: auto !important; width: 100% !important;
    max-width: 100% !important; margin: 10px 0 !important; transform: none !important;
    background: var(--mob-bg); color: var(--mob-text); padding: 12px;
  }
  #form-login input { max-width: 100% !important; }
  #pun-crumbs1, #pun-crumbs2 { margin: 16px 0 !important; overflow-wrap: anywhere; font-size: 13px; }

  /* категоири */
  .category, .forum { width: 100% !important; max-width: 100% !important; min-width: 0; }
#pun .category > h2 {
    width: 100% !important; height: auto !important; min-height: 64px;
    margin: 16px 0 -20px !important; padding: 12px 14px 25px !important;
    background-size: cover !important; font-size: 15px !important; line-height: 1.4;
  }
#pun #pun-stats > h2 {
    width: 100% !important; height: auto !important; min-height: 64px;
    margin: 16px 0 -30px !important; padding: 12px 14px 25px !important;
    background-size: cover !important; font-size: 15px !important; line-height: 1.4;
  }
  #pun .category > .container { width: 100% !important; margin: 0 !important; padding: 24px 10px 10px !important; }
  .category .container::before { display: none !important; }
  .category table, .forum table { width: 100% !important; table-layout: fixed; }
  #pun .category table tr, #pun .multipage .forum tr {
    display: flex; flex-wrap: wrap; width: 100% !important; margin: 12px 0 !important; gap: 12px;
  }
  #pun .category table :is(.tcl,.tcr), #pun .multipage .forum :is(.tcl,.tcr) {
    width: 100% !important; min-width: 0; margin: 0 !important; padding: 10px !important;
  }
  .category .tcmod, .multipage .forum .tc2, .multipage .forum .tc3,
  .multipage .forum thead { display: none !important; }
  #pun .category .tclcon { width: 100%; max-width: 100% !important; padding: 0 !important; margin: 0 !important; gap: 10px; }
  #pun .category tr h3 a { display: inline-block; margin: 0 !important; padding: 8px 10px; font-size: 14px !important; }
    #pun .category tr:not(:has(.needed-chars)) .icon {
        position: absolute;
        width: 58px;
        height: 46px;
        left: -30px !important; width: 100% !important;
    }
.dark #pun .multipage .forum :is(.tcl) {
        background: #00000036;
        border-radius: 5px;
        margin-bottom: 10px !important;
    }
#pun .multipage .forum :is(.tcr) {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: -23px !important;
}
#pun .multipage .forum :is(.tcl) {
    background: #ffffff78;
    border-radius: 5px;
    margin-bottom: 10px !important;
}
.forum .tclcon {
    text-transform: uppercase;
    font-family: var(--font-big);
}
.forum td.tcr {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
  .links-in-for { gap: 6px; }
  .links-in-for a { padding: 8px 12px; font-size: 13px; }
  .category .lastpost, .category .lastpost-link { overflow-wrap: anywhere; }
  .needed-chars { width: 100% !important; max-width: 100%; height: auto !important; margin: 0 !important; gap: 10px; padding-bottom: 12px; }
  a.needed-card { flex: 0 0 280px; height: auto; min-height: 150px; }
  .needed-descr { width: auto !important; min-width: 0; flex: 1; }
.needed-image img {
        width: 85px;
        height: 100% !important;
        object-fit: cover;
    }
  #pun-stats .container { display: flex; flex-direction: column; gap: 12px; font-size: 14px; }

  /* посты */
  .post { margin: 24px 0 !important; }
  .post > .container { display: flex; flex-direction: column; min-width: 0; }
  .punbb .post h3 span { width: 100% !important; margin: 0 !important; padding: 8px 0 !important; overflow-wrap: anywhere; }
  .punbb .post .post-author {
    position: relative !important; inset: auto !important; float: none !important;
    width: 100% !important; margin: 12px 0 !important; padding: 12px !important; border-radius: 12px; overflow: hidden; isolation: isolate;
  }
.hideprofile .post-box {
    margin-left: 0;
}

.topic .hideprofile .post-links ul {
    margin-left: 0px !important;
}
  #pun .post-author ul { width: 100% !important; margin: 0 !important; padding: 0; }
  #pun .post-author :is(.pa-author,.pa-avatar,.pa-title,.pa-fld2,.pa-stats) {
    width: 100% !important; margin: 0 !important; position: relative; padding: 8px 12px;
  }
  #pun .post-author li.pa-author { font-size: 17px !important; overflow-wrap: anywhere; }
  #pun .post-author li.pa-avatar img { width: auto !important; max-width: 160px !important; max-height: 160px !important; height: auto; }
  #pun .post-author li.pa-fld1 { inset: 0 !important; width: 100% !important; height: 100%; margin: 0 !important; z-index: -1; pointer-events: none; }
  #pun .post-author li.pa-fld1 img { width: 100% !important; height: 100% !important; max-height: none !important; object-fit: cover; opacity: .22; }
  #pun .post-author .pa-fld2 :is(.anketa,.info-abt) { width: 100% !important; margin: 0 !important; padding: 12px; height: auto !important; }
  #pun .post-author .info-abt { max-height: 180px; overflow-y: auto; font-size: 14px; }
  #pun .post-author .anketa { min-height: 44px; }
  #pun .post-author .anketa :is(a,p) { font-size: 14px; }
  #pun .post-author .pa-stats { display: flex; justify-content: center; flex-wrap: wrap; gap: 16px; padding: 14px !important; font-size: 13px; }
  #pun .post-author .plashechka { width: 100% !important; margin: 10px 0 0 !important; min-height: 50px; height: auto !important; padding: 10px; }
  #pun .punbb .post-body, #pun .post-body { width: 100% !important; min-width: 0; margin: 0 !important; padding: 12px 0 !important; }
.post .container {
    width: 100%;
}
.post-rating {
    max-width: 100%;
}
.post-box {
    max-width: 100% !important;
    width: 100% !important;
}
  .post-content { font-size: 16px !important; line-height: 1.65 !important; overflow-wrap: anywhere; }
  .post-content img { max-width: 100%; height: auto; }
  .post-content :is(iframe,video) { max-width: 100%; }
  .post-content pre { white-space: pre; overflow-x: auto; max-width: 100%; font-size: 13px; }
  .post-content table { display: block; max-width: 100%; overflow-x: auto; }
  .punbb .post-links { width: 100% !important; margin: 0 !important; padding: 12px 0; }
  .post-links ul { display: flex; flex-wrap: wrap; gap: 8px 12px; }
  .post-links a, .post-vote a, .post-rating a { min-height: 36px; }
  .linkst, .linksb { position: relative !important; width: 100% !important; margin: 16px 0 !important; display: flex; flex-wrap: wrap; gap: 12px; }
  .linkst .pagelink, .linksb .pagelink, .postlink, .subscribelink { width: auto !important; float: none !important; font-size: 14px; }

  /* формы */
  .punbb :is(input,textarea,select) { max-width: 100%; font-size: 16px; }
  .punbb textarea { width: 100% !important; min-height: 180px; }
  .punbb input:not([type=checkbox]):not([type=radio]):not([type=hidden]), .punbb select { min-height: 40px; }
  .punbb .formsubmit { display: flex; flex-wrap: wrap; gap: 10px; }
  .punbb .formsubmit :is(input,a) { max-width: 100%; margin: 0; white-space: normal; }
  #form-buttons { width: 100% !important; }
  #form-buttons tr { display: flex; flex-wrap: wrap; }
  #form-buttons td { flex: 0 0 36px; width: 36px !important; height: 36px !important; }
  #form-buttons td img { max-width: 30px; max-height: 30px; }
  #tags .container { max-width: calc(100vw - 32px); }

  /* профиль */
  #profile .container { display: flex; flex-direction: column; padding: 10px 0 !important; }
  #profilenav { width: 100% !important; margin: 0 !important; float: none; }
  #profilenav ul { display: flex; gap: 12px; overflow-x: auto; padding-bottom: 12px; }
  #profilenav li { flex-shrink: 0; }
  #viewprofile, #viewprofile table, #viewprofile tbody { width: 100% !important; height: auto !important; background: none !important; }
  #viewprofile tbody tr { display: flex !important; flex-direction: column; gap: 14px; width: 100% !important; margin: 0 !important; padding: 0 !important; }
  #viewprofile td#profile-left, #viewprofile td#profile-right {align-items: center;
    width: 100% !important; height: auto !important; min-width: 0; margin: 0 !important;
    padding: 16px !important; background: var(--mob-panel) !important; color: var(--mob-text) !important;
    border-radius: 12px; display: flex; flex-direction: column;
  }
  #viewprofile #profile-left a { color: var(--mob-accent); }
  #viewprofile #profile-right li { width: 100% !important; margin: 0 0 8px !important; padding: 10px; overflow-wrap: anywhere; }
  #viewprofile #profile-right li strong { padding-left: 0; }
  #pa-avatar img { width: auto; max-width: 180px !important; max-height: 180px !important; }

  /* гостевая */
  #pun .guestroom { width: 100% !important; height: auto !important; max-height: none !important; padding: 16px !important; display: flex; flex-direction: column; gap: 20px; background: var(--mob-panel) !important; }
  #pun .guestroom::after { display: none !important; }
  #pun .guestroom :is(.guestroom-left,.guestroom-right,.guestroom-info,.guestroom-faces,.guestroom-char) { overflow: auto;
    position: relative !important; width: 100% !important; max-width: 100% !important;
    height: auto !important; margin: 0 !important; rotate: none !important; transform: none !important;
    color: var(--mob-text) !important;
  }
.needed-group {
    max-height: 100% !important;
    overflow-y: auto !important;
}
.locations-grid {
    max-height: 100% !important;
    overflow-y: auto !important;
}
.location-card {
    max-width: 100% !important;
}
.guestroom-info-code .scrollbox {
    overflow: auto;
    max-height: 40px;
}
.post .custom_tag.custom_tag_levo.buttons.butleft .vkladka {
    margin-top: auto !important;
}
  #pun .guestroom-right { display: flex; flex-direction: column; gap: 20px; }
  #pun .guestroom-info { font-size: 15px; line-height: 1.5; }
  #pun .guestroomfaces-all, #pun .guestroomchar-all { max-height: 230px; overflow-y: auto; }

  /*вкладки*/
  #pun .wrapper { display: grid !important; grid-template-columns: minmax(0,1fr) !important; grid-template-rows: auto auto !important; width: 100% !important; }
  #pun .wrapper > .buttons { grid-column: 1 !important;
        grid-row: 1 !important;
        width: 100% !important;
        position: relative !important;
        margin: 0 !important;
        display: flex;
        flex-wrap: nowrap;
        gap: 8px;
        overflow-x: scroll;
    }
.vkladka {
    white-space: nowrap;
}
  #pun .wrapper > .windows { grid-column: 1 !important; grid-row: 2 !important; min-width: 0; width: 100% !important; margin: 0 !important; }
  .windows .window { max-width: 100%; overflow-x: auto; }
  #pun .locations-grid { display: grid; grid-template-columns: minmax(0,1fr) !important; width: 100%; }
  #pun .location-card { width: 100% !important; min-width: 0; }
  .location-image img { width: 100%; height: auto; }
  #pun .needed { width: 100% !important; height: auto !important; max-height: none !important; padding: 16px !important; background-size: cover; }
  #pun :is(.needed-main,.needed-info) { width: 100% !important; margin: 12px 0 !important; }
  #pun .needed-info { max-height: 300px; overflow: auto; }
  #pun .comehomee .spoiler-box { max-width: 100%; }
  #pun :is(.hrono-filter,.main-hrono,.main-relations,.person-relation) { width: 100% !important; max-width: 100%; }
  .hrono-filters-status, .hrono-filters-time, .hrono-filters-who { display: flex; max-width: 100%; overflow-x: auto; }

  /* попап */


  /* футер */
  #pun .footer-ins { position: relative !important; width: 100% !important; height: auto !important; margin: 24px 0 0 !important; display: flex; flex-direction: column; }
  #pun .footer-img { width: 100% !important; height: auto !important; aspect-ratio: 644 / 164; background-size: contain; background-repeat: no-repeat; }
  #pun .footer-banners { position: relative !important; width: 100% !important; margin: 12px 0 !important; padding: 8px 0 !important; max-height: 130px !important; justify-content: center; }
  .footer-banners a { flex-shrink: 0; }
  .footer-banners img { max-width: 100%; }
  html:is(.light,.medium,.dark) :is(#Go_Top,#Go_Bottom) { position: fixed !important; left: auto !important; right: 8px !important; top: auto !important; margin: 0 !important; width: 46px !important; height: 46px !important; background: var(--mob-panel) !important; color: var(--mob-text); border: 1px solid var(--mob-accent); border-radius: 10px; z-index: 250;         font-size: 10px !important;
        font-family: 'Unbounded';
        display: flex !important;
        align-items: center;
        justify-content: center; }
  html:is(.light,.medium,.dark) #Go_Top { bottom: calc(66px + env(safe-area-inset-bottom)); }
  html:is(.light,.medium,.dark) #Go_Bottom { bottom: calc(12px + env(safe-area-inset-bottom)); }
  #Go_Top::after, #Go_Bottom::after { display: grid; place-items: center; width: 100%; height: 100%; font: 26px/1 sans-serif; }
  #jGrowl { max-width: calc(100vw - 24px); }
  .jGrowl-notification, .notification { width: auto !important; max-width: calc(100vw - 24px); font-size: 14px !important; }
  .unread-notifications .modal-inner, #pun-reputation .inner { box-sizing: border-box; width: calc(100vw - 24px) !important; max-width: 100% !important; max-height: 80dvh !important; overflow: auto; }
  #pun :is(#pun-admain,#pun-adnav) { width: 100% !important; margin: 0 !important; padding: 8px 0 !important; float: none; }
  #pun-adnav ul { display: flex; flex-wrap: wrap; gap: 10px; }
  html:is(.light, .medium, .dark) body {
    background-size: cover !important;
    background-position: center top !important;
    background-repeat: no-repeat !important;
  }
  html:is(.light, .medium, .dark) div#pun-navlinks,
  html:is(.light, .medium, .dark) div#pun-ulinks {
    position: sticky !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    white-space: nowrap !important;
  }

  html:is(.light, .medium, .dark) div#pun-navlinks {
    top: 0 !important;
    height: 35px !important;
    z-index: 220;
  }

  html:is(.light, .medium, .dark) div#pun-ulinks {
    top: 35px !important;
    height: 44px !important;
    z-index: 219;
  }

  #pun-navlinks .container,
  #pun-ulinks .container {
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    align-items: center !important;
    width: max-content !important;
    min-width: 100%;
    height: 100% !important;
    margin: 0 !important;
    white-space: nowrap !important;
  }

  #pun-navlinks .container > li,
  #pun-ulinks .container > li {
    flex: 0 0 auto !important;
  }
}

@media screen and (max-width: 760px) {
    html:is(.light) div#html-header {
        box-sizing: border-box;
        width: calc(100% + 24px) !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 402 / 874;
        margin: 0 -12px 16px !important;
        padding: 0 !important;
        background-image: url(https://forumstatic.ru/files/001c/ce/88/61228.png) !important;
        background-size: 100% 100% !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
    }

    html:is(.medium) div#html-header {
        box-sizing: border-box;
        width: calc(100% + 24px) !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 402 / 874;
        margin: 0 -12px 16px !important;
        padding: 0 !important;
        background-image: url(https://forumstatic.ru/files/001c/ce/88/89529.png) !important;
        background-size: 100% 100% !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
    }

    html:is(.dark) div#html-header {
        box-sizing: border-box;
        width: calc(100% + 24px) !important;
        height: auto !important;
        min-height: 0 !important;
        aspect-ratio: 402 / 874;
        margin: 0 -12px 16px !important;
        padding: 0 !important;
        background-image: url(https://forumstatic.ru/files/001c/ce/88/86146.png) !important;
        background-size: 100% 100% !important;
        background-position: center top !important;
        background-repeat: no-repeat !important;
        background-color: transparent !important;
    }
}

@media screen and (max-width: 760px) {
    #pun .post .post-author {
        width: calc(100% + 27px) !important;
        padding: 12px !important;
        border-radius: 0 !important;
        container-type: inline-size;
        margin-left: -15px !important;
    }

  #pun .post-author > ul {
    display: grid !important;
    grid-template-columns: minmax(0, 42fr) minmax(0, 55fr);
    grid-template-rows: auto 1fr auto;
    gap: 0px 3%;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    position: relative;
    isolation: isolate;
  }

  #pun .post-author > ul > .pa-author {
            margin-bottom: 15px !important;grid-column: 1;
    grid-row: 1;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;

    background: transparent !important;
    text-align: left !important;
    font-size: clamp(15px, 4.5cqw, 26px) !important;
    line-height: 1.1 !important;
    overflow-wrap: anywhere;
margin-top:5px !important;
border:none !important;
  }
.indOnline, .indOffline {
    margin-top: -15px;
    margin-left: 5px !important;
}
  #pun .post-author .pa-author :is(a, strong) {
    font-size: inherit !important;
  }

  #pun .post-author > ul > .pa-title {
    display: none !important;
  }

  #pun .post-author > ul > .pa-avatar {
    grid-column: 1;
    grid-row: 2 / 4;
    align-self: start;

    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
border: none!important;
  }

  #pun .post-author li.pa-avatar img {
    display: block;
    width: 90% !important;
    height: auto !important;
    max-width: none !important;
    max-height: none !important;
    border-radius: 5px !important;
  }

  #pun .post-author > ul > .pa-fld2 {
    grid-column: 2;
    grid-row: 1 / 3;
    align-self: stretch;

    display: flex;
    flex-direction: column;
    width: 100% !important;
    min-width: 0;
    margin: 0 !important;
    padding: 0 !important;
  }

  #pun .post-author .pa-fld2 .anketa {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 10px 8px !important;
    border-radius: 8px 8px 0 0;
  }

  #pun .post-author .pa-fld2 .anketa :is(a, p) {
    font-size: clamp(12px, 3.5cqw, 19px) !important;
    line-height: 1.25 !important;
  }

  #pun .post-author .pa-fld2 .info-abt {
    flex: 1;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: 25cqw !important;
    margin: 0 !important;
    padding: 12px 10px !important;

    overflow-y: auto;
    font-size: clamp(12px, 3.6cqw, 20px) !important;
    line-height: 1.3 !important;
    text-align: left;
  }

  #pun .post-author .info-abt p {
    font-size: inherit !important;
    line-height: inherit !important;
  }

  #pun .post-author > ul > .pa-stats {
    grid-column: 2;
    grid-row: 3;

    display: flex !important;
    justify-content: space-evenly !important;
    align-items: center;
    flex-wrap: nowrap !important;
    gap: 6px !important;

    width: 100% !important;
    margin: 0 !important;
    padding: 10px 6px !important;
    border-radius: 0 0 8px 8px;
    font-size: clamp(12px, 3.6cqw, 20px) !important;
margin-top:-10px !important; 
  }

    #pun .post-author > ul > .pa-fld1 {
        position: absolute !important;
        inset: -12px !important;
        width: calc(100% + 24px) !important;
        height: calc(100% + 24px) !important;
        margin: 0 !important;
        padding: 0 !important;
        z-index: -1;
        pointer-events: none;
        -webkit-mask-image: linear-gradient(135deg, transparent 5%, black 90%);
        mask-image: linear-gradient(164deg, transparent 5%, black 90%);
    }

  #pun .post-author li.pa-fld1 img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover;
    opacity: 1 !important;
  }

  #pun .post-author > ul > .plashechka {
    grid-column: 1 / -1;
    grid-row: 4;
    width: 100% !important;
    margin: 8px 0 0 !important;
  }

  #pun .post-author > ul:not(:has(.pa-fld2)) {
    display: flex !important;
    flex-direction: column;
    align-items: center;
  }

  #pun .post-author > ul:not(:has(.pa-fld2)) > .pa-avatar {
    max-width: 180px !important;
  }
li.pa-fld5 {
    display: none;
}

.gazette {
    max-width: 100% !important;
}

.gazette-naming {
    max-width: 96%;
    margin: 2% !important;
}

.gazette-content {
    display: flex;
    flex-direction: column;
}

.gazette-left {
    width: 90% !important;
    margin: 5% !important;
    text-align: center;
}

.gazette-faces, .gazette-char {
    width: 90% !important;
    margin: 5% !important;
}

.trouble-in-paradise {
    max-width: 100%;
}

.horrors-of table tr {
    display: flex;
    flex-direction: column;
}

.hrono-item {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 0px
}
html:is(.light) body #pun #html-header .upper-header .header-ins .story-head {
    position: absolute;
    top: 63% !important;
    rotate: -8.5deg !important;
    border: none !important;
    background: none !important;
    color: var(--c-accent3) !important;
    width: 60% !important;
    left: 18% !important;
    height: 14% !important;
}

html:is(.medium) body #pun #html-header .upper-header .header-ins .story-head {
        position: absolute;
        top: 63% !important;
        rotate: -5.5deg !important;
        border: none !important;
        background: none !important;
        color: var(--c-accent3) !important;
        width: 60% !important;
        left: 18% !important;
        height: 14% !important;
    }

    html:is(.dark) body #pun #html-header .upper-header .header-ins .story-head {
        position: absolute;
        top: 63% !important;
        rotate: 5deg !important;
        border: none !important;
        background: none !important;
        color: var(--c-accent3) !important;
        width: 80% !important;
        left: 18% !important;
        height: 12% !important;
    }
    .activists-head {
        position: absolute;
        left: 0 !important;
        width: 100% !important;
        top: 2%;
    }

html:is(.light,.medium,.dark) body #pun #html-header .upper-header .header-ins .head-faces {
    top: 5% !important;
    position: absolute;
    left: 2% !important;
}

html:is(.light,.medium,.dark) body #pun #html-header .upper-header .header-ins .forum-name-head {
    top: 10% !important;
    left: 2% !important;
}
html:is(.light) body #pun #html-header .upper-header .header-ins .post-head {
    top: 27% !important;
    rotate: -7deg !important;
    background: none !important;
    border: none !important;
    width: 57% !important;
    left: 20% !important;
    height: 5% !important;
    line-height: 0.8rem !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    font-size: 80% !important;
}
html:is(.medium) body #pun #html-header .upper-header .header-ins .post-head {
        top: 31% !important;
        rotate: -3deg !important;
        background: none !important;
        border: none !important;
        width: 55% !important;
        left: 20% !important;
        height: 8% !important;
        line-height: 0.8rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 80% !important;
    }

    html:is(.dark) body #pun #html-header .upper-header .header-ins .post-head {
        top: 28% !important;
        rotate: -7deg !important;
        background: none !important;
        border: none !important;
        width: 36% !important;
        left: 35% !important;
        height: 5% !important;
        line-height: 0.8rem !important;
        padding-top: 0 !important;
        padding-bottom: 0 !important;
        font-size: 80% !important;
        color: black !important;
        text-align: justify;
    }

    html:is(.light) body #pun #html-header .upper-header .header-ins .postb-head {
        position: absolute;
        rotate: -7deg !important;
        left: 17% !important;
        white-space: nowrap !important;
        margin-top: 46% !important;
        font-size: 50% !important;
    }
    html:is(.medium) body #pun #html-header .upper-header .header-ins .postb-head {
        position: absolute;
        right: 2% !important;
        margin-top: 0% !important;
        font-size: 50% !important;
        max-width: 30% !important;
        text-align: center;
    }

    html:is(.dark) body #pun #html-header .upper-header .header-ins .postb-head {
        position: absolute;
        right: 2% !important;
        margin-top: 0% !important;
        font-size: 50% !important;
        max-width: 30% !important;
        text-align: center;
    }
html:is(.light,.medium,.dark) body #pun #html-header .upper-header .header-ins .postb-head a {
    font-size: 150% !important;
    padding: 5px 10px !important;
}

html:is(.light) body #pun #html-header .upper-header .header-ins a.bestpost-link {
    top: 32.5% !important;
    right: 26% !important;
    rotate: -7deg !important;
    text-align: right !important;
}
html:is(.medium) body #pun #html-header .upper-header .header-ins a.bestpost-link {
top: 40% !important;
        right: 30% !important;
        rotate: -2deg !important;
        text-align: right !important;
        max-width: 50% !important;
    }
    html:is(.dark) body #pun #html-header .upper-header .header-ins a.bestpost-link {
        top: 33.5% !important;
        right: 26% !important;
        rotate: -7deg !important;
        text-align: right !important;
        width: 31% !important;
        line-height: 100% !important;
        color: #402470 !important;
    }
html:is(.light,.medium,.dark) body #pun #html-header .upper-header .header-ins .header-news {
    position: absolute;
    top: 80% !important;
    padding: 2% !important;
}
html:is(.light) body #pun #html-header .upper-header .header-ins .forum-navigation button {
    background: none;
    border: none;
}

html:is(.medium) body #pun #html-header .upper-header .header-ins .forum-navigation button {
        background: none;
        border: none;
        max-width: 65% !IMPORTANT;
    }

    html:is(.dark) body #pun #html-header .upper-header .header-ins .forum-navigation button {
        background: none;
        border: none;
        margin-left: -7% !important;
        font-size: 80% !important;
    }
html:is(.light) body #pun #html-header .upper-header .header-ins .forum-navigation {
    top: 90.5% !important;
    width: 90% !important;
}
html:is(.medium) body #pun #html-header .upper-header .header-ins .forum-navigation {
    top: 90% !important;
    width: 90% !important;
}
    html:is(.dark) body #pun #html-header .upper-header .header-ins .forum-navigation {
        top: 88.5% !important;
        width: 90% !important;
    }

    html:is(.light) body #pun #html-header .upper-header .header-ins p.wizworldgen {
        position: absolute;
        top: 96.4% !important;
        width: 50% !important;
        left: 47% !important;
        overflow: hidden;
        font-size: 70% !important;
        white-space: nowrap;
    }
    html:is(.medium) body #pun #html-header .upper-header .header-ins p.wizworldgen {
position: absolute;
        top: 93% !important;
        width: 42% !important;
        left: 57% !important;
        overflow: hidden;
        font-size: 70% !important;
        line-height: 150%;
    }
    html:is(.dark) body #pun #html-header .upper-header .header-ins p.wizworldgen {
        position: absolute;
        top: 96% !important;
        width: 50% !important;
        left: 10% !important;
        overflow: hidden;
        font-size: 70% !important;
        rotate: -1deg !important;
        line-height: 130% !important;
    }

  html:is(.light, .medium, .dark) div#html-header {
    z-index: 230 !important;
    overflow: visible !important;
  }

html:is(.light,.medium,.dark) body #pun #html-header ul#theme_switcher {
    top: 75% !important;
    left: 2% !important;
}
.category h3 {
    margin-left: -20px !important;
}
#pun .post-author > ul {
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

  #pun .post-author > ul:has(> .pa-stats) {
    row-gap: 0 !important;
  }

  #pun .post-author > ul:has(> .pa-stats) > .pa-fld2 {
    align-self: end !important;
    margin-bottom: 0 !important;
  }

  #pun .post-author > ul > .pa-stats {
    margin-top: 0 !important;
  }

  #pun .post-author > ul > .pa-avatar {
    position: relative !important;
    top: 15px !important;
    margin: 0 !important;
    padding: 0 !important;
  }
#pun *, #custom-popup, #custom-popup * {
  box-sizing: border-box;
}
.dark div#pun-status .container .status-right a {
    color: #8b65ce !important;
}
}




























































@media screen and (max-width: 760px) {
  html:is(.light,.medium,.dark) #custom-popup {
    position: fixed !important;
    top: 50% !important; left: 8px !important; right: 8px !important; bottom: auto !important;
    transform: translateY(-50%) !important;
    width: auto !important; min-width: 0 !important; max-width: none !important;
    height: 550PX !important; min-height: 0 !important; max-height: calc(100dvh - 16px) !important;
    margin: 0 !important; padding: 32px 8px 8px !important;
    box-sizing: border-box !important; overflow: auto !important;
  }
  #custom-popup #popup-iframe {
    display: block; width: 100% !important; min-width: 0 !important; max-width: 100% !important;
    height: 100% !important;
    min-height: 0 !important; max-height: none !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important;
  }
  #custom-popup #close-popup {
    top: 0 !important; right: 0 !important; z-index: 10;
    display: grid; place-items: center; width: 32px; height: 32px;
    font-size: 22px !important; line-height: 1;
  }
}
/* These rules apply within the iframe document, whose width now fits the phone. */
@media screen and (max-width: 760px) {
  html:has(#pun-pages) body {
    width: 100% !important; min-width: 0 !important; max-width: none !important;
    margin: 0 !important; padding: 0 !important; background: transparent !important;
    overflow-x: auto !important; overflow-y: auto !important;
    font-size: 5vw; line-height: 200% !important;
height:100% !important
  }
  html:has(#pun-pages) body #pun {
    width: 98.75vw !important; min-width: 0 !important; max-width: none !important;
    margin: 0 !important; padding: 0 !important; border: 0 !important;
    background: transparent !important;
  }
  html:has(#pun-pages) #pun-pages {
    width: 98.75vw !important; min-width: 0 !important; max-width: none !important;
    font-size: 5vw;
  }
  html:has(#pun-pages) #pun-main,
  html:has(#pun-pages) #pun-main > .main,
  html:has(#pun-pages) .main > .container { min-width: 0; max-width: none !important; }
    html:has(#pun-pages) #pun-pages p {
        font-size: 3vw !important;
        line-height: 3.2vw;
    }    html:has(#pun-pages) #pun-pages .tabs {
        width: 96.25vw !important;
        padding: 2.5vw !important;
        display: flex !important;
        box-sizing: content-box !important;
        height: 40vw;
    }
html:has(#pun > #pun-pages) {
    height: 100% !important;
}

div#pun_wrap:has(#pun > #pun-pages), #pun:has(#pun-pages > .pages), #pun-pages {
    height: 100% !important;
}

.pages {
    height: 95% !important;
}

.pages .section {
    height: 100% !important;
}

.pages .container {
    height: 100% !important;
}
  html:has(#pun-pages) #pun-pages .tab-content,
  html:has(#pun-pages) #pun-pages .sub-tab-content { padding: 1.25vw; }
  html:has(#pun-pages) #pun-pages .tab-buttons,
  html:has(#pun-pages) #pun-pages .sub-tab-buttons {
    padding: 1.25vw; border-radius: 2.5vw; box-sizing: content-box !important;
  }
  html:has(#pun-pages) #pun-pages .tab-buttons {
    max-height: 26.25vw; margin-right: 1.25vw !important; margin-top: -1.25vw !important;
  }
  html:has(#pun-pages) #pun-pages .sub-tab-buttons { margin-top: .625vw !important; }
  html:has(#pun-pages) #pun-pages .sub-tab-buttons button {
    flex: 1; margin: .625vw; padding: .25vw 0 .375vw; border-radius: 1.25vw;
  }
  html:has(#pun-pages) #pun-pages .sub-tab-content.active { position: absolute !important; }
  html:has(#pun-pages) #pun-pages .a-char-info img { max-width: none !important; height: auto; }
  html:has(#pun-pages) #pun-pages .popup-character-descr {
    padding: 3.75vw; box-sizing: content-box !important;
  }
  html:has(#pun-pages) #pun-pages p.popup-character-descr-abt {
    max-height: 50vw; padding-right: 1.25vw;
  }
  html:has(#pun-pages) #pun-pages .popup-character-descr-head { font-size: 1.75vw; }
  html:has(#pun-pages) #pun-pages .popup-character-descr-info { font-size: 1.5vw; }
  html:has(#pun-pages) #pun-pages .popup-character-descr-abt { margin-top: 1.25vw !important; }
  html:has(#pun-pages) #pun-pages .popup-cute-descr { padding: 2.5vw; gap: .625vw; }
  html:has(#pun-pages) #pun-pages .popup-cute img { max-width: 6.25vw; }
  html:has(#pun-pages) #pun-pages .plush-and-back {
    display: flex; flex-direction: row; justify-content: space-around; margin-top: 3.75vw !important;
  }
  html:has(#pun-pages) #pun-pages .loot-back { width: 27.5vw !important; margin-left: 3.125vw !important; }
  html:has(#pun-pages) #pun-pages .loot-back-info { width: 27.5vw; height: 23.125vw; }
  html:has(#pun-pages) #pun-pages .loot-back-info img {
    width: 25.625vw; height: 5vw; margin-top: .625vw; margin-bottom: .625vw;
  }
  html:has(#pun-pages) #pun-pages .loot-plush-info { height: 23.125vw; }
  html:has(#pun-pages) #pun-pages .loot-art-single { margin: 0 1.875vw !important; }
  html:has(#pun-pages) #pun-pages .loot-art-info { padding-top: 5vw; }
  html:has(#pun-pages) #pun-pages .loot-art-s-ins {
    height: 5vw; margin-top: -4.625vw !important; padding-right: .625vw; padding-bottom: .625vw;
    font-size: 1.5vw;
  }
    html:has(#pun-pages) #pun-pages .actual-ach-content {
        padding: 3.75vw;
        margin-top: 0 !important;
    }
  html:has(#pun-pages) #pun-pages .actual-ach-text { margin-left: 1.25vw !important; }
  html:has(#pun-pages) #pun-pages .plashechka img {
    height: 70%; width: 12.5vw; margin-left: 1.25vw; object-fit: contain !important;
  }
  html:has(#pun-pages) #pun-pages :is(#html-header,#pun-navlinks,#pun-ulinks,#pun-status,#pun-crumbs1,#pun-crumbs2),
  html:has(#pun-pages) #pun-pages #pun-main h1,
  html:has(#pun-pages) #pun-pages .footer-main,
  html:has(#pun-pages) #edit-button-container,
  html:has(#pun-pages) .mobile-style-toggler { display: none !important; }


html:has(#pun-pages) p.popup-character-descr-abt {
max-height: 50vw;
}

html:has(#pun-pages) .loot-art-s-desc {
max-width: 25.625vw;
    font-size: 3vw !important;
}

html:has(#pun-pages) .punbb p.loot-art-s-desc {
word-break: break-word;
        font-size: 2.25vw !important;
}

html:has(#pun-pages) .loot-plush {
width: 52.5vw !important;
}

html:has(#pun-pages) .loot-plush-info {
width: 52.5vw !important;
}

html:has(#pun-pages) .loot-plush-info .plash-one,
html:has(#pun-pages) .loot-plush-info .plash-two {
font-size: 4.6vw !important;
}

html:has(#pun-pages) .loot-plush-info .plashechka {
width: 48.75vw !important;
    height: auto !important;
max-height: 25vw !important;
    padding-top: 2.5vw;
    padding-bottom: 2.5vw;
}

html:has(#pun-pages) .loot-plush-info .plash-two {
line-height: 100% !important;
}

html:has(#pun-pages) .loot-art-single img {
height: 25vw  !important;
}

html:has(#pun-pages) p.waiting.dude {
font-size: 2.875vw !important;
}

html:has(#pun-pages) .loot-art-s-ins {
background-size: cover !important;
}

html:has(#pun-pages) .loot-art-s-ins {
width: 25vw !important;
}

html:has(#pun-pages) .loot-plush-info,
html:has(#pun-pages) .loot-back-info {
padding-top: 3.125vw !important;
}

html:has(#pun-pages) .loot-art {
width: 97.5vw !important;
    margin-top: 6.25vw !important;
}

html:has(#pun-pages) .loot-art-info {
width: 97.5vw !important;
    height: 31.25vw !important;
}

html:has(#pun-pages) .loot-plush-head,
html:has(#pun-pages) .loot-back-head,
html:has(#pun-pages) .loot-art-head,
html:has(#pun-pages) .popup-character-head {
font-size: 4.6vw !important;
        width: 26.25vw !important;
        margin-top: -2.5vw;
}

html:has(#pun-pages) .popup-character-head {
font-size: 5vw;
    width: 45vw !important;
}

html:has(#pun-pages) button.tab-btn.ach {
width: 92.5vw !important;
    position: absolute;
    background: #E5E5E5 !important;
    color: black;
    padding: 0.625vw 0 0.875vw;
    z-index: 1000;
bottom: 0 !important;
}

html:has(#pun-pages) .popup-character-descr {
margin-top: 3.75vw !important;
        width: 97.5vw !important;
        height: 37.5vw;
}

html:has(#pun-pages) .popup-cute {
width: 97.5vw !important;
    height: 25vw !important;
    margin-top: 2.5vw !important;
}

html:has(#pun-pages) .popup-cute img {
min-width: 16.25vw !important;
    max-height: 17.5vw !important;
    object-fit: contain;
}

html:has(#pun-pages) .sub-tab-content.active {
margin-top: 20vw !important;
    margin-left: -48.75vw !important;
            width: 97.5vw !important;
height: auto !important;
}

html:has(#pun-pages) .tab-buttons {
display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        width: 95vw !important;
        overflow: scroll;
        height: auto !important;
}

html:has(#pun-pages) .sub-tab-buttons button {
width: 41.25vw !important;
    font-size: 5vw !important;
}

html:has(#pun-pages) .dude-jump,
html:has(#pun-pages) .broom-fly {
display: none !important;
}

html:has(#pun-pages) .sub-tab-buttons {
display: flex;
    flex-direction: column !important;
    width: 41.25vw !important;
    padding-top: 0vw !important;
    margin-left: -47.5vw !important;
    position: absolute;
}

html:has(#pun-pages) .a-char-info img {
width: 50vw !important;
}

html:has(#pun-pages) .a-char-info p {
display: none !important;
}

html:has(#pun-pages) .popup-character {
width: 97.5vw !important;
}

html:has(#pun-pages) .popup-character {
margin-top: 0vw !important;
}

html:has(#pun-pages) .tab-buttons button {
font-size: 4.6vw !important;
        text-wrap-mode: nowrap;
        margin-right: 1.25vw;
        margin-left: 1.25vw;
        width: auto !important;
        padding: 0vw 1.25vw;
        height: auto !important;
        max-height: 16.25vw !important;
}

html:has(#pun-pages) .tab-buttons button,
html:has(#pun-pages) .sub-tab-buttons button {
max-height: 16.25vw !important;
}

html:has(#pun-pages) .loot-plush {
width: 52.5vw !important;
}

html:has(#pun-pages) .loot-plush-info {
width: 52.5vw !important;
}

html:has(#pun-pages) .loot-plush-info .plashechka {
width: 48.75vw !important;
    height: auto !important;
}

html:has(#pun-pages) .loot-plush-info .plash-two {
line-height: 100% !important;
}

    html:has(#pun-pages) .actual-ach-head {
        font-size: 4.6vw !important;
        width: 90vw !important; margin: auto !important;
        position: relative;
    }

html:has(#pun-pages) .actual-ach-content {
margin-top: 3.75vw !important;
    width: 97.5vw !important;
    height: 56.25vw;
}
    html:has(#pun-pages) .actual-ach {
        width: 97.5vw;
        margin-top: 0 !important;
        display: flex;
        flex-direction: column;
    }

html:has(#pun-pages) .actual-ach-single {
width: 87.5vw;
}

html:has(#pun-pages) .actual-ach-text {
width: 75vw;
}

html:has(#pun-pages) .actual-ach-image {
width: 12.5vw !important;
    height: 12.5vw !important;
}

html:has(#pun-pages) .actual-ach-image img {
max-height: 11.875vw;
    max-width: 11.875vw;
}

html:has(#pun-pages) .actual-ach-text-big {
font-size: 3.75vw !important;
}

html:has(#pun-pages) .actual-ach-text-small {
font-size: 3.75vw !important;
line-height:4vw !important;}

html:has(#pun-pages) .loot-art-single {
position: relative;
}
p.loot-art-s-desc {
    margin-top: 0px !important;
    border-radius: 0 0 5px 5px !important;
}
html:has(#pun-pages) .loot-art-single img {
cursor: pointer;
}

html:has(#pun-pages) .loot-art-tooltip {
position: absolute;
        left: 50%;
        top: 20%;
        transform: translateX(-50%);
        z-index: 100;
        max-width: 32.5vw !important;
        padding: 1vw 1.25vw;
        border-radius: 1vw;
        background: rgba(0, 0, 0, .9);
        color: #fff;
        font-size: 3vw;
        line-height: 1.35;
        text-align: center;
        box-sizing: border-box;
        word-break: keep-all;
        width: 100%;
}

html > body:has(#pun-pages) div#pun-about .container span {
    font-size: 0 !important;
    line-height: 0;
}
small#plng {
    width: 50vw;
}
small#togglePreview input.button {
    width: 100% !important;
}
#togglePreview {
    float: right;
    margin-top: 0px !important;
    width: 100% !important;
}
.post.hideprofile form#post {
    width: 100% !important;
}
div#image-area-actions {
    display: flex;
    gap: 0px;
    flex-direction: column;
}
div#font-area span {
    line-height: 140% !important;
    height: 100%;
}


.search li.pa-author strong, .show_user_posts li.pa-author strong  {
    text-align: center !important;
    width: 100% !important;
    display: flex;
    justify-content: center;
}
html > body:has(#pun-pages) div#html-footer {
    line-height: 0;
    font-size: 0;
    display: none;
}

.post-box .locations-gen {
    padding: 3%;
}
.post-box .locations-gen .custom_tag.custom_tag_wrap.wrapper {
    height: 90%;
}

.post-box .locations-gen .custom_tag.custom_tag_levo.buttons.butleft {
    height: 20vw;
    overflow-y: auto;
}

.post-box .locations-gen .custom_tag.custom_tag_contentw.windows {
    max-height: 80% !important;
}
#pun .custom_tag.custom_tag_wrap.wrapper {
    display: flex !important;
    flex-direction: column;
}

.race-img, .race-img img, .race-img p {
    width: 70px;
}
.race-head {
    margin-top: 25px !important;
}
.storytelling {
    padding-right: 0 !important;
}

.dark .storytelling .windows {
    max-height: 450px !important;
    background: url(https://forumstatic.ru/files/001c/ce/88/24402.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}
.custom_tag.custom_tag_contentw.windows {
    overflow-y: scroll;
    overflow-x: hidden;
}
.storytelling .custom_tag.custom_tag_acont.window, .storytelling .custom_tag.custom_tag_cont.window {
    max-height: 100vw !important;
    overflow-y: scroll;
}

.medium .storytelling .windows {
    max-height: 450px !important;
    background: url(https://forumstatic.ru/files/001c/ce/88/54420.webp) !important;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}



.storytelling .custom_tag.custom_tag_wrap.wrapper {
    margin-top: 90px !important;
}
#pun .post-author > ul:not(:has(.pa-fld2)) li.pa-avatar.item2 img {
    max-width: 30% !important;
}
#pun .post-author > ul:not(:has(.pa-fld2)) li.pa-avatar.item2 {
    width: 100% !important;
    text-align: center !important;
    display: flex;
    max-width: 100% !important;
    align-items: center;
    justify-content: center;
    margin-bottom: 30px !important;
}

#pun .post-author > ul:not(:has(.pa-fld2)) li.pa-author a {
    width: 100% !important;
    display: flex;
    text-align: center;
    justify-content: center;
}
#pun .post-author > ul:not(:has(.pa-fld2)) .pa-stats {
    max-width: 50% !important;
    border-radius: 10px !important;
}
.comehomee .needed {max-width:100% !Important;}

div .post-rating p>a {

    width: 35px !important;
    display: flex !important;
    align-items: center;
    justify-content: center;
}
.footer-main {
    background: url(https://forumstatic.ru/files/001c/ce/88/88749.png);
    width: 100vw !important;
    margin-left: -3.5%;
}

.footer-ins {
    display: flex;
    flex-direction: column-reverse !important;
    padding: 5%;
    padding-bottom: 0 !important;
}
.messages-container {
    margin-left: 0 !important;
}

.messages-container form#messages fieldset {
    max-width: 100% !important;
}
.messages-container tr {
  display: flex;
  flex-direction: column;
}
.messages-container tr td {
  width: 100% !important;
}
    .messages-container tr td.tc3, .messages-container tr td.tc2.pmtc24 {
        display: none;
    }
#profile fieldset {
  max-width: 100% !important;
}
.messages-container h3 {
    display: none;
}

.messages-container .post, .messages-container .post .post-author {
    margin-top: 0 !important;
}
.messages-container #messages thead {
    display: none;
}
#profile #form-buttons tr {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
    }

#profile form {
    max-width: 100% !important;
    margin-left: 0 !important;
}
.storytelling .custom_tag.custom_tag_contentw.windows, .storytelling .custom_tag.custom_tag_verh.buttons.buttop {
    max-width: 96% !important;
    margin: auto !important;
}

.storytelling .custom_tag.custom_tag_wrap.wrapper {
        display: flex !important;
        flex-direction: column;
        align-items: center;
           gap: 10px; }

.location-text {
    max-height: 100% !important;
    overflow-y: auto;
}
.locations-gen .custom_tag.custom_tag_wrap.wrapper {
    gap: 10px;
}
.race-text .quote-box {
    padding-bottom: 30px !important;
}
.dark a#Go_Top, .dark a#Go_Bottom {
    color: var(--dc-accent2) !important;
}

.redditmsarrow::after {
    left: 5px !important;
}

.redditms::after {
    left: 0 !important;
}
.gazette-faces p, .gazette-faces p span, .gazette-left p, .gazette-left p span, .gazette-char p, .gazette-char p span {
    line-height: 160% !important;
}

div#pun-ulinks::-webkit-scrollbar, div#pun-navlinks::-webkit-scrollbar {
    width: 0;
    height: 0;
}
.location-title p strong {
    font-size: 80% !important;
}
.location-title {
    margin-top: -5px !important;
}
.actuallocks .location-title {
    margin-top: -10px !important;
}

.hideprofile .post-content {
    width: 100% !important;
}
}