/* L2 Nexum overrides for Ancient-World theme */
.server__online-text {
    font-size: 0.95rem;
    letter-spacing: 0.06em;
    text-transform: uppercase;
    white-space: nowrap;
}

.server[data-server-status="on"] .server__count {
    display: none !important;
}

.lang__list {
    max-height: 280px;
    overflow-y: auto;
}

.lang__link.is-active {
    opacity: 0.55;
    pointer-events: none;
}

.hero__btns {
    display: flex;
    flex-wrap: wrap;
    gap: 0.75rem;
    justify-content: center;
}

.aboutus__content .btn {
    margin-top: 1rem;
    display: inline-block;
}

/* Nexum OrangeGold logo — square crest: size by height/width carefully */
.logo__img {
    width: 4.25rem !important;
    height: auto !important;
    max-height: 4.25rem;
    object-fit: contain;
}

.logo__img.logo__img_hover {
    width: 4.25rem !important;
}

.logotype__img {
    width: min(42rem, 92vw) !important;
    height: auto !important;
    max-height: 26rem;
    object-fit: contain;
    filter: drop-shadow(0 0.35rem 1.25rem rgba(255, 140, 40, 0.22));
}

.preload__logo {
    width: 14rem !important;
    height: auto !important;
    max-height: 12rem;
    object-fit: contain;
}

.sidebar-aw-logo {
    width: 6.75rem !important;
    height: auto !important;
    max-height: 5.5rem;
    object-fit: contain;
    filter: drop-shadow(0 0.2rem 0.85rem rgba(255, 140, 40, 0.2));
}

.aw-flash {
    margin: 0 0 1.25rem;
    padding: 0.9rem 1.1rem;
    border-radius: 4px;
    font-size: 0.95rem;
    line-height: 1.45;
}

.aw-flash--error {
    background: rgba(180, 40, 40, 0.2);
    border: 1px solid rgba(220, 80, 80, 0.45);
    color: #ffc9c9;
}

.aw-flash--success,
.aw-flash--info {
    background: rgba(40, 120, 70, 0.18);
    border: 1px solid rgba(80, 180, 110, 0.4);
    color: #c8f0d4;
}

.aw-auth-links {
    text-align: center;
    margin-top: 1.25rem;
}

.aw-auth-links a {
    color: rgba(212, 184, 122, 0.95);
    text-decoration: underline;
}

.registration .field__input {
    width: 100%;
}

.aw-info-intro {
    margin-bottom: 2rem;
    font-size: 1.05rem;
    line-height: 1.6;
    opacity: 0.92;
}

.aw-info-table {
    margin-bottom: 1.75rem;
}

.aw-info-notes {
    margin: 0 0 2rem;
}

.static__content .spoiler-list {
    margin-bottom: 2rem;
}

.aw-auth-note {
    margin: 0 0 1rem;
    line-height: 1.5;
    opacity: 0.95;
}

.aw-auth-sep {
    margin: 0 0.45rem;
    opacity: 0.55;
}

.aw-2fa-qr {
    display: flex;
    justify-content: center;
    margin: 1rem 0 1.25rem;
}

.aw-2fa-qr img {
    background: #fff;
    padding: 0.6rem;
    border-radius: 4px;
}

.aw-2fa-secret code {
    word-break: break-all;
    color: #e8d1a6;
}

.aw-2fa-recovery {
    margin-bottom: 1.5rem;
}

.aw-2fa-recovery__list {
    margin: 0.75rem 0 0;
}

.aw-badge {
    display: inline-block;
    padding: 0.15rem 0.55rem;
    border-radius: 3px;
    font-size: 0.8rem;
    letter-spacing: 0.04em;
    text-transform: uppercase;
    margin-right: 0.35rem;
}

.aw-badge--ok {
    background: rgba(40, 120, 70, 0.35);
    color: #c8f0d4;
}

.aw-badge--warn {
    background: rgba(160, 110, 20, 0.35);
    color: #ffe6a8;
}

.aw-2fa-disable-form {
    margin-top: 1.25rem;
}

/* —— Beta opening landing (Ancient-World) —— */
.aw-opening-page {
    min-height: 100vh;
}

.aw-opening-hero {
    position: relative;
    min-height: calc(100vh - 4rem);
    display: flex;
    flex-direction: column;
    justify-content: center;
    background-image: url("../images/hero/bg.jpg") !important;
    background-size: cover !important;
    background-position: center right !important;
    background-repeat: no-repeat !important;
}

.aw-opening-hero__bg,
.aw-opening-hero__veil {
    pointer-events: none;
    position: absolute;
    inset: 0;
    z-index: 0;
}

.aw-opening-hero__veil {
    background:
        linear-gradient(90deg, rgba(13, 5, 2, 0.88) 0%, rgba(13, 5, 2, 0.55) 42%, rgba(13, 5, 2, 0.18) 68%, rgba(13, 5, 2, 0.35) 100%),
        linear-gradient(180deg, rgba(13, 5, 2, 0.35) 0%, transparent 28%, transparent 70%, rgba(13, 5, 2, 0.7) 100%);
}

.aw-opening-hero .container,
.aw-opening-hero .servers-desktop {
    position: relative;
    z-index: 1;
}

.aw-opening__box {
    max-width: 42rem;
    text-align: left;
    align-items: flex-start;
}

.aw-opening__logo {
    width: min(28rem, 82vw) !important;
    max-height: 16rem;
    height: auto !important;
    object-fit: contain;
    filter: drop-shadow(0 0.35rem 1.4rem rgba(255, 140, 40, 0.28));
}

.aw-opening__kicker {
    margin-top: 0.75rem;
    font-family: Spectral, "Times New Roman", serif;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    font-size: 0.85rem;
    color: rgba(232, 209, 166, 0.75);
}

.aw-opening__title {
    margin: 0.35rem 0 0.5rem;
    font-family: Spectral, "Times New Roman", serif;
    font-weight: 600;
    font-size: clamp(2rem, 4.5vw, 3.4rem);
    letter-spacing: 0.06em;
    text-transform: uppercase;
    color: #ffe9d3;
    text-shadow: 0 2px 18px rgba(0, 0, 0, 0.65);
}

.aw-opening__subtitle {
    margin: 0 0 1.5rem;
    font-size: 1.05rem;
    line-height: 1.45;
    color: rgba(242, 232, 216, 0.9);
    letter-spacing: 0.04em;
}

.aw-opening__timer {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
    gap: 0.55rem 0.35rem;
    margin-bottom: 1.5rem;
}

.aw-opening__unit {
    min-width: 4.4rem;
    padding: 0.65rem 0.55rem 0.55rem;
    text-align: center;
    background: rgba(8, 3, 1, 0.55);
    border: 1px solid rgba(232, 209, 166, 0.22);
    box-shadow: 0 10px 28px rgba(0, 0, 0, 0.35);
}

.aw-opening__unit--pulse .aw-opening__value {
    animation: aw-opening-pulse 1.2s ease-in-out infinite;
}

@keyframes aw-opening-pulse {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.72; }
}

.aw-opening__value {
    display: block;
    font-family: Spectral, "Times New Roman", serif;
    font-size: clamp(1.6rem, 3.2vw, 2.35rem);
    line-height: 1;
    color: #ffe9d3;
    letter-spacing: 0.04em;
}

.aw-opening__label {
    display: block;
    margin-top: 0.35rem;
    font-size: 0.68rem;
    letter-spacing: 0.14em;
    text-transform: uppercase;
    color: rgba(232, 209, 166, 0.55);
}

.aw-opening__sep {
    font-family: Spectral, serif;
    font-size: 1.6rem;
    color: rgba(232, 209, 166, 0.45);
    padding-bottom: 1.15rem;
}

.aw-opening__stats {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 0.65rem;
    margin-bottom: 1.5rem;
    max-width: 28rem;
}

.aw-opening__stat {
    padding: 0.7rem 0.85rem;
    background: rgba(8, 3, 1, 0.45);
    border: 1px solid rgba(232, 209, 166, 0.14);
}

.aw-opening__stat-label {
    display: block;
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(232, 209, 166, 0.5);
    margin-bottom: 0.2rem;
}

.aw-opening__stat-value {
    font-family: Spectral, serif;
    color: #ffe9d3;
    font-size: 1rem;
}

.aw-opening__btns {
    justify-content: flex-start !important;
    gap: 0.75rem !important;
}

.aw-opening__btns .btn {
    margin: 0 !important;
}

.aw-opening-footer {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}

@media (max-width: 900px) {
    .aw-opening-hero {
        background-position: 70% center !important;
        min-height: auto;
        padding: 3rem 0 2rem;
    }

    .aw-opening__box {
        max-width: 100%;
        text-align: center;
        align-items: center;
    }

    .aw-opening__timer,
    .aw-opening__btns {
        justify-content: center !important;
    }

    .aw-opening__stats {
        margin-left: auto;
        margin-right: auto;
    }

    .aw-opening__sep {
        padding-bottom: 1rem;
    }
}

/* Countdown under home logo */
.aw-home-cd {
    margin: 0.55rem 0 1.15rem;
    text-align: center;
}

.aw-home-cd__kicker {
    font-family: Spectral, "Times New Roman", serif;
    letter-spacing: 0.16em;
    text-transform: uppercase;
    font-size: 0.88rem;
    color: rgba(232, 209, 166, 0.78);
}

.aw-home-cd__title {
    margin: 0.3rem 0 0.35rem;
    font-family: Spectral, "Times New Roman", serif;
    font-weight: 600;
    font-size: clamp(1.55rem, 3vw, 2.15rem);
    letter-spacing: 0.08em;
    text-transform: uppercase;
    color: #ffe9d3;
    text-shadow: 0 2px 12px rgba(0, 0, 0, 0.55);
}

.aw-home-cd__subtitle {
    margin: 0 0 0.95rem;
    font-size: 1rem;
    letter-spacing: 0.05em;
    color: rgba(242, 232, 216, 0.9);
}

.aw-home-cd__timer {
    display: inline-flex;
    flex-wrap: wrap;
    align-items: flex-end;
    justify-content: center;
    gap: 0.4rem 0.3rem;
}

.aw-home-cd__unit {
    min-width: 4.1rem;
    padding: 0.55rem 0.45rem 0.45rem;
    text-align: center;
    background: rgba(8, 3, 1, 0.55);
    border: 1px solid rgba(232, 209, 166, 0.22);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.3);
}

.aw-home-cd__unit--pulse .aw-home-cd__value {
    animation: aw-opening-pulse 1.2s ease-in-out infinite;
}

.aw-home-cd__value {
    display: block;
    font-family: Spectral, "Times New Roman", serif;
    font-size: 1.75rem;
    line-height: 1;
    color: #ffe9d3;
    letter-spacing: 0.03em;
}

.aw-home-cd__label {
    display: block;
    margin-top: 0.28rem;
    font-size: 0.68rem;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    color: rgba(232, 209, 166, 0.55);
}

.aw-home-cd__sep {
    font-family: Spectral, serif;
    font-size: 1.35rem;
    color: rgba(232, 209, 166, 0.45);
    padding-bottom: 0.95rem;
}

/* ========== MOBILE ONLY — desktop unchanged ========== */
@media (max-width: 900px) {
    html, body {
        overflow-x: hidden;
    }

    .body {
        min-width: 0 !important;
    }

    /* Hero: keep character readable, content readable */
    [data-section="hero"] {
        background-position: 72% center !important;
        min-height: auto !important;
        padding: 5.5rem 0 2.25rem !important;
    }

    .hero,
    .hero__box {
        align-items: center !important;
        text-align: center !important;
        width: 100%;
        max-width: 100%;
        padding-left: 0.75rem;
        padding-right: 0.75rem;
        box-sizing: border-box;
    }

    .hero__logotype,
    .hero__logotype .logotype {
        display: flex;
        justify-content: center;
        width: 100%;
    }

    .logotype__img {
        width: min(18.5rem, 78vw) !important;
        max-height: 12.5rem !important;
    }

    .hero__subtitle {
        font-size: 0.95rem !important;
        line-height: 1.45 !important;
        max-width: 22rem;
        margin-left: auto;
        margin-right: auto;
        padding: 0 0.5rem;
    }

    .hero__btns {
        flex-direction: column;
        align-items: center;
        gap: 0.7rem !important;
        width: 100%;
    }

    .hero__btns .btn {
        margin: 0 !important;
        width: min(17rem, 88vw) !important;
        min-width: 0 !important;
        max-width: 100%;
    }

    /* Compact countdown for phones */
    .aw-home-cd {
        margin: 0.45rem 0 0.95rem;
        width: 100%;
        padding: 0 0.35rem;
        box-sizing: border-box;
    }

    .aw-home-cd__kicker {
        font-size: 0.72rem;
        letter-spacing: 0.12em;
    }

    .aw-home-cd__title {
        font-size: 1.35rem;
        margin: 0.2rem 0 0.25rem;
    }

    .aw-home-cd__subtitle {
        font-size: 0.78rem;
        line-height: 1.35;
        margin: 0 0 0.7rem;
        padding: 0 0.25rem;
    }

    .aw-home-cd__timer {
        gap: 0.22rem 0.12rem;
        max-width: 100%;
    }

    .aw-home-cd__unit {
        min-width: 3.05rem;
        padding: 0.4rem 0.28rem 0.32rem;
    }

    .aw-home-cd__value {
        font-size: 1.2rem;
    }

    .aw-home-cd__label {
        font-size: 0.55rem;
        letter-spacing: 0.08em;
    }

    .aw-home-cd__sep {
        font-size: 1rem;
        padding-bottom: 0.7rem;
    }

    /* Server status chip — don't collide with hero */
    .servers-desktop {
        position: static !important;
        display: flex;
        justify-content: center;
        margin: 0.75rem auto 0;
        transform: none !important;
        left: auto !important;
        top: auto !important;
        width: auto;
    }

    .server__online-text {
        font-size: 0.78rem;
        white-space: nowrap;
    }

    /* Nav logo smaller on phones */
    .logo__img,
    .logo__img.logo__img_hover {
        width: 3.35rem !important;
        max-height: 3.35rem !important;
    }

    .preload__logo {
        width: 10rem !important;
        max-height: 8.5rem !important;
    }

    /* Auth / info / rules static pages */
    .static {
        padding-left: 0.75rem !important;
        padding-right: 0.75rem !important;
    }

    .static__content,
    .registration__form,
    .registration__box {
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .tblbox {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
    }

    .tblbox table {
        min-width: 28rem;
    }

    .aw-auth-card,
    .registration {
        max-width: 100%;
    }

    .field__input {
        font-size: 1rem; /* avoid iOS zoom jump */
    }

    .footer {
        text-align: center;
        padding: 0 0.75rem;
    }

    .footer__links {
        justify-content: center;
        flex-wrap: wrap;
        gap: 0.75rem;
    }

    /* Social rail — keep clear of content */
    .scl_type_desk {
        display: none !important;
    }
}

@media (max-width: 480px) {
    .logotype__img {
        width: min(15.5rem, 82vw) !important;
        max-height: 10.5rem !important;
    }

    .aw-home-cd__title {
        font-size: 1.2rem;
    }

    .aw-home-cd__unit {
        min-width: 2.75rem;
    }

    .aw-home-cd__value {
        font-size: 1.05rem;
    }

    .aw-home-cd__sep {
        display: none;
    }

    .hero__btns .btn {
        width: min(16rem, 92vw) !important;
        height: 2.85rem !important;
        min-height: 2.85rem !important;
        font-size: 0.9rem !important;
    }
}

/* Mobile header: language flags + hide stray Register button */
@media (max-width: 1199.99px) {
    /* Keep header row clean: logo | flag | burger */
    .navigation {
        align-items: center !important;
    }

    .navigation__box_side_left {
        flex: 1 1 auto;
        min-width: 0;
    }

    .navigation__box_side_right {
        display: flex !important;
        align-items: center;
        justify-content: flex-end;
        gap: 0.55rem;
        margin-right: 0.35rem !important;
        margin-left: 0 !important;
        padding-right: 0 !important;
        flex: 0 0 auto;
    }

    /* Huge AW Register button must NOT sit in the top bar */
    .navigation__auth {
        display: none !important;
    }

    /* Language: flag only, no English text, no overlap with logo */
    .navigation__lang {
        display: flex !important;
        align-items: center;
        margin: 0 !important;
        padding: 0 !important;
        border: 0 !important;
        position: relative;
        z-index: 5;
    }

    .navigation__lang .lang {
        padding-right: 0.85rem !important;
        width: auto !important;
        min-width: 0 !important;
    }

    .navigation__lang .lang__name {
        display: none !important;
    }

    .navigation__lang .lang__current {
        display: flex;
        align-items: center;
        gap: 0;
        padding: 0.2rem;
    }

    .navigation__lang .lang__img,
    .navigation__lang .lang__current-img {
        width: 1.55rem !important;
        height: 1.55rem !important;
        min-width: 1.55rem;
        border-radius: 50%;
        object-fit: cover;
        display: block;
        box-shadow: 0 0 0 1px rgba(232, 209, 166, 0.35);
    }

    .navigation__lang .lang__list {
        right: 0;
        left: auto;
        min-width: 10.5rem;
        z-index: 50;
    }

    .navigation__lang .lang__link {
        display: flex;
        align-items: center;
        gap: 0.55rem;
        padding: 0.55rem 0.75rem;
    }

    .navigation__lang .lang__link .lang__name {
        display: block !important;
        font-size: 0.9rem;
    }

    .navigation__lang .lang__link .lang__img {
        width: 1.35rem !important;
        height: 1.35rem !important;
        border-radius: 50%;
    }

    .gw-burger {
        margin-left: 0.15rem;
    }

    /* When auth is moved into hamburger, style it as menu items not giant buttons */
    .menu [data-place-container="auth"],
    .menu .auth {
        display: flex;
        flex-direction: column;
        align-items: center;
        gap: 0.75rem !important;
        width: 100%;
    }

    .menu .auth .btn,
    .menu .auth .auth__btn {
        display: none !important; /* Login/Register already in menu__list */
    }
}

/* Vote section (replaces Community streams) */
.section[data-section="streams"] {
    padding-top: 5.5rem;
}

.aw-vote {
    text-align: center;
    padding: 2.25rem 0 2.5rem;
}

.aw-vote .streams__heading {
    margin-top: 0.5rem;
    padding-top: 0.75rem;
}

.aw-vote__lead {
    max-width: 40rem;
    margin: 0 auto 1.5rem;
    font-size: 1.05rem;
    line-height: 1.5;
    color: rgba(242, 232, 216, 0.92);
}

.aw-vote__lead strong {
    color: #ffe9d3;
    font-family: Spectral, "Times New Roman", serif;
    letter-spacing: 0.04em;
}

.aw-vote__btns {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 0.85rem;
    margin: 0 auto 1.75rem;
}

.aw-vote__btns .btn {
    margin: 0 !important;
}

.aw-vote__note {
    max-width: 36rem;
    margin: 0 auto 1.75rem;
    font-size: 0.95rem;
    color: rgba(232, 209, 166, 0.85);
}

.aw-vote__note strong {
    color: #ffe9d3;
}

.aw-vote__banners {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 0.75rem 1rem;
    max-width: 58rem;
    margin: 0 auto;
    padding: 1.25rem 1rem;
    background: rgba(8, 3, 1, 0.35);
    border: 1px solid rgba(232, 209, 166, 0.14);
}

.aw-vote__banners a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 0;
    transition: opacity 0.2s ease, transform 0.2s ease;
}

.aw-vote__banners a:hover {
    opacity: 0.92;
    transform: translateY(-1px);
}

.aw-vote__banners img {
    max-height: 60px;
    width: auto;
    height: auto;
    display: block;
}

.aw-vote__l2votes {
    gap: 0.45rem !important;
    padding: 0.35rem 0.65rem;
    border: 1px solid rgba(232, 209, 166, 0.25);
    background: rgba(13, 5, 2, 0.65);
    text-decoration: none !important;
    line-height: 1.15 !important;
}

.aw-vote__l2votes span {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    color: #ffe9d3;
}

.aw-vote__l2votes strong {
    font-size: 0.78rem;
    letter-spacing: 0.08em;
}

.aw-vote__l2votes small {
    font-size: 0.65rem;
    opacity: 0.75;
    text-transform: uppercase;
    letter-spacing: 0.06em;
}

@media (max-width: 900px) {
    .aw-vote__btns {
        flex-direction: column;
        align-items: center;
    }

    .aw-vote__btns .btn {
        width: min(17rem, 88vw) !important;
        min-width: 0 !important;
    }

    .aw-vote__lead {
        font-size: 0.95rem;
        padding: 0 0.75rem;
    }

    .aw-vote__banners {
        gap: 0.65rem;
        padding: 1rem 0.75rem;
    }
}

/* Keep full interface screenshot visible in news cards */
.post__bg--contain {
    object-fit: contain !important;
    object-position: center center;
    background: #0d0502;
}