/* Mobile
------------------------------------------------------------------ */

@media screen and (max-device-width: 580px) {
    
    
    /* General */
    
    html {
        padding-top: var(--80) !important;
    }
    
    html #pun {
        width: unset;
        overflow: clip;
    }
    
    html .punbb {
        padding: var(--16);
    }
    
    html .jGrowl.top-right,
    html .jGrowl.top-left {
        top: var(--64);
    }
    
    
    /* Hide elements */
    
    html .post-author .pa-fld3,
    html .post-author .pa-fld5,
    html .post-author .pa-ip,
    html .post-author .pa-ua,
    html .post-author .pa-author::before,
    html .post-author .pa-author::after,
    html .post-author .pa-avatar::before,
    .profile-awards-container thead th:last-child,
    #pun-navlinks::-webkit-scrollbar,
    #pun-ulinks::-webkit-scrollbar,
    #header_table .inner::-webkit-scrollbar,
    #announcements .inner::-webkit-scrollbar,
    #pun-stats #onlinelist.statistics::-webkit-scrollbar,
    #pun-stats .statsinfo::-webkit-scrollbar,
    html #form-buttons tr::-webkit-scrollbar,
    html .post-author .pa-fld3::-webkit-scrollbar,
    html .post-author .awards::-webkit-scrollbar,
    html #profilenav ul::-webkit-scrollbar,
    html #hotkeys::-webkit-scrollbar,
    html #adnav-standard::-webkit-scrollbar,
    html #pun-messages #profilenav::-webkit-scrollbar {
        display: none !important;
    }
    
    
    /* Header */
    
    #header_table {
        background: transparent;
    }
    
    #header_table .inner {
        overflow-x: auto;
        justify-content: start;
        padding: var(--16);
        gap: var(--16);
    }
    
    
    /* Menu */
    
    html #pun-navlinks {
        overflow: auto hidden;
        padding: var(--2) var(--8);
        border-radius: 0;
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
    }
    html #pun-navlinks .container {
        justify-content: start;
    }
    html #pun-navlinks .profilemenu,
    html #pun-navlinks .adminmenu {
        display: none;
    }
    html #pun-ulinks {
        overflow: auto hidden;
        padding: 0 var(--8);
        position: fixed;
        left: 0;
        right: 0;
        top: calc(var(--32) + var(--4));
        border-radius: 0 !important;
        background: rgb(var(--light100));
        box-shadow: 0 var(--8) var(--32) rgb(var(--dark900c) / .2);
    }
    html #pun-ulinks .container {
        justify-content: start;
    }
    html #pun-ulinks li a {
        color: rgb(var(--text900));
    }
    #pun-navlinks .container,
    #pun-ulinks .container {
        white-space: nowrap;
    }
    #pun-navlinks li:has(.unreads),
    #pun-ulinks li:has(.unreads):not([data-number-unread="0"]) {
        order: -1;
    }
    
    
    /* Announcements */
    
    #announcements .inner {
        padding: var(--16);
        margin: 0;
    }
    
    
    /* Status */
    
    #pun-status .item3 {
        padding-top: var(--8);
    }
    
    
    /* Categories */
    
    html #pun-index .category tbody {
        flex-direction: column;
    }

    html #pun-index div.icon::after {
        width: var(--32);
        height: var(--32);
        font-size: 1.2rem;
        border-radius: var(--br300);
    }

    html tr:not(.isub) .icon[data-new-topics]:before {
        width: var(--24);
        height: var(--24);
        font-size: 1.2rem;
    }
    
    #pun-index .category .tclcon {
        width: auto;
    }
    
    #pun-index .category tr {
        flex-direction: column;
    }

    .catalog tbody.hasicon, .embassies tbody.hasicon {
        flex-direction: column !important;
    }
    
    #pun-index.punbb .category-11 tr .desc {
        width: auto;
    }
    
    #pun-index #forum_f32 .tcr {
        width: auto;
    }
    /* Banners */
    
    .banners-large a img {
        width: 100%;
        height: auto;
    }
    #banners468 {
        gap: var(--4);
    }
    #banners88,
    #banners468 {
        padding: var(--16);
        justify-content: center;
    }
    #banners468 img {
        width: 100%;
        height: auto;
    }
    
    
    /* Statistics */
    
    #pun-stats #onlinelist.statistics,
    #pun-stats .statsinfo {
        white-space: nowrap;
        overflow-y: auto;
    }
    #pun-stats #onlinelist.onlinelist div,
    #pun-stats #onlinelist.users_24h div {
        max-height: 30vh;
        overflow-x: auto;
        padding-right: var(--12);
    }
    
    
    /* User Avatar */
    
    #pun .user-avatar {
        width: var(--32) !important;
        height: var(--32) !important;
    }
    
    #pun .user-avatar .avatar-image {
        border-radius: var(--br300);
    }
    
    
    /* Tables */
    
    html .punbb:not(.punbb-admin) th {
        white-space: nowrap !important;
        text-overflow: ellipsis !important;
        overflow: hidden;   
    }
    html td,
    html th {
        padding: var(--8);
    }
    #pun-viewforum tr,
    #pun-modviewforum tr,
    #pun-searchtopics tr,
    #pun-userlist tr,
    #pun-statistic tr,
    #pun-respect tr,
    #pun-positive tr,
    .profile-awards-container tr {
        flex-flow: wrap;
    }
    html #pun-viewforum tr .tcr,
    html #pun-modviewforum tr .tcr,
    html #pun-searchtopics tr .tcr,
    html #pun-userlist tr .tcl,
    html #pun-viewforum tr .tcl .intd,
    html #pun-modviewforum tr .tcl .intd,
    html #pun-searchtopics tr .tcl .intd,
    html #pun-userlist tr .tcl .intd {
        gap: var(--8);
    }
    html #pun-viewforum tr .tcl .intd,
    html #pun-modviewforum tr .tcl .intd,
    html #pun-searchtopics tr .tcl .intd {
        align-items: start;
    }
    
    
    /* Polls */

    html .poll2 tr:not(.question):not(:last-child) td:first-child {
        flex-basis: 100%;
        padding-bottom: 0;
    }

    html .poll2 tr:not(.question):not(:last-child) td:has(h1) {
        flex-grow: 1;
    }

    html .poll2 tr:not(.question):not(:last-child) td:not(.tac):last-child {
        flex-shrink: 0;
    }
    
    
    /* Viewforum tables */
    
    html .punbb:not(#pun-index, #pun-mod, #pun-online, #pun-statistic, .punbb-admin) .tcl {
        width: unset;
        width: 50%;
        flex-grow: 1;
    }
    html .punbb:not(#pun-index, #pun-mod, #pun-searchtopics, #pun-statistic, #pun-userlist, .punbb-admin) .tc2,
    html .punbb:not(#pun-index, #pun-mod, #pun-searchtopics, #pun-statistic, #pun-userlist, .punbb-admin) .tc3 {
        text-align: right;
        width: 15% !important;
    }
    html .punbb:not(#pun-index, #pun-mod, #pun-online, #pun-statistic, .punbb-admin) .tcr {
        padding-top: 0;
        width: 100%;
    }
    html .punbb:not(#pun-index, #pun-mod, #pun-online) .tcr div {
        background: rgb(var(--secondary400) / .2);
        width: 100%;
        border-radius: 0.6rem;
        align-self: stretch;
        padding: var(--8);
    }
    
    
    /* Searchtopics tables */

    .punbb#pun-searchtopics .tc3 {
        width: 20% !important;
        text-align: right;
    }
    
    
    /* Userlinst tables */
    
    html #pun-userlist tr td,
    html #pun-userlist tr th {
        box-sizing: border-box;
    }
    html #pun-userlist tr .username {
        width: 40% !important;
    }
    html #pun-userlist tr .title,
    html #pun-userlist tr .user_title {
        width: 60% !important;
    }
    html #pun-userlist tr .relation,
    html #pun-userlist tr .posts,
    html #pun-userlist tr .num_posts {
        width: 20% !important;
        flex-grow: 1 !important;
    }
    html #pun-userlist tr .registered,
    html #pun-userlist tr .last_visit {
        width: 30% !important;
        flex-grow: 1 !important;
        text-align: left !important;
    }
    html #pun-userlist tr .relation,
    html #pun-userlist tr .posts,
    html #pun-userlist tr .num_posts {
        text-align: left !important;
    }


    /* Statistic page tables */

    #pun-statistic tr th,
    #pun-statistic tr td {
        box-sizing: border-box;
    }

    #pun-statistic tr .tcl {
        width: 33% !important;        
    }
    
    #pun-statistic tr .tc2 {
        width: 66% !important;
        text-align: right;
    }

    #pun-statistic tr .tc3 {
        width: 33% !important;
    }

    #pun-statistic tr .tc3:last-child {
        text-align: right;
    }

    #pun-statistic #most_viewed_topics .tcl,
    #pun-statistic #most_viewed_topics .tc2,
    #pun-statistic #most_replied_topics .tcl,
    #pun-statistic #most_replied_topics .tc2 {
        width: 30% !important;
    }

    #pun-statistic #most_viewed_topics .tc3,
    #pun-statistic #most_replied_topics .tc3 {
        width: 20% !important;
    }


    /* Reputation tables */
    
    html #pun-respect .tc4,
    html #pun-positive .tc4 {
        flex-basis: 50%;
    }
    
    html #pun-respect .tcr,
    html #pun-positive .tcr {
        flex-basis: 40%;
    }
    
    
    /* Icons */
    
    html .punbb div.icon::after {
        margin: 0;
    }
    
    
    /* Other buttons */
    
    html #topic-modmenu span,
    html .forum ~ .modmenu span {
        float: none;
        display: block;
        margin-top: var(--8);
    }
    .forum ~ .modmenu strong {
        display: block;
    }
    .forum ~ .modmenu input:last-child {
        margin-top: 0;
    }
    html #pun .postlink {
        float: none;
        display: flex;
    }
    html #pun .postlink span {
        flex-grow: 1;
        flex-shrink: 0;
    }
    html #pun .postlink span a {
        display: block;
        text-align: center;
        padding-top: var(--8);
        padding-bottom: var(--8);
        border-radius: 2rem;
    }
    
    
    /* Paginator */
    
    html #pun-viewforum .pagelink,
    html #pun-modviewforum .pagelink,
    html #pun-searchtopics .pagelink,
    html .punbb:not(.punbb-admin) .pagelink {
        display: flex;
        justify-content: center;
    }
    html .punbb:not(.punbb-admin) .pagelink {
        margin-bottom: var(--16);
    }
    html .punbb:not(.punbb-admin) .pagelink .prev {
        margin-right: auto;
    }
    html .punbb:not(.punbb-admin) .pagelink .next {
        margin-left: auto;
    }
    html .punbb:not(.punbb-admin) .linkst {
        margin: var(--16) 0;
    }
    
    
    /* Topic bottom */
    
    html #pun-viewtopic .linksb .subscribelink {
        float: none;
        clear: both;
        margin: 0;
    }
    html #pun-viewtopic .linksb .subscribelink a {
        display: block;
    }
    html #s-block {
        float: none !important;
        margin-bottom: var(--8);
    }
    html #realtime-toggle a {
        display: block;
    }
    
    
    /* Reply form */

    html #main-reply {
        padding: var(--12);
        font-size: 1.2rem !important;
    }
    
    html #form-buttons table {
        width: unset !important;
        display: flex;
        margin: 0 calc(var(--16) * -1);
    }
    html #form-buttons tr {
        white-space: nowrap;
        overflow-x: auto;
        padding: 0 var(--16);
    }
    html #form-buttons td {
        width: var(--32) !important;
        height: var(--32) !important;
        border-radius: 0.8rem !important;
        flex-shrink: 0;
    }
    html #pun #tags .container {
        box-sizing: border-box;
        max-width: calc(100vw - var(--32));
    }
    html #hotkeys_wrap {
        height: 70%;
        border-radius: 1rem 1rem 0 0;
        padding: var(--16) 0 0;
    }
    html #hotkeys {
        width: unset;
        padding: 0 var(--16) var(--16);
        flex-direction: column;
        height: 100%;
        overflow: hidden auto;
    }
    html #hotkeys p {
        margin-top: var(--16);
    }
    
    
    /* Post */
    
    html .post h3 {
        float: none;
        width: unset;
    }
    html .post h3:has(#fntSlider) strong {
        padding-top: var(--24)
    }
    html #fntSlider {
        float: none;
        width: 100%;
        display: block;
        margin: 0 0 var(--8);
    }
    html .post .container {
        flex-flow: nowrap;
        flex-direction: column;
    }
    html .post-body {
        width: unset;
        padding: 0;
    }
    html .post .bookmark {
        right: calc(var(--16) * -1);
    }
    html .post-content {
        overflow-x: auto;
    }
    
    
    /* Notify link */
    
    html .notify-link {
        top: -1px;
        left: unset;
    }

    html .notify-link strong {
        height: 15px !important;
        min-width: 15px !important;
    }
    
    
    /* Post links */
    
    .punbb .post-links li a {
        font-size: 0;
        border-radius: 1rem;
    }    
    .punbb .post-links li a::before {
        content: '';
        font: 400 1.4rem/100% var(--fa);
    }
    .punbb .post-links .pl-email.block a::before {
        content: '\f05e';
    }
    .punbb .post-links .pl-email.profile a::before {
        content: '\f007';
    }
    .punbb .post-links .pl-email.pm a::before {
        content: '\f0e0';
    }
    .punbb .post-links .pl-email.email a::before,
    #pun-messages .post-links .pl-email a::before {
        content: '\40';
    }
    .punbb .post-links .pl-website.website a::before {
        content: '\f0ac';
    }
    .punbb .post-links .pl-email.social-telegram a::before {
        content: '\f1d8';
    }
    .punbb .post-links .pl-delete a::before {
        content: '\f2ed';
    }
    .punbb .post-links .pl-edit a::before {
        content: '\f304';
    }
    .punbb .post-links .pl-quote a::before {
        content: '\f3e5';
    }
    #pun-searchposts .post-links a::before {
        content: '\f08e';
    }
    
    
    /* Post profile */
    
    html .post-author {
        position: relative;
        top: 0;
        margin: 0 0 var(--8);
        width: unset;
        align-self: unset;
        border-radius: var(--br400);
        margin-bottom: var(--8) !important;
        padding: var(--8) !important;
    }
    
    html .punbb#pun-searchposts .post-author,
    html .punbb#pun-premoderation .post-author {
        margin: 0;
    }
    
    html .post-author ul {
        border-radius: var(--br200);
        padding: var(--8) !important;
        margin-top: 0;
        display: grid;
        grid-template-columns: max-content 1fr;
        grid-template-rows: max-content 1fr max-content;
        grid-template-areas:
          "avatar author"
          "avatar title"
          "avatar parow";
    }
    
    html .post-author .pa-row1 {
        grid-area: parow;
        border-radius: 0 0 var(--8) var(--8);
        padding-bottom: var(--6) !important;
    }
    
    html .post-author .pa-row1 li {
        font-size: 0.9rem;
    }    
    
    html .post-author .pa-row1 > li .fld-name {
        line-height: 12px;
    }
    
    html .post-author .pa-author {
        padding: 0 !important;
        margin: 0 !important;
        position: unset !important;
        grid-area: author;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    html .punbb#pun-searchposts .pa-author {
        border-radius: var(--8);
    }
    
    html .punbb:not(#pun-searchposts) .pa-author a,
    html .punbb:not(#pun-searchposts) .pa-author strong {
        display: block;
        background: rgb(var(--dark900c));
        color: rgb(var(--light100));
    }
    
    html .post-author .pa-title {
        grid-area: title;
        border-radius: 0;
        margin: 0 !important;
        padding: var(--2) var(--8) 0!important;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    html .punbb #tuser {
        position: absolute;
        bottom: var(--12);
        left: var(--40);
        right: unset;
        top: unset;
        animation: none;
        opacity: 1;
        z-index: 2;
        background: rgb(var(--light100));
        width: var(--24);
        height: var(--24);
        display: inline-flex;
        align-items: center;
        justify-content: center;
        border-radius: 0.6rem;
        font-size: 1.4rem;
    }
    
    html .punbb #tuser:hover {
        background: rgb(var(--primary400));
        color: rgb(var(--light100)) !important;
    }
    
    html .punbb .indOffline,
    html .punbb .indOnline {
        top: calc(var(--8) + var(--2));
        left: calc(var(--8) + var(--2));
        right: unset;
    }
    
    html .post-author .pa-avatar {
        grid-area: avatar;
        padding-right: var(--8);
        padding-bottom: 0 !important;
    }
    
    html .post-author .pa-avatar img {
        height: 100px;
        width: 100px;
        object-fit: cover;
    }
    html .post-author .pa-awards {
        position: absolute;
        position: absolute;
        z-index: 1;
        width: 100%;
        left: 0;
        right: 0;
        bottom: 0;
    }
    html .post-author .mini_awards_label {
        bottom: var(--12);
        left: var(--12);
        margin: 0;
        background-color: rgb(var(--light100));
        width: var(--24);
        height: var(--24);
        border-radius: 0.6rem;
        border: none;
        background-size: clamp(16px, 16px, 16px);
    }
    html .post-author .mini_awards_label:hover {
        background-color: rgb(var(--primary400));
    }
    html .post-author .awards {
        max-height: 180px;
        overflow-y: auto;
        box-shadow: 0 var(--32) var(--64) rgb(var(--dark900) / .6);
        border-radius: 1rem;
        position: relative;
        bottom: var(--40);
    }
    html .post-author .mini_awards {
        padding: var(--8);
    }
    
    
    /* Profile page */
    
    html #viewprofile-next {
        flex-direction: column;
        gap: 0;
    }
    html #viewprofile-next .container {
        padding-top: 0;
    }
    html #profilenav {
        float: none !important;
        margin: 0 0 var(--16) 0 !important;
    }
    html #profilenav ul {
        white-space: nowrap;
        overflow-x: auto;
        margin: 0 calc(var(--16) * -1);
        padding: 0 var(--16);
    }
    html #profilenav li {
        display: inline-block;
    }
    html #viewprofile .container tr {
        flex-direction: column;
        gap: var(--16);
    }
    html body #profile-left {
        width: unset !important;
        text-align: center;
    }
    
    
    /* Messages page */

    html #pun-messages div:not(#form-buttons) > table tr {
        flex-flow: wrap;
    }

    html #pun-messages .tcl.pmtcl1 {
        box-sizing: border-box;
        width: 100% !important;
        text-align: left;
    }

    html #pun-messages .tc2.pmtc22 {
        box-sizing: border-box;
        width: 50% !important;
        text-align: left;
    }
    
    html #pun-messages .tc3.pmtc33 {
        box-sizing: border-box;
        width: 40% !important;
        text-align: left;
    }
    
    html #pun-messages .tc2.pmtc24 {
        box-sizing: border-box;
        width: 10% !important;
        text-align: right;
        padding: var(--8) !important;
    }

    html #pun-messages #profilenav {
        display: block;
        overflow-x: auto;
        white-space: nowrap;
        margin: 0 calc(var(--16) * -1) !important;
        padding: 0 var(--16);
    }

    html #pun-messages #profilenav ul {
        white-space: unset;
        margin: 0;
        padding: 0;
    }
    
    
    /* Awards page */

    html .fr {
        float: none;
    }


    /* Reactions */

    html .reaction-picker {
        position: unset;
    }

    html .topic .reaction-picker-panel {
        top: unset;
        left: unset;
        right: 0;
        transform: none;
        z-index: 7;
    }

    html .reactions-root .emoji-mart {
        width: unset !important;
        min-width: calc(100vw - var(--32))
    }
    
    
    /* Sidebar */
    
    html #sidebar .cont {
        left: 100%;
        width: calc(100vw - 100px);
        padding: var(--16);
    }
    
    
    /* Admin pages */

    html .adminmain {
        padding: 0;
    }

    html #pun-adnav {
        float: none;
        width: unset;
        display: block;
        margin: 0;
        background: rgb(var(--light100));
        z-index: 7;
        top: 2.6rem
    }
    html #adnav-standard {
        white-space: nowrap;
        overflow-y: auto;
        margin: 0 calc(var(--16) * -1);
        padding-left: var(--16);
        padding-right: var(--16);
    }
    html #pun-adnav ul {
        padding: 0.8rem 0;
    }
    html #pun-adnav ul ul {
        display: inline-block !important;
        padding: 0 !important;
    }
    html #pun-adnav ul > li {
        padding-bottom: 0;
    }
    html #pun-adnav ul > li,
    html #adnav-standard > ul > li > a {
        display: inline-block;
    }
    html #pun-adnav ul > li.isactive:has(ul) {
        padding: var(--8);
        border-radius: 1rem;
        background: rgb(var(--secondary400) / .2);
    }
    html #pun-adnav li a {
        background: rgb(var(--secondary400) / .38);
    }
    html #pun-adnav ul.adsubnav li {
        padding: 0 !important;
    }
    html #pun-adnav ul.adsubnav li a {
        display: inline-block;
        padding: var(--4) var(--8);
        position: relative;
        font-size: 0.9rem;
        font-weight: 700;
        text-transform: uppercase;
        border-radius: var(--8);
    }
    html #pun-admain .adsubmit {
        display: block;
        position: relative !important;
        top: unset !important;
        left: unset !important;
        width: unset !important;
        padding: 1em;
    }
    html #pun-admain .adcontainer {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }
    html #pun-admain fieldset {
        min-inline-size: auto;
    }
    html #pun-admain fieldset .handle,
    html #pun-admain fieldset p {
        border: none;
    }
    html #pun-admain .adlabel,
    html #pun-admain .adinput {
        display: block;
        padding-bottom: var(--8);
        float: none;
        margin: 0;
    }
    html #pun-admin_index #pun-admain .adformal div ul,
    html #pun-admin_index #pun-admain div p {
        padding-top: 0.8em;
    }
    html #pun-admain2 fieldset .subforums {
        margin-left: 2em;
    }
    html:has(#pun-admain) .jGrowl.top-right,
    html:has(#pun-admain) .jGrowl.top-left {
        display: none;
    }
    html #pun-admain .submittop {
        position: relative;
        top: unset;
        background: transparent;
        z-index: unset;
    }
    html #pun-admain .submitend {
        margin: 0 calc(var(--16) * -1);
        background: rgb(var(--light100));
        position: sticky;
        bottom: 0 !important;
        padding: var(--8) var(--16);
        z-index: 6;
    }

    html #pun-admain .adfs-box:has(#filetable, #domcontainer),
    html #pun-admin_logs .adformal {
        overflow-x: auto;
    }
    
    html #pun-admain #filetable .tcl {
        width: 88px !important;
    }
     
    html #pun-admain #domcontainer .tcl,
    html #pun-admin_logs table .tc2,
    html #pun-admin_logs table .tc3,
    html #pun-admin_logs table .tcr {
        width: 120px !important;
    }
    
    html #pun-admain #filetable .tc2,
    html #pun-admin_logs table .tcl {
        width: 80px !important;
    }
    
    html #pun-admain #domcontainer .tc2 {
        width: 120px !important;
    }
    
    html #pun-admain #filetable .ft-tags {
        width: 32px !important;
    }
    
    html #pun-admain #filetable .tc3, 
    html #pun-admain #domcontainer .tc3 {
        width: 48px !important;
    }
    
    html #pun-admain #filetable .tcr, 
    html #pun-admain #domcontainer .tcr {
        width: 180px !important;
    }
    
    html #pun-admain #filetable .checker {
        width: 24px !important;
    }
    

    /* Bingo */

    html .p_bingo {
        margin: 0;
        gap: var(--8);
    }

    html .p_bingo .task {
        padding: var(--8);
        aspect-ratio: unset;
    }

    html .p_bingo .task .proof {
        padding: var(--8);
    }

    html .p_bingo .task p {
        font-size: 0.9em !important;
    }


    /* Fill code as form */

    html .tmpl_popup {
        top: var(--16);
        width: unset;
        height: calc(100vh - var(--32));
        margin-left: var(--16);
        margin-right: var(--16);
        box-sizing: border-box;
    }

    html #tmpl_back-button {
        position: relative;
        top: unset;
        left: unset;
        margin-bottom: 0;
    }

    html .tmpl_popup h2 span {
        display: none;
    }

    html #targetForm tr {
        padding: var(--8);
    }
    
    
    /* Profile Shop */     

    html #pun .p_profile_shop {
        padding: 0;
        background: none;
        border-radius: 0;
    }
    
    html .p_profile_shop .window {
        padding: 0 var(--16) 0 0;
    }
    
    html .p_profile_shop > table tr {
        display: flex;
        flex-direction: column;
        gap: var(--16) !important;
    }
    
    html .p_profile_shop > table td:has(.post-author) {
        width: unset !important;
        order: -1;
    }
    
    html .p_profile_shop .post-author .pa-author {
        padding: var(--8);
    }
    
    html .p_profile_shop .post-author .pa-avatar {
        margin-right: var(--8);
    }
    
    html .p_profile_shop .button,
    html .p_profile_shop .profileShopSum {
        margin-left: 0 !important;
        width: 100%;
    }


    /* PM Messenger */
    
    html #pun-messages .dialog .tcl .intd {
        flex-flow: wrap;
    }
    html #pun-messages .dialog-avatar + div.tclcon {
        margin-left: 0 !important;
        flex-grow: 1;
        flex-basis: 0;
        word-break:break-all;
    }
    html #pun-messages .dialog-time-ago {
        flex-shrink: 0;
        margin: 0 var(--8) 0;
    }
    html #pun-messages .dialog-message {
        width: 100%;
    }
    html #pun-messages .view-dialog .user-avatar,
    html #pun-messages .dialog .user-avatar {
        margin: 0;
    }


    /* Dialog page */

    html #pun-messages .messenger-processed .post div.post-author {
        padding: var(--8);
        border-radius: 1rem;
        background-color: rgb(var(--secondary400) / .38) !important;
        top: 0;
        margin-bottom: var(--8) !important;
    }

    html #pun-messages .messenger-processed .pa-author {
        display: block;
    }

    html #pun-messages .messenger-processed .pa-avatar {
        margin-right: var(--8);
    }

    html #pun-messages .messenger-processed .pa-avatar img {
        width: unset;
        height: unset;
        max-height: 40px;
        aspect-ratio: 1;
    }

    html #pun-messages .dialog-avatar .isonline {
        box-sizing: content-box;
    }

    html #pun-messages .messenger-processed .post-body {
        width: 100%;
        padding: 0;
    }
    
    html #messages #user-info .user-info-actions {
        float: none;
    }
    
    
    /* Ams list */
    
    .p_ams {
        flex-direction: column;
    }
    
    
    /* Script navigation list in post */

    .punbb #sitemap_4eDo {
        columns: 1;
    }
    

    /* Roleforums reviews */

    #forumReviews .forumReview {
        flex-basis: 100% !important;
    }


    /* Awards Page */

    html .mod-awards-list #awards-content tr {
        flex-basis: calc(50% - var(--8)) !important;
        padding: var(--16);
        word-break: break-word;
    }

    
    /* BB-header */

    .p_h1 {
        padding: var(--16);
    }
    
    
    /* BB-lottery */

    .p_lottery .ticket {
        flex-basis: calc(50% - var(--16)) !important;
    }
    
    
    /* BB-bank */
    
    .p_bank .itemsList {
        flex-direction: column;
    }
    
    .p_bank .window {
        padding: 0 var(--8) var(--8);
        margin: 0;
    }
    
    .p_bank .item .controls {
        flex-basis: 100%;
    }
    
    .p_bank .item .number,
    .p_bank .item .buttonExternal {
        flex-basis: 100%;
    }
    
    .p_bank .item .number input,
    .bankBottomBlock .button,    
    .p_bank .item .buttonExternal a {
        width: 100%;
    }
    
    
    /* Weekly graphics winners in post */
    
    html .p_weekly_graphics,
    html .p_weekly_graphics .row {
        gap: var(--8)
    }
    html .p_weekly_graphics .h1 {
        margin-top: 0;
    }
    html .p_weekly_graphics .winner {
        padding: var(--16);
    }
    html .p_weekly_graphics .avatars .winner {
        flex-basis: calc(50% - var(--32) - var(--4));
        flex-grow: 0;
    }
    html .p_weekly_graphics .winner p strong {
        font-size: 0.9rem;
        line-height: 120%;
    }
    
    
    /* Weekly graphics user vote in post */
    
    .p_weekly_graphic_vote {
        flex-flow: row;
        max-height: 80vh;
        overflow: auto hidden;
        padding-bottom: var(--16);
    }
    .p_weekly_graphic_vote .item {
        flex-basis: calc(50% - var(--16));
        flex-shrink: 0;
    }
    
    
    /* Graphics Feed Gallery */
    
    /* Counter */
    
    #galleryCheckedImg {
        left: 0;
        border-radius: 0;
        top: var(--64);
        text-align: center;
    }


    /* Free Graphics Navigation in Post  */

    html .p_free_graphics {
        gap: var(--16) !important;
    }
    
    
    /* Wanted roles in the forum on the main page */
    
    #pun-index tr #wanted {
        flex-direction: column;
    }
    
    #pun-index tr #wanted > a {
        min-height: 80px;
        height: 80px;
    }


    /* BB-vkladki */

    html .butright,
    html .butleft {
        grid-area: buttop; padding: var(--16) 0;
        display: flex;
        flex-flow: wrap;
        justify-content: center;
        gap: var(--8);
    }


    /* Adaptive Block */
    
    .p_adaptive,
    .p_adaptive > p {
        flex-direction: column;
        flex-flow: column;
    }
}