/* ReCatchap */
.grecaptcha-badge {
    z-index: 25;
}

/* Base */
body {
    background: var(--color-1);
    color: var(--color-3);
    font-size: 16px;
    font-family: var(--font-3);
    line-height: 24px;
    min-height: 100vh;
    background-image: var(--pattern);
    background-attachment: fixed;
    background-repeat: repeat;

    > footer,
    > header,
    > section {
        padding: 0 !important;
    }

    > * > .main-body {
        max-width: 1280px;
        position: relative;
        margin: 0 auto;
        border-width: 0 2px;
        border-style: solid;
        border-color: var(--color-2);

        &::before {
            content: "";
            width: 100%;
            height: 100%;
            background: var(--color-1);
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 0;
            opacity: 0.5;
        }

        > aside,
        > article,
        > section,
        > nav {
            position: relative;
            z-index: 1;
        }
    }

    #forum-body > .main-body {
        padding: 0;
    }

    .basic-element {
        margin: 0 0 3rem 0;

        &:last-child {
            margin: 0;
        }
    }

    .msg-element {
        padding: 2rem 2.225rem;
    }

    .field-element {
        &.field-cloudflare {
            display: flex;
            justify-content: center;
            height: 65px;
        }
    }

    .field-block {
        max-width: calc(698px + 2rem);
        margin: 2rem auto 0 auto;
        padding: 0 2.225rem;
    }

    .forumseparator-element {
        height: 2rem;

        img {
            display: none;
        }
    }

    .profile-sticky {
        align-self: baseline;
        position: sticky;
        top: 58px;
    }

    .page-anchor {
        position: absolute;
        top: -58px;
    }

    a {
        color: var(--color-contrast);
        font-family: var(--font-2);
        font-size: 107%;
        font-weight: 600;
        transition: 0.5s ease-in-out filter;

        &:hover {
            filter: brightness(1.15);
        }
    }

    .is-dramatic {
        animation: none;
    }
}

/* Navbar */
#forum-navbar {
    position: sticky;
    top: 0;
    z-index: 50;

    > .main-body {
        display: flex;
        justify-content: space-between;
        border-bottom: 2px solid var(--color-2);

        > a,
        > nav {
            position: relative;
            z-index: 2;
        }

        &::before {
            content: "";
            opacity: 0.9;
        }
    }

    #multiaccount-transition {
        position: fixed;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 999;
        display: flex;
        justify-content: center;
        align-items: center;

        > * {
            z-index: 2;
        }

        &::before {
            display: block;
            content: "";
            width: 100%;
            height: 100%;
            background: var(--color-1);
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0.8;
        }
    }

    nav ul {
        display: flex;

        .navbar-item {
            position: relative;
            padding: 0;
            border-left: 2px solid var(--color-2);

            select {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                border: 0;
                opacity: 0;
                z-index: 2;
                cursor: pointer;
                font-size: 1rem;

                &:focus,
                &:hover {
                    & + a {
                        grid-template-columns: 0fr 1fr;
                        gap: 0.725rem;
                    }
                }
            }

            a {
                display: grid;
                transition:
                    0.5s ease-in-out grid-template-columns,
                    0.5s ease-in-out gap;
                grid-template-columns: 0fr 0fr;
                gap: 0;
                color: var(--color-3);
                padding: 1rem 1.225rem;

                > * {
                    height: 24px;
                    display: flex;
                    align-items: center;
                    overflow: hidden;
                }

                &:hover {
                    grid-template-columns: 0fr 1fr;
                    gap: 0.725rem;
                }

                .icon {
                    position: relative;
                    top: 1px;
                }

                &#hmg-button {
                    display: block;

                    i {
                        &::before {
                            transition: 0.5s ease-in-out content;
                        }
                    }

                    &:hover {
                        gap: 0;
                    }
                }
            }
        }
    }

    .user {
        display: flex;

        .user-avatar {
            max-height: 56px;
            overflow: hidden;
            display: flex;
            justify-content: center;
            align-items: center;
            aspect-ratio: 1 / 1;
        }

        .username {
            display: block;
            padding: 1rem 1.225rem;
            font-style: italic;
            text-transform: uppercase;
            font-weight: 600;
            letter-spacing: 1px;
            font-size: 1.5rem;
        }
    }
}

/* Cabecera */
#page-header {
    height: 514px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: var(--header);
    background-position: center;
    background-size: cover;

    &::before {
        display: none;
    }

    #forum-logo {
        position: relative;
        z-index: 2;
    }

    #forum-logo,
    #forum-logo img {
        display: block;
    }
}

/* Side */
#forum-body {
    > .main-body {
        > article {
            display: flex;
            justify-content: space-between;

            &#content-container {
                z-index: unset;
            }

            #forum-content,
            #forum-wiki {
                width: calc(1200px - 259px);
                order: 0;
                flex: 1 1;
            }

            #forum-topbar {
                order: 1;
                width: 255px;
                padding: 0 2.225rem;
                border-left: 2px solid var(--color-2);

                #side-section {
                    &::after {
                        content: "";
                        display: block;
                        width: calc(100% + 4.45rem);
                        height: 2px;
                        background: var(--color-2);
                        margin: 0 -2.225rem;
                    }

                    .plank-block .plank-title {
                        font-family: var(--font-2);
                        font-weight: 600;
                        font-style: italic;
                        text-align: center;
                        padding: 1rem;
                        border-top: 2px solid var(--color-2);
                        border-bottom: 2px solid var(--color-2);
                        margin: 1.5rem -2.225rem;
                    }

                    #plank-help .plank-title {
                        margin-top: 0;
                    }

                    #help-main {
                        display: grid;
                        grid-template-columns: repeat(2, minmax(0, 1fr));
                        grid-gap: 0.5rem;

                        a {
                            display: block;
                            text-align: center;

                            &:nth-child(2n - 1):last-child {
                                grid-column: span 2;
                            }
                        }
                    }

                    #plank-anmt ul,
                    #plank-staff ul {
                        display: flex;
                        flex-flow: column wrap;
                        gap: 0.725rem;
                    }

                    .anmt-element {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        gap: 0.725rem;
                    }

                    .anmt-date {
                        font-family: var(--font-1);
                        font-weight: 700;
                        font-size: 120%;
                        color: var(--color-3);
                    }

                    .anmt-title {
                        position: relative;
                        top: -3px;
                        text-align: center;
                        width: 80px;
                    }

                    .admin-element {
                        position: relative;
                        display: flex;
                        flex-flow: column wrap;
                        align-items: center;
                        text-align: center;
                        padding: 0.725rem 0.5rem;

                        &::before {
                            content: "";
                            width: 100%;
                            height: 100%;
                            background: var(--color-1);
                            display: block;
                            position: absolute;
                            top: 0;
                            left: 0;
                            z-index: 0;
                            opacity: 0.5;
                        }
                    }

                    .admin-name,
                    .admin-desc {
                        position: relative;
                        z-index: 2;
                    }

                    .admin-name {
                        font-family: var(--font-1);
                        font-weight: 700;
                        font-size: 120%;
                        color: var(--color-3);
                        text-transform: lowercase;
                    }

                    .admin-desc {
                        font-size: 90%;
                        font-style: italic;
                    }

                    #sq-img,
                    #search-img {
                        display: block;
                        height: 250px;
                        background-size: cover;
                        background-position: center;
                        margin: 0 0 1.5rem 0;
                    }
                }
            }

            #forum-rules {
                margin: 0;
                border-top: 2px solid var(--color-2);

                .msg-element {
                    padding: 2.5rem 2.225rem;

                    .is-content {
                        margin: 1rem 0 0 0;

                        ol {
                            padding: 0 0 0 2rem;
                            font-size: 0.925rem;
                        }
                    }
                }
            }
        }
    }
}

/* Páginas */
body {
    #frmAgreement {
        .post-content {
            margin: 2rem 2.225rem;
        }

        #usereply-comand {
            margin: -1.075rem 1.725rem 1.5rem 1.725rem;
        }
    }

    #forum-body {
        .is-two-columns-page {
            margin: 1.25rem 1.475rem;
        }
    }
}

/* Cargando */
body {
    #loading-element {
        padding: 2rem 2.225rem;

        #loading-content {
            i {
                font-size: 0.925rem;
            }

            span {
                font-family: var(--font-2);
                font-weight: 600;
                font-style: italic;
                font-size: 1.125rem;
            }
        }
    }
}

/* Mensajes Privados */
#mp-section {
    &,
    > .basic-element {
        display: flex;
        min-height: 100%;
        flex-flow: column;
        flex: 1 0 auto;
    }

    .wiki-content {
        .upper-controls:first-child {
            margin-top: 2rem;
        }

        #mp-body {
            margin: 2rem 0;
            border-color: var(--color-2);
            padding: 0;
            border-bottom: 2px solid var(--color-2);

            #mp-info {
                padding: 0;
                border-bottom: 2px solid var(--color-2);

                > img {
                    display: none;
                }

                #mp-title {
                    padding: 1rem 2.225rem;
                    width: 100%;

                    h3 {
                        font-family: var(--font-2);
                        font-size: 1.325rem;
                        font-style: italic;
                        font-weight: 600;
                    }

                    > div {
                        font-size: 0.925rem;

                        .mp-from {
                            a {
                                font-weight: 600;
                                font-style: italic;
                            }
                        }
                    }
                }
            }

            #mp-content {
                margin: 2rem 2.225rem;
            }

            & + .lower-controls {
                margin-bottom: 0;
            }
        }

        #privmsg-review {
            #privmsg-see {
                h3 {
                    margin: 0 2.225rem 2rem 2.225rem;
                }
            }

            .forum-otherposts {
                li {
                    border-bottom: 2px solid var(--color-2);

                    .mp-main {
                        border: none;
                        padding: 0;

                        > h3 {
                            padding: 2rem 2.225rem 0 2.225rem;

                            small {
                                font-size: 0.925rem;

                                .mp-date {
                                    font-family: var(--font-3);
                                    font-style: normal;
                                }
                            }
                        }

                        > .is-content {
                            padding: 0 2.225rem 2rem 2.225rem;
                        }
                    }

                    &:first-child {
                        border-top: 2px solid var(--color-2);
                    }
                }
            }
        }
    }
}

/* Wiki */
#forum-wiki {
    > .basic-element {
        display: flex;
        min-height: 100%;
        flex-flow: column;

        .wiki-content {
            .forum-controls {
                &.upper-controls {
                    margin-bottom: 2rem;
                }

                &.lower-controls {
                    margin-top: 2rem;
                }
            }

            .forum-topiclist {
                margin: 0 2.225rem;
            }

            .forum-wikilist {
                margin: 2rem 2.225rem;

                .wikilist-contents {
                    margin: 0 -2.225rem;

                    &.no-results {
                        > li {
                            padding: 2rem 2.225rem;
                        }
                    }

                    li {
                        position: relative;
                        border-bottom: 2px solid var(--color-2);

                        > * {
                            position: relative;
                            z-index: 2;
                        }

                        &::before {
                            position: absolute !important;
                            z-index: 1;
                            width: 100%;
                            height: 100%;
                            top: 0;
                            left: 0;
                            content: "" !important;
                            background: var(--color-2);
                            opacity: 0;
                            transition: 0.5s ease-in-out opacity;
                        }

                        &:hover::before {
                            opacity: 0.2;
                        }

                        &:first-child {
                            border-top: 2px solid var(--color-2);
                        }
                    }
                }

                &#forum-accountlist,
                &#forum-rplist {
                    margin-top: 0;
                    margin-bottom: 0;
                }

                &#forum-accountlist {
                    .wikilist-contents {
                        .field-element {
                            margin: 0;

                            .forum-field {
                                padding: 1rem 2.225rem;

                                .field-content {
                                    .character-selector {
                                        .rp-controls {
                                            position: absolute;
                                            top: 0.65rem;
                                            right: 0.65rem;
                                            font-family: var(--font-2);
                                            font-size: 0.925rem;
                                            font-weight: 600;
                                            text-transform: uppercase;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }

            &#forum-cp,
            &#forum-multiaccount {
                .forum-wikilist {
                    margin-top: 0;
                }
            }
        }
    }
}

.wiki-body {
    border-bottom: 2px solid var(--color-2);
    flex: 1 0 auto;
    display: grid;
    grid-template-columns: 275px 2px minmax(0, 1fr);

    .wiki-index {
        padding: 2rem 2.225rem;
        margin: 0;
        order: 0;
        text-align: left;

        .wiki-controls,
        .wiki-controls a {
            font-family: var(--font-3) !important;
            font-size: 0.925rem;
        }

        .wiki-controls {
            font-weight: 700;

            a {
                font-weight: normal;
            }
        }

        li {
            ul {
                margin: 0;
            }
        }

        .router-link-exact-active.router-link-active,
        li.is-selected > .wiki-controls > a {
            color: var(--color-3);
            font-weight: 600;

            .text {
                color: var(--color-3);
            }

            .icon {
                height: 1rem;
                position: relative;
                top: 1px;
            }

            &:hover {
                filter: brightness(1);
            }
        }
    }

    .wiki-content {
        max-width: 100%;
        order: 2;

        > .is-content {
            padding: 2rem 2.225rem 0 2.225rem;
        }

        .forum-controls {
            &.upper-controls {
                margin: 0 2.225rem;
            }

            &.lower-controls {
                margin-top: 0;
            }
        }

        #loading-element {
            padding-top: 0;
        }
    }

    &::after {
        content: "";
        width: 2px;
        min-height: 100%;
        background: var(--color-2);
        order: 1;
        flex: 0 0 auto;
        display: block;
    }
}

/* Estadísticas */
.category-estadisticas {
    .columns {
        border-bottom: 2px solid var(--color-2);

        h6 {
            font-family: var(--font-2);
            font-weight: 600;
            font-style: italic;
            text-align: center;
            padding: 1rem;
            border-top: 2px solid var(--color-2);
            border-bottom: 2px solid var(--color-2);
            font-size: 1.5rem;
        }

        #bloque-ultimostemas {
            position: relative;
            display: flex;
            flex-flow: column;
            justify-content: space-between;

            h6 {
                border-top: none;
            }

            .ltopic-list {
                display: flex;
                flex-flow: column;
                gap: 1rem;
                padding: 2rem 2.225rem 1.425rem 2.225rem;
                text-align: center;
                margin-bottom: auto;

                .ltopic-element {
                    .ltopic-head {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        margin: 0 0 0.125rem 0;
                        gap: 0.425rem;

                        .ltopic-last {
                            font-size: 0.825rem;
                            color: var(--color-1);
                            width: 24px;
                            position: relative;
                            z-index: 1;

                            &::before {
                                content: "";
                                display: block;
                                width: 100%;
                                height: 100%;
                                top: 0;
                                left: 0;
                                background: var(--color-contrast);
                                position: absolute;
                                z-index: -1;
                                opacity: 0.8;
                            }

                            &:hover {
                                color: var(--color-1);
                                filter: brightness(1.05);
                            }
                        }

                        .ltopic-title {
                            display: block;
                            max-width: 80%;
                            font-size: initial;

                            span {
                                display: block;
                                width: 100%;
                                white-space: nowrap;
                                text-overflow: ellipsis;
                                overflow: hidden;
                            }
                        }
                    }

                    .ltopic-info {
                        display: block;
                        font-size: 0.925rem;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        overflow: hidden;

                        a {
                            &:first-child {
                                font-style: italic;
                            }

                            &:last-child {
                                font-style: normal;
                            }
                        }
                    }
                }

                & + small {
                    display: block;
                    width: calc(100% - 2.45rem);
                    margin: 0 1.225rem 1.225rem 1.225rem;
                    padding: 1rem;
                    border: 2px solid var(--color-2);
                }
            }
        }

        #bloque-estadisticas {
            border-left: 2px solid var(--color-2);

            .has-users {
                height: 200px;
                overflow: auto;
                padding: 0 2.225rem;
                margin: 2rem 0;
            }

            #new-connected {
                h6 {
                    border-top: 0;
                }
            }

            #past-connected {
                border-bottom: 2px solid var(--color-2);
            }

            #census {
                display: grid;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 1.225rem;
                padding: 1.225rem;

                li {
                    a {
                        position: relative;
                        display: flex;
                        flex-flow: column;
                        color: currentColor;
                        aspect-ratio: 1 / 1;

                        .census-name,
                        .census-count {
                            position: absolute;
                            top: 0;
                            left: 0;
                            width: 100%;
                            height: 100%;
                            display: flex;
                            align-items: center;
                            justify-content: center;
                        }

                        .census-name {
                            text-transform: lowercase;
                            font-family: var(--font-1);
                            font-weight: 700;
                            border: 2px solid;
                        }

                        .census-count {
                            font-family: var(--font-3);
                            font-weight: 600;
                            background: currentColor;
                            -webkit-text-fill-color: var(--color-1);
                            opacity: 0;
                            transition: ease-in-out 0.5s opacity;

                            &::after {
                                content: "personajes";
                                margin-left: 0.225rem;
                                font-style: italic;
                            }
                        }

                        &:hover {
                            filter: brightness(1);

                            .census-count {
                                opacity: 1;
                            }
                        }
                    }
                }
            }
        }
    }
}

/* Afiliados */
.affiliates-collection {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
    justify-content: center;

    > ul {
        display: flex;
        justify-content: center;
        gap: 0.725rem;
        flex-flow: wrap;
        max-width: 735px;

        li,
        li a,
        li a img {
            display: block;
        }
    }
}

#mod-section {
    .affiliates-collection {
        padding: 2rem 2.225rem;
        border-bottom: 2px solid var(--color-2);

        > ul {
            max-width: initial;
        }
    }

    .forum-head + .is-content {
        padding: 1rem 2.225rem 0.5rem 2.225rem;
        margin: 0;

        h6 {
            margin: 1rem 0 0.5rem 0;
        }
    }
}

#extracredits-section {
    margin: -2px auto 0 auto;
    max-width: 1280px;
    border-left: 2px solid var(--color-2);
    border-right: 2px solid var(--color-2);
    position: relative;
    z-index: 0;

    .section-title {
        font-family: var(--font-2);
        font-weight: 600;
        font-style: italic;
        margin: 0 0 1rem 0;
        text-align: center;
    }

    > .category-afiliados {
        > ul {
            margin: 0;
            padding: 2.225rem;
            position: relative;
            gap: 2rem;
            align-items: center;

            > li {
                position: relative;
                z-index: 2;
            }

            &::after {
                content: "";
                display: block;
                width: 100%;
                height: 100%;
                position: absolute;
                z-index: 0;
                background-image: url(http://via.placeholder.com/600/2f3237);
                background-position: center;
                background-size: cover;
                top: 0;
                left: 0;
            }

            #forum-affiliates {
                #forum-affiliates-sisters {
                    margin: 0 0 2rem 0;

                    img {
                        width: 105px;
                        aspect-ratio: 1 / 1;
                    }
                }

                #forum-affiliates-elite {
                    img {
                        width: 50px;
                        aspect-ratio: 1 / 1;
                    }
                }

                #forum-affiliates > ul,
                #forum-affiliates-elite > ul {
                    justify-content: center;
                }

                #forum-affiliates-regular {
                    margin: 1.725rem 0 0 0;

                    h3 {
                        margin: 0;

                        a {
                            font-size: inherit;
                            color: var(--color-3);

                            i {
                                font-size: 65%;
                                color: var(--color-contrast);
                                position: relative;
                                top: -2px;
                            }
                        }
                    }
                }
            }

            #forum-cred {
                padding: 1.225rem !important;
                font-size: 0.825rem;
                border: 2px solid var(--color-2);

                &::before {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 100%;
                    position: absolute;
                    z-index: 1;
                    background: var(--color-1);
                    opacity: 0.7;
                    left: 0;
                    top: 0;
                }

                .is-content {
                    position: relative;
                    z-index: 2;
                }

                #credits-social {
                    ul {
                        display: flex;
                        gap: 1rem;
                        flex-flow: row wrap;
                        justify-content: center;
                        align-items: center;
                    }

                    a {
                        font-size: 1rem;
                        color: var(--color-3);

                        em {
                            color: var(--color-contrast);
                        }
                    }
                }
            }
        }
    }
}

/* Content */
h1,
h2,
h3,
h4,
h5,
h6 {
    font-family: var(--font-2);
    font-weight: 600;
    font-style: italic;
    text-transform: initial;
}

.is-content {
    text-align: justify;

    hr {
        height: 1rem;
        margin: 0;
        background: top;
    }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p {
        margin: 0 0 1rem 0;

        &:last-child {
            margin: 0;
        }
    }

    ol,
    ul {
        display: flex;
        flex-flow: column;
        gap: 0.5rem;
        padding: 0 0 0 1.5rem;
    }

    ul {
        list-style: disclosure-closed;
    }

    ol {
        list-style: decimal;
        padding: 0 0 0 2.5rem;

        li {
            &::marker {
                font-family: var(--font-2);
                font-weight: 600;
                font-style: italic;
                color: var(--color-contrast);
            }
        }
    }

    blockquote,
    .codebox,
    .spoiler,
    .hidecode {
        background: var(--color-1);
        position: relative;
        z-index: 10;
        overflow: hidden;
        border: 2px solid var(--color-2);
        padding: 1rem;
    }

    blockquote > div > cite,
    .codebox > dt,
    .spoiler > dt {
        position: relative;
        z-index: 20;
        display: block;
        font-size: 1.225rem;
        font-family: var(--font-2);
        font-weight: 600;
        font-style: italic;
        cursor: default;

        &::first-letter {
            color: var(--color-contrast);
        }
    }

    blockquote > div,
    .codebox > dd,
    .spoiler > dd,
    .hidecode > dd {
        position: relative;
        z-index: 20;
    }

    .adminbox-icon {
        position: absolute;
        right: 1rem;
        top: 1rem;
        font-size: 4rem;
        color: var(--color-contrast);
        opacity: 0.2;
        z-index: 10;
    }

    blockquote > div > cite a {
        border: none !important;
        padding: 0 !important;
    }

    .codebox > dt,
    blockquote > div > cite {
        margin-bottom: 1rem;

        .is-pointer {
            color: var(--color-contrast);
            transition: ease-in-out 0.5s filter;
            font-size: 1rem;

            &:hover {
                filter: brightness(1.05);
            }
        }
    }

    code {
        background: var(--color-2);
        color: var(--color-contrast);
    }

    .codebox {
        dt {
            em {
                color: var(--color-4);
                font-style: normal;
            }
        }

        code {
            position: relative;
            display: block;
            padding: 0;
            background: transparent;
            color: inherit;
            z-index: 15;
        }
    }

    .spoiler {
        padding: 0;

        > dt {
            padding: 1rem;
            cursor: pointer;
        }

        .spoiler_content {
            padding: 0 1rem 1rem 1rem;

            &.hidden {
                display: block;
            }
        }
    }

    .main-slat {
        border: 2px solid var(--color-2);
        background: var(--color-1);

        .mainslat-title {
            font-weight: 700;
            text-transform: lowercase;
            letter-spacing: 1px;
            font-family: var(--font-1);
            font-style: normal;
            font-size: 2rem;
            line-height: 2rem;
            padding: 2rem;
            border-bottom: 2px solid var(--color-2);

            &::first-letter {
                color: var(--color-contrast);
            }
        }

        .mainslat-content {
            .userecord-head {
                .userecord-image {
                    display: block;
                    width: 100%;
                }

                .userecord-fc {
                    text-align: center;
                    padding: 0.325rem 1rem;
                    font-size: 0.925rem;
                    line-height: 2rem;
                    position: relative;
                    z-index: 1;

                    &::before {
                        content: "";
                        display: block;
                        width: 100%;
                        height: 100%;
                        top: 0;
                        left: 0;
                        background: var(--color-contrast);
                        position: absolute;
                        z-index: -1;
                        opacity: 0.6;
                    }
                }

                .userecord-data {
                    list-style: none;
                    gap: 0.5rem;
                    padding: 0.5rem;
                    display: grid;
                    grid-template-columns: repeat(3, minmax(0, 1fr));
                    text-align: center;
                    border-bottom: 2px solid var(--color-2);

                    .userecord-field {
                        font-size: 0.925rem;

                        .userecord-fieldname {
                            font-family: var(--font-2);
                            font-weight: 600;
                            font-style: italic;
                            font-size: 1rem;

                            &::first-letter {
                                color: var(--color-contrast);
                            }
                        }
                    }
                }
            }

            .slat-interior {
                margin-bottom: 0.225rem;
                padding: 0 2rem;

                &:first-child {
                    margin-top: 2rem;
                }

                &:last-child {
                    padding-bottom: 2rem;
                    margin-bottom: 0;
                }

                .slatinterior-title {
                    font-family: var(--font-2);
                    font-weight: 600;
                    font-style: italic;
                    font-size: 1.125rem;
                    margin: 0 0 0.5rem 0;
                    padding: 0 0 0 calc(1.325rem + 2px);

                    &::first-letter {
                        color: var(--color-contrast);
                    }
                }

                .slatinterior-content {
                    font-size: 0.925rem;
                    border: 2px solid var(--color-2);
                    padding: 1.325rem;

                    > ul {
                        > li {
                            > i {
                                &:first-child {
                                    > strong {
                                        color: var(--color-contrast);
                                    }
                                }
                            }
                        }
                    }

                    > strong {
                        > i {
                            > font {
                                font-size: 1rem;
                                color: var(--color-contrast);
                            }
                        }
                    }
                }
            }
        }
    }

    table {
        width: 100%;
        table-layout: fixed;
        border: 2px solid var(--color-2);

        thead,
        tbody {
            tr {
                border-bottom: 2px solid var(--color-2);

                th,
                td {
                    border: 2px solid var(--color-2);
                    padding: 0.5rem;
                }

                th {
                    color: var(--color-contrast);
                    font-family: var(--font-2);
                }

                td {
                    font-size: 0.925rem;
                }
            }
        }
    }
}

/* Footer */
#forum-footer {
    .main-body {
        display: flex;
        justify-content: space-between;
        padding: 2.225rem;
        color: var(--color-3);
        border-top: 2px solid var(--color-2);
        gap: 2rem;

        .left {
            flex: 0 0 auto;
        }

        .right {
            max-width: 70%;

            #forum-credits {
                display: block;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }

        a {
            color: var(--color-3);
            font-weight: normal;
        }
    }
}

/* Headers */
.forum-head {
    padding: 2.225rem;
    margin: 0;
    border-top: 2px solid var(--color-2);
    border-bottom: 2px solid var(--color-2);
    position: relative;

    &::before {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        background: var(--color-1);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        z-index: 1;
        opacity: 0.3;
    }

    &::after {
        display: block;
        content: "";
        width: 100%;
        height: 100%;
        position: absolute;
        top: 0;
        left: 0;
        background-image: var(--pattern);
        background-attachment: fixed;
        background-repeat: repeat;
        z-index: 0;
    }

    h3,
    #forum-breadcrumb {
        position: relative;
        z-index: 2;
    }

    h3 {
        font-size: 3rem;
        line-height: 3rem;
        font-weight: 700;
        text-transform: lowercase;
        letter-spacing: 1px;
        font-family: var(--font-1);
        font-style: normal;

        &::before {
            content: "܀";
            display: inline-block;
            font-family: var(--font-2);
            color: var(--color-contrast);
            margin: 0 1.5rem 0 0;
            position: relative;
            top: -6px;
        }
    }
}

/* Formularios */
.button2,
.button1,
input[type="Submit"],
input[type="reset"] {
    font-family: var(--font-2);
    font-weight: bold;
    border: none;
    background: var(--color-1);
    color: var(--color-3);
    cursor: pointer;
    white-space: nowrap;
    height: 2.75rem;
    padding: 0.5rem 1rem;
    font-size: 0.925rem;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
    border: 2px solid;
    font-weight: 600;
    transition: ease-in-out 0.5s filter;

    &:hover {
        background: inherit;
        color: inherit;
        border-color: inherit;
        filter: brightness(1.05);
    }

    &.btn-main {
        background: var(--color-3) !important;
        color: var(--color-1) !important;
        border-color: var(--color-3) !important;
    }
}

input[type="text"],
input[type="number"],
input[type="password"],
select,
textarea {
    height: 2.75rem;
    padding: 0.5rem;
    font-size: 0.925rem;
    display: block;
    width: 100%;
    border-radius: 0;
    border: 2px solid var(--color-2);
    color: var(--color-3);
    background: var(--color-1);
    font-family: var(--font-3);
    transition: 0.5s ease-in-out filter;

    &:hover,
    &:focus {
        filter: brightness(1.05);
    }

    &[disabled] {
        color: var(--color-1);
        background: var(--color-3);
    }
}

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}

.select-container {
    position: relative;
    width: 100%;

    &::after {
        border: 3px solid var(--color-3);
        border-radius: 2px;
        border-right: 0;
        border-top: 0;
        content: " ";
        display: block;
        height: 0.625em;
        margin-top: -0.4375em;
        pointer-events: none;
        position: absolute;
        top: 50%;
        transform: rotate(-45deg);
        transform-origin: center;
        width: 0.625em;
        right: 0.825em;
    }

    select {
        cursor: pointer;
    }
}

.forum-checkbox {
    .checkbox-content {
        gap: 0.725rem;
        transition: 0.5s ease-in-out filter;

        .checkbox-click {
            width: 1.5rem;
            height: 1.5rem;
            display: flex;
            justify-content: center;
            align-items: center;
            color: var(--color-3);
            font-size: 1rem;
            border: 2px solid var(--color-contrast);
        }

        &:hover {
            filter: brightness(1.05);
        }
    }
}

.forum-field {
    gap: 0.5rem;

    .field-name {
        display: flex;
        align-items: center;
        flex: 0 1 0;
        width: 100%;
        min-width: 45%;
        min-height: 44px;
        color: var(--color-3);
        font-family: var(--font-2);
        font-weight: 600;
        font-style: italic;
        font-size: 1.1225rem;
        border-left: 2px solid var(--color-contrast);
        padding: 0 0 0 1rem;
        align-self: flex-start;
    }

    .field-content {
        .character-selector {
            position: relative;

            > a {
                position: absolute;
                top: 10px;
                right: 15px;
            }

            .selector-list {
                display: none;
                border: 2px solid var(--color-2);
                position: absolute;
                width: 100%;
                top: 42px;
                z-index: 2;
                background: var(--color-1);
                max-height: 200px;
                overflow: auto;

                li {
                    position: relative;
                    padding: 0.5rem;
                    transition: ease-in-out 0.5s filter;
                    cursor: pointer;
                    border-top: 2px solid var(--color-2);
                    font-size: 0.925rem;

                    i {
                        position: absolute;
                        top: 13px;
                        right: 0.725rem;
                    }

                    &:hover {
                        filter: brightness(1.05);
                    }

                    &:first-child {
                        border-top: none;
                    }
                }
            }

            input:focus + .selector-list,
            input + .selector-list:hover {
                display: block;
            }
        }

        .character-list {
            display: flex;
            gap: 0.5rem;
            margin: 0.725rem 0 0 0;

            li {
                font-size: 0.925rem;
                padding: 0.325rem 0.725rem;
                font-family: var(--font-2);
                position: relative;
                z-index: 1;
                cursor: pointer;
                transition: ease-in-out 0.5s filter;

                i {
                    margin: 0 0.125rem 0 0;
                }

                &::before {
                    content: "";
                    display: block;
                    width: 100%;
                    height: 100%;
                    top: 0;
                    left: 0;
                    background: var(--color-contrast);
                    position: absolute !important;
                    z-index: -1;
                    opacity: 0.8;
                }

                &:hover {
                    filter: brightness(1.05);
                }
            }
        }
    }
}

.forum-infoblock {
    position: relative;
    z-index: 1;
    padding: 1.225rem;
    margin-bottom: 1.5rem;

    &::before {
        content: "";
        display: block;
        width: 100%;
        height: 100%;
        position: absolute;
        background: var(--color-contrast);
        top: 0;
        left: 0;
        z-index: -1;
        opacity: 0.6;
    }

    h5 {
        font-size: 1.125rem;
    }

    ul {
        padding: 0 0 0 1.5rem;
        list-style: disclosure-closed;
        margin: 0.5rem 0 0 0;
        font-size: 0.925rem;
    }
}

#message-section {
    #usereply-comand {
        margin: -0.5rem 1.475rem 1.5rem 1.475rem;
    }
}

#mod-section {
    #usereply-comand {
        margin: 1rem 1.475rem 1.5rem 1.475rem;
    }
}

#forum-preview {
    .is-content {
        padding: 0rem 2.225rem;
        max-width: 744px;
        margin: 2rem auto;
    }
}

#forum-usereply {
    margin: 2rem 2.225rem;

    #usereply-extra {
        .field-element {
            .forum-field {
                .field-name {
                    min-width: 30%;
                }
            }
        }
    }

    #usereply-top {
        h3 {
            small {
                font-family: var(--font-3);
                font-style: normal;
            }
        }

        #usereply-buttons {
            .usereply-button {
                color: var(--color-3);
                transition: ease-in-out 0.5s filter;

                i {
                    position: relative;
                    top: 1px;
                }

                &:hover {
                    filter: brightness(1.05);
                }
            }

            .dropdown-content {
                border: 2px solid var(--color-3);
                box-shadow: none;
                border-radius: 0;
                background: var(--color-1);

                .usereply-option {
                    font-size: 0.875rem;
                    line-height: 1.5;
                    padding: 0.375rem 1rem;
                    white-space: nowrap;
                    text-overflow: ellipsis;
                    overflow: hidden;
                    color: var(--color-3);
                    transition: ease-in-out 0.5s filter;
                    font-family: var(--font-2);
                    font-weight: 600;
                    margin: 0;

                    &:hover {
                        filter: brightness(1.05);
                    }
                }
            }
        }
    }

    #usereply-editor {
        height: 300px;
    }
}

#forum-modal {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 120;
    width: 100vw;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;

    .modal-element {
        position: relative;
        z-index: 2;
        border: 2px solid var(--color-2);

        .modal-title {
            position: relative;
            display: flex;
            justify-content: space-between;
            align-items: center;
            padding: 1.5rem 2.225rem;
            border-bottom: 2px solid var(--color-2);

            &::before {
                display: block;
                content: "";
                width: 100%;
                height: 100%;
                background: var(--color-1);
                display: block;
                position: absolute;
                top: 0;
                left: 0;
                z-index: 1;
                opacity: 0.3;
            }

            &::after {
                display: block;
                content: "";
                width: 100%;
                height: 100%;
                position: absolute;
                top: 0;
                left: 0;
                background-image: var(--pattern);
                background-attachment: fixed;
                background-repeat: repeat;
                z-index: 0;
            }

            h3,
            a {
                position: relative;
                z-index: 2;
            }
        }

        .modal-content {
            padding: 2rem 2.225rem;
            margin: 0;
            background: var(--color-1);

            .is-content {
                font-size: 0.925rem;
            }

            .modal-buttons {
                display: flex;
                justify-content: center;
            }
        }
    }

    .is-bgmodal {
        position: absolute;
        top: 0;
        left: 0;
        width: 100vw;
        height: 100vh;
        z-index: 1;
        background: var(--color-1);
        opacity: 0;
        transition: ease-in-out 0.25s opacity;

        &.bg-active {
            opacity: 0.2;
        }
    }
}

/* Breadcrumbs */
#forum-breadcrumb {
    font-family: var(--font-2);
    font-weight: 600;
    font-style: italic;

    a {
        color: var(--color-3);
    }

    li {
        & + li::before {
            content: "\f054";
            font-family: "Font Awesome 6 Pro";
            font-weight: 900;
            font-style: normal;
            font-variant: normal;
            text-rendering: auto;
            line-height: 1;
            font-size: 60%;
            color: var(--color-contrast);
            text-shadow:
                1px 0px 0,
                1px 1px 0,
                0px 0px 0,
                0px 1px 0;
            position: relative;
            top: 2px;
        }

        &:last-child {
            display: none;
        }
    }
}

/* Navegación */
.forum-controls {
    display: flex;
    gap: 1rem;
    justify-content: space-between;
    flex-flow: row nowrap;
    margin: 2rem 2.225rem;
    min-height: 44px;

    .page-buttons {
        display: flex;
        gap: 0.725rem;
    }

    .page-pagination {
        .pagination-manager {
            display: flex;
            align-items: center;
            gap: 0.725rem;
            height: 100%;

            .pagination-input {
                display: flex;
                height: 100%;
                align-items: center;

                input {
                    width: initial;
                    height: 100%;
                    max-width: 40px;
                    padding: 0.25rem;
                    text-align: center;
                    margin-right: 0.325rem;
                }
            }

            .page-action {
                a {
                    font-size: 0.925rem;
                    text-shadow:
                        1px 1px var(--color-contrast),
                        -1px 1px var(--color-contrast),
                        1px -1px var(--color-contrast),
                        -1px -1px var(--color-contrast),
                        -1px 0px var(--color-contrast),
                        0px -1px var(--color-contrast),
                        1px 0px var(--color-contrast),
                        0px 1px var(--color-contrast);
                }
            }
        }
    }

    .dropdown-menu {
        padding: 0;
        margin: 0 31px;
        width: calc(100% - 62px);
        min-width: 1px;

        .dropdown-content {
            background: var(--color-1);
            border: 2px solid var(--color-3);
            border-top: 0;
            border-radius: 0;

            .dropdown-item {
                color: var(--color-3);
                transition: ease-in-out 0.5s filter;
                padding-right: 1rem;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;

                &:hover {
                    background: initial;
                    filter: brightness(1.05);
                }
            }
        }
    }

    &.lower-controls {
        .dropdown-menu {
            bottom: 100%;
            top: initial;

            .dropdown-content {
                border: 2px solid var(--color-3);
                border-bottom: 0;
            }
        }
    }
}

.forum-button {
    display: flex;
    color: var(--color-3);
    font-family: var(--font-2);
    font-size: 0.925rem;
    font-weight: 600;
    transition: 0.5s ease-in-out filter;

    &:hover {
        filter: brightness(1.15);
    }

    .icon,
    .text {
        display: flex;
        align-items: center;
        height: 44px;
        border-top: 3px solid var(--color-3);
        border-bottom: 3px solid var(--color-3);
        padding: 0.5rem 1.725rem;
        background: var(--color-1);
        color: var(--color-3);
        margin: 0 -9px;
        padding: 0.5rem 1.225rem;
    }

    .icon {
        display: none;
        width: auto;
        height: 44px;
        font-size: 0.825rem;
    }

    .text {
        text-transform: uppercase;
        letter-spacing: 1px;
    }

    &::before,
    &::after {
        content: "";
        display: block;
        width: 41px;
        height: 44px;
        background: var(--color-3);
        mask-image: url("https://cdn.jsdelivr.net/npm/skin-es-57@0.0.20/resources/border.svg");
        mask-size: cover;
    }

    &::before {
        transform: rotate(180deg);
    }
}

/* Categorías */
.category-element {
    margin: 0;

    .columns {
        margin: 0;
    }
}

.subforum-element {
    .category-element {
        .columns {
            border-bottom: var(--color-2) 2px solid;
        }

        & + .forumseparator-element {
            height: 1rem;
        }
    }
}

/* Listado de subforos */
.forum-element {
    padding: 0;
    width: calc(50% - 1px) !important;
    box-sizing: content-box !important;
    border-top: 2px solid var(--color-2);

    &:nth-child(2n - 1) {
        border-right: 2px solid var(--color-2);
    }

    &:nth-child(1),
    &:nth-child(2) {
        border-top: none;
    }

    .forum-forum {
        position: relative;
        display: flex;
        flex-flow: column;
        height: 100%;

        > * {
            position: relative;
            z-index: 2;
        }

        &::before {
            position: absolute;
            z-index: 1;
            width: 100%;
            height: 100%;
            top: 0;
            left: 0;
            content: "";
            background: var(--color-2);
            opacity: 0;
            transition: 0.5s ease-in-out opacity;
        }

        &:hover {
            &::before {
                opacity: 0.2;
            }

            .forum-image {
                filter: brightness(1.05);
            }
        }

        .forum-header {
            text-align: center;
            padding: 2.225rem;
            display: block;

            .forum-title {
                color: var(--color-3);
                font-size: 2rem;
                line-height: 2rem;
                font-style: italic;
            }

            .forum-stats {
                font-family: var(--font-1);
                font-size: 0.925rem;
                margin: 0.325rem 0 0 0;

                span {
                    color: var(--color-3);
                }
            }
        }

        .forum-image {
            width: 100%;
            height: 250px;
            background-size: cover;
            background-position: center;
            position: relative;
            transition: 0.5s ease-in-out filter;
        }

        .forum-content {
            flex: 1 1 auto;
            display: flex;
            flex-flow: column;
            justify-content: space-between;
            padding: 2.225rem 2.225rem 1.225rem 2.225rem;

            .forum-box {
                font-size: 0.825rem;
                margin: 0 0 1.125rem 0;
                height: 96px;
            }

            .forum-links {
                display: flex;
                flex-flow: row wrap;
                justify-content: center;
                gap: 0.725rem;
                text-align: center;
                margin: 0 0 1.5rem 0;
            }

            .forum-last {
                display: flex;
                flex-flow: column;
                justify-content: center;
                align-items: center;
                border-top: 2px solid var(--color-2);
                padding: 1.225rem 0 0 0;
                font-size: 0.925rem;
                height: 94.6px;
                font-family: var(--font-1);
                text-transform: lowercase;

                a,
                span,
                strong {
                    text-transform: initial;
                    display: block;
                }

                strong {
                    font-style: italic;
                    font-weight: 600;
                    margin: -0.225rem 0 0 0;
                    font-family: var(--font-2);
                }
            }
        }
    }

    &:nth-child(2n-1):last-child {
        width: 100% !important;

        .forum-forum {
            .forum-header {
                padding-bottom: 0;
            }

            .forum-image {
                height: 100%;
                position: absolute;
                right: 0;
                top: 0;
            }

            .forum-content {
                .forum-links {
                    position: absolute;
                    width: calc(100% - 2.45rem);
                    margin: 0;
                    bottom: 1.225rem;
                    right: calc(-100% + 1.225rem);
                    padding: 1.225rem;
                    border: 2px solid var(--color-2);

                    &::before {
                        content: "";
                        display: block;
                        width: 100%;
                        height: 100%;
                        position: absolute;
                        z-index: 1;
                        background: var(--color-1);
                        opacity: 0.7;
                        left: 0;
                        top: 0;
                    }

                    a {
                        position: relative;
                        z-index: 1;
                    }

                    &.no-links {
                        display: none;
                    }
                }
            }

            > * {
                width: 50%;
            }
        }
    }
}

/* Listado de temas */

.topiclist-header {
    display: flex;
    justify-content: space-between;
    margin: 0 0 1.5rem;

    li {
        &:last-child {
            display: none;
        }

        h3 {
            font-size: 1.6rem;
        }
    }
}

.forum-topiclist {
    margin: 2rem 2.225rem;

    .topiclist-topics {
        margin: 0 -2.225rem;

        li {
            border-bottom: 2px solid var(--color-2);
            padding: 1rem 2.225rem;
            position: relative;

            &::before {
                position: absolute !important;
                z-index: 1;
                width: 100%;
                height: 100%;
                top: 0;
                left: 0;
                content: "" !important;
                background: var(--color-2);
                opacity: 0;
                transition: 0.5s ease-in-out opacity;
            }

            &:hover::before {
                opacity: 0.2;
            }

            > h6 {
                padding: 1rem 0;
            }

            .topiclist-topic {
                position: relative;
                z-index: 2;
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 2.225rem;

                .topic-main {
                    display: flex;
                    align-items: center;
                    gap: 2.225rem;
                    width: 100%;
                    height: 53px;
                    flex: 0 1 auto;
                    max-width: calc(100% - 240px);

                    .topic-icon {
                        display: flex;
                        justify-content: center;
                        align-items: center;
                        width: 2.5rem;
                        height: 2.5rem;
                        font-size: 1.825rem;
                        color: var(--color-2);
                        transition: ease-in-out 0.5s filter;
                        flex: 0 0 auto;

                        &::before {
                            content: "\f15b";
                            -moz-osx-font-smoothing: grayscale;
                            -webkit-font-smoothing: antialiased;
                            font-style: normal;
                            font-variant: normal;
                            text-rendering: auto;
                            line-height: 1;
                            font-family: "Font Awesome 6 Pro";
                            font-weight: 900;
                        }
                    }

                    .topic-container {
                        width: 100%;
                        max-width: calc(100% - 40px - 2.225rem);

                        .topic-title {
                            display: block;
                            white-space: nowrap;
                            overflow: hidden;
                            text-overflow: ellipsis;

                            a {
                                font-family: var(--font-2);
                                font-size: 1.325rem;
                                font-style: italic;
                                font-weight: 600;
                            }
                        }

                        .topic-extra {
                            display: flex;
                            align-items: center;
                            gap: 0.5rem;
                            font-size: 0.925rem;

                            .topic-author {
                                order: 0;

                                strong {
                                    text-transform: initial;

                                    span {
                                        font-style: italic;
                                        font-weight: 600;
                                    }
                                }
                            }

                            .topic-pagination {
                                order: 2;
                                display: flex;

                                .pagination {
                                    margin: 0 0 0 0.35rem;

                                    .page-sep:last-child {
                                        display: none;
                                    }
                                }
                            }
                        }

                        .topic-extra > .topic-extra-separador {
                            display: none;
                        }

                        .topic-pagination + .topic-extra-separador {
                            display: block;
                            order: 1;
                        }
                    }
                }

                .topic-repliesandviews {
                    display: flex;
                    flex-flow: column;
                    align-items: flex-end;
                    flex: 1 1 0;
                    min-width: 140px;
                    border-right: 2px solid var(--color-2);
                    padding: 0 0.725rem 0 0;
                    text-align: right;

                    span {
                        text-transform: uppercase;
                        font-size: 0.825rem;
                        white-space: nowrap;

                        em {
                            color: var(--color-contrast);
                            font-size: 107%;
                            font-weight: 600;
                        }
                    }
                }

                .topic-quicklink {
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: 1.225rem;
                }

                &:hover {
                    .topic-icon {
                        filter: brightness(1.05);
                    }
                }

                &.topic-mp {
                    .topic-main {
                        max-width: calc(100% - 350px);
                    }

                    .topic-repliesandviews {
                        min-width: 240px;
                    }
                }

                &.topic-draft {
                    gap: 1.225rem;
                }
            }

            #loading-element {
                padding: 2rem 2.225rem;
            }

            &:first-child {
                border-top: 2px solid var(--color-2);
            }
        }

        > li.row.is-unread .topic-icon::before {
            content: "\f12a" !important;
        }

        > li.row.is-closed .topic-icon::before {
            content: "\f023" !important;
        }

        > li.row.is-sticky .topic-icon::before {
            content: "\e1ff" !important;
        }

        > li.row.is-announcement .topic-icon::before {
            content: "\f27a" !important;
        }

        > li.row.is-global-announcement .topic-icon::before {
            content: "\f0f3" !important;
        }
    }
}

/* Listado de miembros */
.memberlist-members {
    display: grid;
    gap: 1rem;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    margin: 2rem 2.225rem;

    &.no-results {
        display: block;
    }

    .memberitem-element {
        display: block;
        border: 2px solid var(--color-2) !important;
        position: relative;

        &::before {
            display: block;
            content: "";
            width: 100%;
            height: 100%;
            background: var(--color-1);
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            opacity: 0.3;
        }

        &::after {
            display: block;
            content: "";
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            background-image: var(--pattern);
            background-attachment: fixed;
            background-repeat: repeat;
            z-index: 0;
        }

        > * {
            position: relative;
            z-index: 2;
        }

        .memberlist-name {
            padding: 1rem 1rem 0 1rem;

            h3 {
                font-style: normal;
                font-family: var(--font-1);
                text-transform: lowercase;
                font-size: 1rem;
            }

            div {
                color: var(--color-3);
                font-style: italic;
                font-family: var(--font-2);
                font-size: 0.925rem;
            }
        }

        .memberlist-avatar {
            display: flex;
            justify-content: center;
            align-items: center;
            aspect-ratio: 11 / 16;
            margin: 1rem 0 0 0;
            border-top: 2px solid var(--color-2);
            overflow: hidden;

            img {
                display: block;
                width: 100%;
                height: 100%;
            }
        }
    }
}

/* Listado de mensajes */
#topic-section {
    .forum-controls.upper-controls.not-show + .forum-postlist {
        margin-top: -2px;
    }
}

.postlist-post {
    > .post-content {
        order: 2;
        position: relative;
        width: 100%;

        > .is-content {
            cursor: initial;
        }
    }

    &.post-diceroll {
        .post-content {
            .is-content.content-dice {
                padding: 0rem 2.225rem 2rem 2.225rem;

                ul {
                    list-style: none;
                    padding: 0;
                }

                .dice-rolllist {
                    margin: 2rem 0 0 0;

                    .rolllist-roll {
                        h6 {
                            margin: 0 0 0.5rem 0;
                        }

                        .roll-results {
                            display: flex;
                            flex-flow: wrap;
                            gap: 0.5rem;

                            .roll-result {
                                margin: 0;

                                img {
                                    display: block;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.forum-postlist {
    > li {
        border-bottom: 2px solid var(--color-2);

        &:first-child {
            border-top: 2px solid var(--color-2);
        }

        .postlist-post {
            display: flex;
            position: relative;

            .post-profile {
                display: flex;
                flex-flow: column;
                width: 275px;
                flex: 0 0 auto;
                order: 0;

                .miniprofile-main {
                    position: relative;
                    z-index: 2;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    aspect-ratio: 11 / 16;
                    overflow: hidden;
                    order: 0;

                    img {
                        display: block;
                        width: 100%;
                        height: 100%;
                    }
                }

                .miniprofile-fields {
                    display: flex;
                    flex-flow: column;
                    margin: 1.5rem calc(1.225rem - 2px) 1.5rem calc(1.225rem - 2px);
                    padding: 1rem;
                    border-left: 2px solid var(--color-2);
                    border-right: 2px solid var(--color-2);
                    order: 2;

                    li {
                        font-style: italic;
                        font-size: 0.925rem;

                        strong {
                            font-family: var(--font-2);
                            font-weight: 600;
                            margin: 0 0.325rem 0 0;
                            color: var(--color-contrast);
                            font-style: normal;
                        }
                    }
                }

                &::after {
                    content: "";
                    width: 100%;
                    height: 2px;
                    background: var(--color-2);
                    display: block;
                    order: 1;
                }
            }

            .post-content {
                > * {
                    width: 100%;
                }

                .post-info {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    gap: 1rem;
                    margin: 0 0 1.225rem 0;
                    padding: 2rem 2.225rem 0 2.225rem;

                    .post-side {
                        display: flex;
                        align-items: center;
                        gap: 0.5rem;
                        font-size: 0.925rem;

                        .post-title {
                            a {
                                padding: 0.35rem 0.5rem;
                                border: 2px solid;
                                color: var(--color-3);
                                font-size: 0.825rem;
                                margin: 0 0 0 0.5rem;
                                cursor: default;

                                &:hover {
                                    filter: brightness(1);
                                }
                            }
                        }
                    }

                    .post-buttons {
                        display: flex;
                        gap: 0.5rem;
                        font-size: 0.925rem;

                        .post-button {
                            span {
                                display: none;
                            }

                            &.post-button-enlace-permanente {
                                display: none;
                            }
                        }
                    }
                }

                > .is-content {
                    padding: 0rem 2.225rem calc(216px + 2rem) 2.225rem;
                }

                .post-signature {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;
                    position: absolute;
                    bottom: 0;
                    height: 216px;
                    padding: 2rem 2.225rem;
                    gap: 2rem;
                    border-top: 2px solid var(--color-2);

                    .miniprofile-signature {
                        display: flex;
                        align-items: center;
                        justify-content: center;
                        aspect-ratio: 5 / 3;
                        flex: 0 0 auto;
                        overflow: hidden;
                        width: 250px;

                        .is-signature {
                            display: block;
                        }

                        .is-avatar {
                            display: none;
                        }

                        img {
                            width: 100%;
                            height: 100%;
                        }
                    }

                    .signature-side {
                        display: flex;
                        flex-flow: column;
                        align-items: center;
                        justify-content: center;
                        gap: 0.5rem;
                        width: 100%;

                        .miniprofile-name {
                            text-align: center;
                            padding: 0 0 0.5rem 0;

                            h3 {
                                max-width: 390px;
                                font-style: normal;
                                text-transform: lowercase;

                                a {
                                    font-family: var(--font-1);
                                    font-size: inherit;
                                }
                            }
                        }

                        .miniprofile-contacts {
                            display: flex;
                            flex-flow: row wrap;
                            align-items: center;
                            justify-content: center;
                            gap: 1rem;
                            font-size: 0.925rem;
                            padding: 0.325rem 1rem 0.5rem 1rem;
                            border-top: 2px solid var(--color-2);
                            border-bottom: 2px solid var(--color-2);
                            font-family: var(--font-2);

                            a {
                                display: block;
                                color: var(--color-3);
                                font-family: var(--font-2);
                                font-style: italic;

                                &::first-letter {
                                    color: var(--color-contrast);
                                }
                            }
                        }

                        .miniprofile-quote {
                            text-align: center;
                            font-size: 0.925rem;
                            padding: 0.5rem 0 0 0;
                        }
                    }
                }
            }

            &::after {
                content: "";
                width: 2px;
                min-height: 100%;
                background: var(--color-2);
                order: 1;
                flex: 0 0 auto;
                display: block;
            }

            &.post-diceroll {
                &::after,
                .post-profile,
                .post-signature,
                .post-buttons {
                    display: none !important;
                }
            }
        }
    }
}

.upper-controls:not(.not-show) + .forum-otherposts {
    border-top: 2px solid var(--color-2);
}

.forum-otherposts {
    margin: 0;

    > li {
        border-bottom: 2px solid var(--color-2);

        .postlist-post {
            display: flex;

            .post-datafields {
                display: flex;
                flex-flow: column;
                width: 275px;
                flex: 0 0 auto;
                padding: 2rem 2.225rem;
                order: 0;
                gap: 0.5rem;

                li {
                    font-size: 0.925rem;
                    margin: 0;

                    .datafield-name {
                        font-family: var(--font-2);
                        font-style: italic;
                        font-size: 1rem;
                        font-weight: 600;
                    }
                }
            }

            .post-content {
                padding: 2rem 2.225rem;
            }

            &::after {
                content: "";
                width: 2px;
                min-height: 100%;
                background: var(--color-2);
                order: 1;
                flex: 0 0 auto;
                display: block;
            }

            &.post-diceroll {
                .is-content.content-dice {
                    padding: 0 !important;
                }
            }
        }
    }
}

/* Popup */
#forum-notification {
    display: flex;
    gap: 0.825rem;

    .notification-element {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 1rem;
        background: var(--color-1);
        border: 2px solid var(--color-2);
        gap: 1.125rem;

        .notification-icon {
            font-size: 1.725rem;
            color: var(--color-contrast);
        }

        .notification-content {
            h3 {
                color: var(--color-3);
                font-size: 1.225rem;
            }

            p {
                font-size: 0.825rem;
                font-family: var(--font-3);
            }
        }

        .notification-controls {
            align-self: flex-start;
            line-height: 1rem;
            color: var(--color-contrast);
        }
    }
}

/* Perfiles */
#profile-section {
    .profile-element {
        > section {
            > section {
                border-bottom: 2px solid var(--color-2);

                .wiki-index {
                    width: 275px;
                    margin: 0;
                    flex: 0 0 auto;
                    padding: 2rem 1.225rem;
                    order: 0;
                    flex-flow: column;

                    > h3 {
                        font-size: 1.5rem;

                        &::first-letter {
                            color: var(--color-contrast);
                        }
                    }
                }

                #profile-minifields.has-text-left {
                    width: 100%;
                    padding: 0;
                }

                #profile-minifields:not(.has-text-left),
                .wiki-index > h3 + ul {
                    display: flex;
                    flex-flow: column;
                    padding: 1rem !important;
                    border-left: 2px solid var(--color-2);
                    border-right: 2px solid var(--color-2);
                    width: 100%;
                    list-style: none;
                    align-items: flex-start !important;

                    .minifield-element {
                        font-size: 0.925rem;

                        .minifield-label {
                            font-family: var(--font-2);
                            font-weight: 600;
                            margin: 0 0.075rem 0 0;
                            color: var(--color-contrast);
                            font-style: normal;
                        }

                        .minifield-content {
                            font-style: italic;
                        }
                    }

                    .wiki-controls {
                        a {
                            font-family: var(--font-2) !important;
                            font-style: italic;
                            font-size: 1rem;
                        }
                    }
                }

                &.profile-container {
                    display: flex;

                    &:not(.wiki-index) > ul {
                        order: 2;
                        padding: 2rem 2.225rem;
                        display: flex;
                        flex-flow: column;
                        gap: 2rem;

                        li {
                            .field-head {
                                margin: 0 0 1rem 0;

                                h4 {
                                    &::first-letter {
                                        color: var(--color-contrast);
                                    }
                                }

                                h6 {
                                    font-style: normal;
                                    font-family: var(--font-1);
                                    text-transform: lowercase;
                                    font-size: 0.825rem;
                                    font-weight: 700;
                                }
                            }

                            .field-content {
                                font-size: 0.925rem;
                            }
                        }
                    }

                    &::after {
                        content: "";
                        width: 2px;
                        min-height: 100%;
                        background: var(--color-2);
                        order: 1;
                        flex: 0 0 auto;
                        display: block;
                    }
                }

                &#profile-head {
                    display: flex;

                    #profile-minifields {
                        align-self: center;
                        text-align: left;
                    }

                    #profile-userside {
                        display: flex;
                        width: 275px;
                        flex: 0 0 auto;
                        padding: 2rem 1.225rem;
                        order: 0;
                    }

                    #profile-userinfo {
                        flex-flow: column-reverse wrap;
                        width: 100%;
                        aspect-ratio: 189 / 100;
                        background-size: cover;
                        background-position: center;
                        display: flex;
                        align-items: flex-end;
                        justify-content: space-between;
                        padding: 2rem;
                        order: 2;

                        #profile-userdata {
                            display: flex;
                            flex-flow: column-reverse;
                            text-align: right;

                            #profile-username {
                                font-family: var(--font-1);
                                font-weight: 700;
                                font-size: 2rem;
                                text-transform: lowercase;
                            }

                            #profile-rank {
                                font-family: var(--font-2);
                                font-weight: 600;
                                font-style: italic;
                                text-transform: initial;
                                margin: -0.225rem 0.225rem 0 0;

                                &::first-letter {
                                    color: var(--color-contrast);
                                }
                            }
                        }
                    }

                    &::after {
                        content: "";
                        width: 2px;
                        min-height: 100%;
                        background: var(--color-2);
                        order: 1;
                        flex: 0 0 auto;
                        display: block;
                    }
                }

                &#profile-subhead {
                    padding: 2rem 2.225rem;

                    > .columns {
                        justify-content: space-around;

                        .coolquote-quote {
                            padding: 1rem;
                            border: 2px solid var(--color-2);

                            .coolquote-content {
                                font-size: 0.925rem;
                            }

                            .coolquote-from {
                                display: none;
                            }

                            .fas {
                                display: none;
                            }
                        }

                        .profile-linklist {
                            a {
                                font-size: 0.925rem;
                                color: var(--color-3);

                                i {
                                    color: var(--color-contrast);
                                    width: 2rem;
                                    text-align: center;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

/* Temas y Relaciones */
.rp-list {
    margin: 0 !important;

    & + br {
        display: none;

        & + .rp-list {
            margin: 1.5rem 0 0 0 !important;
        }
    }

    .rp-element {
        padding: 1rem;
        border: 2px solid var(--color-2);

        .rp-content {
            color: var(--color-3);

            * {
                color: inherit !important;
            }

            .rp-name {
                span {
                    font-family: var(--font-2);
                    font-weight: 600;
                    font-style: italic;
                    text-transform: initial;
                    font-size: 1.115rem;
                }

                small {
                    font-family: var(--font-3);
                    font-weight: normal;
                    font-size: 0.825rem;
                }
            }
        }
    }
}

.rela-list {
    margin: 0 !important;

    & + br {
        display: none;

        & + .rela-list {
            margin: 1.5rem 0 0 0 !important;
        }
    }

    .rela-element {
        align-items: center;
        padding: 1rem;
        border: 2px solid var(--color-2);

        .rela-image {
            border-color: var(--color-2);
            height: auto;
            aspect-ratio: 11 / 16;
            border-radius: 0;
        }

        .rela-content {
            color: var(--color-3);

            .rela-title {
                h4 {
                    display: inline-block;

                    &::first-letter {
                        color: var(--color-contrast);
                    }
                }
            }

            .is-content {
                font-size: 0.825rem;
                font-family: var(--font-3);
                font-weight: normal;
            }
        }
    }
}

@media only screen and (max-width: 1279px) {
    body {
        .forum-head {
            h3 {
                font-size: 2.325rem;
                line-height: 2.625rem;

                &::before {
                    margin: 0 0.625rem 0 0;
                }
            }

            #forum-breadcrumb {
                font-size: 0.925rem;
            }
        }

        #forum-notification {
            .notification-element {
                gap: 1rem;
                padding: 0.825rem;

                .notification-icon {
                    font-size: 1.525rem;
                }

                .notification-content {
                    h3 {
                        font-size: 1.125rem;
                    }
                }
            }
        }

        > #forum-body {
            > .main-body {
                .is-content {
                    .main-slat {
                        .mainslat-title {
                            padding: 2rem 2.225rem;
                        }

                        .mainslat-content {
                            .slat-interior {
                                padding-left: 2.225rem;
                                padding-right: 2.225rem;

                                .slatinterior-title {
                                    padding: 0;
                                    margin: 0 0 0.825rem 0;
                                }

                                .slatinterior-content {
                                    border: none;
                                    padding: 0;
                                }
                            }
                        }
                    }
                }

                #forum-topbar {
                    width: 225px;
                    padding: 0 1.225rem;

                    #side-section {
                        .plank-block .plank-title {
                            margin: 1.5rem -1.225rem;
                        }

                        &::after {
                            width: calc(100% + 2.45rem);
                            margin: 0 -1.225rem;
                        }
                    }
                }

                #forum-content,
                #forum-wiki {
                    width: calc(100vw - 229px);

                    .forum-element {
                        width: 100% !important;

                        &:nth-child(2) {
                            border-top: 2px solid var(--color-2);
                        }

                        &:nth-child(2n-1) {
                            border-right: none;
                        }

                        .forum-forum {
                            .forum-header {
                                padding-bottom: 0;
                            }

                            .forum-image {
                                height: 100%;
                                position: absolute;
                                right: 0;
                                top: 0;
                            }

                            .forum-content {
                                .forum-box {
                                    height: 120px;
                                }

                                .forum-links {
                                    position: absolute;
                                    width: calc(100% - 2.45rem);
                                    margin: 0;
                                    bottom: 1.225rem;
                                    right: calc(-100% + 1.225rem);
                                    padding: 1.225rem;
                                    border: 2px solid var(--color-2);

                                    &::before {
                                        content: "";
                                        display: block;
                                        width: 100%;
                                        height: 100%;
                                        position: absolute;
                                        z-index: 1;
                                        background: var(--color-1);
                                        opacity: 0.7;
                                        left: 0;
                                        top: 0;
                                    }

                                    a {
                                        position: relative;
                                        z-index: 1;
                                    }

                                    &.no-links {
                                        display: none;
                                    }
                                }
                            }

                            > * {
                                width: 50%;
                            }
                        }
                    }

                    .forum-postlist {
                        > li {
                            .postlist-post {
                                .post-profile {
                                    width: 240px;
                                    max-width: 25%;

                                    .miniprofile-fields {
                                        border: none;
                                        margin: 0;
                                    }
                                }

                                .post-content {
                                    .post-info {
                                        padding-top: 1.225rem;
                                    }

                                    .post-signature {
                                        .signature-side {
                                            .miniprofile-name {
                                                h3 {
                                                    font-size: 1.325rem;
                                                }
                                            }

                                            .miniprofile-contacts {
                                                font-size: 0.825rem;
                                            }

                                            .miniprofile-quote {
                                                font-size: 0.825rem;
                                            }
                                        }

                                        .miniprofile-signature {
                                            width: 220px;
                                            max-width: 30%;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .forum-otherposts {
                        > li {
                            .postlist-post {
                                .post-datafields {
                                    width: 240px;
                                    max-width: 25%;
                                }
                            }
                        }
                    }

                    #profile-section {
                        .profile-element {
                            > section {
                                > section {
                                    #profile-userside {
                                        max-width: 25%;
                                        width: 240px;
                                        padding: 1rem;
                                    }

                                    #profile-minifields:not(.has-text-left),
                                    & .wiki-index > h3 + ul {
                                        border: none;
                                        padding: 0 !important;
                                    }

                                    #profile-subhead {
                                        > .columns {
                                            .coolquote-quote {
                                                .coolquote-content {
                                                    font-size: 0.825rem;
                                                }
                                            }

                                            .profile-linklist {
                                                a {
                                                    font-size: 0.825rem;

                                                    i {
                                                        width: 1.225rem;
                                                    }
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .wiki-body {
                        grid-template-columns: min(25%, 240px) 2px minmax(0, 1fr);
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: 1023px) {
    body {
        > header {
            display: none;

            #page-header {
                height: 400px;
                max-height: 80vh;

                #forum-logo {
                    height: 45%;

                    img {
                        height: 100%;
                    }
                }
            }
        }

        > #forum-navbar {
            .main-body {
                .bottom {
                    #navbar-menu {
                        position: fixed;
                        right: 0;
                        top: 60px;
                        width: 100vw;
                        height: calc(100vh - 58px);
                        border-left: 2px solid var(--color-2);
                        border-right: 2px solid var(--color-2);
                        border-bottom: 2px solid var(--color-2);
                        margin-bottom: -2px;
                        flex-flow: column;
                        transition: ease-in-out 0.5s transform;

                        &::before {
                            content: "";
                            opacity: 0.9;
                            background: var(--color-1);
                            width: 100%;
                            height: 100%;
                            position: fixed;
                            z-index: 0;
                        }

                        .navbar-item {
                            z-index: 1;
                            border-left: none;
                            border-bottom: 2px solid var(--color-2);

                            a {
                                grid-template-columns: 0fr 1fr;
                                gap: 0.725rem;

                                .icon {
                                    color: var(--color-contrast);
                                }
                            }
                        }
                    }

                    &.is-inactive {
                        #navbar-menu {
                            transform: translateX(150vw);
                        }
                    }

                    &.is-active {
                        #hmg-button {
                            i {
                                &::before {
                                    content: "\f00d";
                                }
                            }
                        }

                        #navbar-menu {
                            transform: translateX(0);
                        }
                    }
                }
            }
        }

        > #forum-body {
            margin-top: -2px;

            > .main-body {
                #frmAgreement {
                    #usereply-comand {
                        margin: -0.975rem 1.725rem 1.5rem 1.725rem;
                    }
                }

                .is-content {
                    line-height: 1.325rem;
                    font-size: 0.925rem;

                    .main-slat {
                        border-left: none;
                        border-right: none;
                        border-bottom: none;
                        background: none;
                        margin: 0 -2.225rem -2rem -2.225rem;

                        .mainslat-title {
                            font-size: 1.5rem;
                            line-height: 1.5rem;
                            padding-top: 1.5rem;
                            padding-bottom: 1.5rem;
                        }
                    }
                }

                #forum-topbar {
                    display: none;
                }

                #forum-content,
                #forum-wiki {
                    width: 100%;

                    .forum-button {
                        &::before,
                        &::after {
                            display: none;
                        }

                        .text {
                            border: 3px solid var(--color-3);
                            margin: 0;
                        }

                        &:has(> .is-hidden-touch) {
                            .icon {
                                display: flex;
                                border: 3px solid var(--color-3);
                                margin: 0;
                                padding: 0.5rem 0.825rem;
                            }

                            .text {
                                display: none;
                            }
                        }
                    }

                    .forum-controls {
                        .dropdown {
                            .dropdown-menu {
                                margin: 0;
                                width: inherit;
                                top: calc(100% + 4px);

                                .dropdown-content {
                                    border-top: 2px solid var(--color-3);
                                }
                            }
                        }

                        &.lower-controls {
                            .dropdown {
                                .dropdown-menu {
                                    bottom: calc(100% + 4px);
                                    top: inherit;

                                    .dropdown-content {
                                        border-bottom: 2px solid var(--color-3);
                                    }
                                }
                            }
                        }
                    }

                    .forum-postlist {
                        > li {
                            .postlist-post {
                                .post-profile {
                                    max-width: 23%;

                                    .miniprofile-fields {
                                        display: none;
                                    }
                                }
                            }
                        }
                    }

                    .category-estadisticas {
                        > .columns {
                            display: flex;
                            flex-flow: column wrap;

                            #bloque-ultimostemas {
                                order: 1;
                                border-top: 2px solid var(--color-2);

                                .ltopic-list {
                                    display: grid;
                                    grid-template-columns: repeat(2, minmax(0, 1fr));
                                }

                                small {
                                    text-align: center;
                                }
                            }

                            #bloque-estadisticas {
                                order: 0;
                                border: 0;

                                .has-users {
                                    height: auto;
                                }

                                #census {
                                    padding: 1.225rem 2.225rem;
                                }
                            }
                        }
                    }

                    #profile-section {
                        .profile-element {
                            > section {
                                > section {
                                    &#profile-subhead {
                                        > .columns {
                                            #profile-links {
                                                > .column {
                                                    padding-top: 0;
                                                    padding-bottom: 0;
                                                }
                                            }
                                        }
                                    }

                                    #profile-minifields:not(.has-text-left),
                                    & .wiki-index > h3 + ul {
                                        .minifield-element {
                                            font-size: 0.825rem;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .wiki-body {
                        grid-template-columns: 100%;
                        grid-template-rows: max-content;

                        .wiki-index {
                            width: 100%;
                            padding: 2rem 2.225rem 0.5rem 2.225rem;
                            position: initial;
                        }

                        &::after {
                            display: none;
                        }
                    }
                }
            }
        }

        > #extracredits-section {
            > .category-element {
                > .columns {
                    display: flex;

                    #forum-cred {
                        order: 1;
                    }

                    #forum-affiliates {
                        order: 0;

                        > ul {
                            display: flex;
                            flex-flow: column wrap;
                            gap: 1.5rem;

                            #forum-affiliates-sisters {
                                margin: 0;
                            }

                            #forum-affiliates-elite {
                                > ul {
                                    display: flex;
                                    flex-flow: column wrap;
                                    gap: 1.5rem;
                                }
                            }
                        }
                    }
                }
            }
        }

        > #forum-footer {
            .main-body {
                justify-content: center;

                .right {
                    display: none;
                }
            }
        }
    }
}

@media only screen and (max-width: 768px) {
    body {
        &.is-desktop,
        &.is-touch {
            .forum-head {
                h3 {
                    font-size: 1.825rem;
                    line-height: 2.325rem;

                    &::before {
                        margin: 0 0.425rem 0 0;
                    }
                }

                #forum-breadcrumb {
                    font-size: 0.825rem;
                }
            }

            > #forum-navbar {
                > .main-body {
                    .user {
                        .user-avatar {
                            display: none;
                        }
                    }
                }
            }

            > header {
                #page-header {
                    height: 250px;
                    max-height: 60vh;

                    #forum-logo {
                        height: 35%;
                    }
                }
            }

            > #forum-body {
                > .main-body {
                    .is-content {
                        .main-slat {
                            .mainslat-title {
                                display: none;
                            }

                            .mainslat-content {
                                .userecord-head {
                                    .userecord-data {
                                        .userecord-field {
                                            font-size: 0.825rem;
                                        }
                                    }
                                }

                                .slat-interior {
                                    margin: 0;
                                    padding-bottom: 0;

                                    .slatinterior-content {
                                        font-size: 0.825rem;
                                    }

                                    &:first-child {
                                        padding-top: 2rem;
                                    }

                                    &:last-child {
                                        padding-bottom: 2rem;
                                    }
                                }
                            }
                        }
                    }

                    #forum-content,
                    #forum-wiki {
                        .forum-controls {
                            > * {
                                width: 100%;
                            }

                            &.upper-controls {
                                .page-pagination {
                                    display: none;
                                }
                            }

                            &.lower-controls {
                                .page-buttons {
                                    display: none;
                                }

                                .page-pagination {
                                    display: flex;
                                    justify-content: center;
                                }
                            }
                        }

                        .forum-topiclist {
                            .topiclist-topics {
                                > li {
                                    .topiclist-topic {
                                        flex-flow: column;
                                        gap: 0.5rem;

                                        > * {
                                            width: 100%;
                                            max-width: initial;
                                        }

                                        .topic-main {
                                            height: auto;
                                            min-height: 30px;
                                            gap: 0.925rem;

                                            .topic-icon {
                                                width: 1.5rem;
                                                height: 1.5rem;
                                                font-size: 1.325rem;
                                            }

                                            .topic-container {
                                                max-width: calc(100% - 2.5rem);
                                            }
                                        }

                                        .topic-repliesandviews {
                                            border: 0;
                                            padding: 0;
                                            align-items: flex-start;
                                            text-align: left;
                                        }

                                        .topic-quicklink {
                                            .topic-lastpost {
                                                font-size: 0.925rem;

                                                .forum-checkbox {
                                                    justify-content: flex-start;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        .topic-lastpost > .forum-checkbox .checkbox-content::after,
                        .topic-lastpost > *:not(.forum-checkbox)::after {
                            content: "Último mensaje";
                            font-family: var(--font-2);
                            font-style: italic;
                            margin: 0 0 0 0.325rem;
                            color: var(--color-3);
                        }

                        .topic-draft .topic-lastpost > .forum-checkbox .checkbox-content::after,
                        .topic-draft .topic-lastpost > *:not(.forum-checkbox)::after {
                            content: "Examinar bosquejo";
                        }

                        .topic-mp .topic-lastpost > .forum-checkbox .checkbox-content::after,
                        .topic-mp .topic-lastpost > *:not(.forum-checkbox)::after {
                            content: "Seleccionar mensaje";
                            margin: 0;
                        }

                        #forum-followed .topic-mp .topic-lastpost > .forum-checkbox .checkbox-content::after,
                        #forum-followed .topic-mp .topic-lastpost > *:not(.forum-checkbox)::after,
                        .topiclist-topics > li.row.is-mod .topic-lastpost > .forum-checkbox .checkbox-content::after,
                        .topiclist-topics > li.row.is-mod .topic-lastpost > *:not(.forum-checkbox)::after {
                            content: "Seleccionar tema";
                            margin: 0;
                        }

                        .forum-postlist {
                            > li {
                                .postlist-post {
                                    .post-content {
                                        > .post-info {
                                            .post-buttons {
                                                .post-button {
                                                    line-height: 1rem;
                                                }
                                            }
                                        }

                                        > .post-signature {
                                            .signature-side {
                                                .miniprofile-quote {
                                                    display: none;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        .forum-otherposts {
                            > li {
                                .postlist-post {
                                    flex-flow: column;

                                    .post-profile {
                                        max-width: initial;
                                        margin: 0;
                                    }

                                    &::after {
                                        width: 100%;
                                        height: 2px;
                                    }
                                }
                            }
                        }

                        .forum-element {
                            .forum-forum {
                                > * {
                                    width: 100%;
                                }

                                .forum-header {
                                    padding-bottom: 2.225rem;
                                }

                                .forum-image {
                                    position: initial;
                                    height: 250px;
                                }

                                .forum-content {
                                    .forum-box {
                                        height: auto;
                                    }

                                    .forum-links {
                                        position: initial;
                                        width: 100%;
                                        border: none;
                                        padding: 0;
                                        margin: 0 0 1.5rem 0;

                                        &::before {
                                            display: none;
                                            position: initial;
                                        }
                                    }
                                }
                            }
                        }

                        #profile-section {
                            .profile-element {
                                > section {
                                    > section {
                                        &#profile-head {
                                            flex-flow: column;

                                            #profile-userside {
                                                max-width: initial;
                                                width: 100%;
                                                padding: 2rem 2.225rem;
                                            }

                                            &::after {
                                                width: 100%;
                                                height: 2px;
                                            }
                                        }

                                        &#profile-subhead {
                                            > .columns {
                                                #profile-links {
                                                    padding-top: 2.225rem !important;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }
                    }

                    .category-estadisticas {
                        .columns {
                            #bloque-estadisticas {
                                #census {
                                    li {
                                        a {
                                            font-size: 0.925rem;
                                        }
                                    }
                                }
                            }
                        }
                    }

                    #mp-section {
                        .wiki-content {
                            .forum-otherposts {
                                > li {
                                    &:last-child {
                                        border: none;
                                    }
                                }
                            }
                        }
                    }
                }
            }

            > #extracredits-section {
                > .category-element {
                    > .columns {
                        #forum-affiliates {
                            .affiliates-collection {
                                > ul {
                                    max-width: 370px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

@media only screen and (max-width: 487px) {
    body {
        &.is-desktop,
        &.is-touch {
            > #forum-body {
                > .main-body {
                    #forum-content,
                    #forum-wiki {
                        .forum-postlist {
                            > li {
                                .postlist-post {
                                    &::after {
                                        display: none;
                                    }

                                    .post-profile {
                                        display: none;
                                    }

                                    .post-content {
                                        display: flex;
                                        flex-flow: column;

                                        > .post-signature {
                                            order: 0;
                                            position: relative;
                                            border-top: none;
                                            border-bottom: 2px solid var(--color-2);
                                            height: 140px;
                                            padding: 0;
                                            gap: 0;

                                            .miniprofile-signature {
                                                order: 0;
                                                aspect-ratio: 11 / 16;
                                                width: auto;
                                                height: 100%;

                                                .is-avatar {
                                                    display: block;
                                                }

                                                .is-signature {
                                                    display: none;
                                                }
                                            }

                                            .signature-side {
                                                order: 1;
                                                padding: 1rem 1.225rem;
                                                align-items: flex-start;
                                                min-width: 0;

                                                .miniprofile-name {
                                                    width: 100%;
                                                    text-align: left;
                                                    padding: 0;
                                                }

                                                .miniprofile-contacts {
                                                    width: 100%;
                                                    border: none;
                                                    padding: 0;
                                                    gap: 0.725rem;
                                                    justify-content: flex-start;
                                                }
                                            }
                                        }

                                        > .post-info {
                                            order: 1;
                                            flex-flow: column;
                                            gap: 0.5rem;
                                            align-items: flex-start;
                                        }

                                        > .is-content {
                                            order: 2;
                                            padding: 0rem 2.225rem 2rem 2.225rem;
                                        }
                                    }
                                }
                            }
                        }

                        .category-estadisticas {
                            > .columns {
                                #bloque-ultimostemas {
                                    > .ltopic-list {
                                        grid-template-columns: minmax(0, 1fr);
                                    }
                                }
                            }
                        }

                        #mp-section {
                            .wiki-content {
                                .forum-otherposts {
                                    li {
                                        .mp-main {
                                            > h3 {
                                                small {
                                                    text-align: left;
                                                    flex-flow: column;
                                                }
                                            }
                                        }
                                    }
                                }
                            }
                        }

                        #forum-usereply {
                            #usereply-top {
                                #usereply-buttons {
                                    > ul {
                                        max-width: 80px;
                                        flex-flow: wrap;
                                        gap: 0.5rem;

                                        li {
                                            margin: 0;
                                        }
                                    }
                                }
                            }
                        }

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

                    > #extracredits-section {
                        > .category-element {
                            > .columns {
                                #forum-affiliates {
                                    .affiliates-collection {
                                        > ul {
                                            max-width: 250px;
                                        }
                                    }
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}