/* =========================================================
   Prestige Server Info Final Overrides
   Future website/server-info edits go here.
   Do not append new edits into style.css anymore.
   ========================================================= */

:root {
    --prestige-server-info-final-loaded: 1;
}





/* 2026-05-07 | Hide only hero female character background, keep logo */
#hero .char-render {
    background-image: none !important;
    background: none !important;
}


/* 2026-05-07 | Prestige hero logo subtle magic effect */
#hero .hero-logo-block {
    position: relative !important;
    display: inline-block !important;
}

#hero .hero-logo-block::before {
    content: "" !important;
    position: absolute !important;
    inset: -18px !important;
    border-radius: 50% !important;
    background:
        conic-gradient(
            from 0deg,
            transparent 0deg,
            rgba(103, 202, 255, 0.28) 70deg,
            rgba(255, 220, 120, 0.30) 120deg,
            transparent 180deg,
            rgba(103, 202, 255, 0.20) 260deg,
            transparent 360deg
        ) !important;
    filter: blur(14px) !important;
    opacity: 0.55 !important;
    z-index: -1 !important;
    animation: prestigeLogoHaloSpin 8s linear infinite !important;
}

#hero .hero-logo-block img {
    animation: prestigeLogoSoftFloat 3.8s ease-in-out infinite !important;
    transform-origin: center center !important;
    will-change: transform, filter !important;
}

#hero .hero-logo-block img:hover {
    animation:
        prestigeLogoSoftFloat 3.8s ease-in-out infinite,
        prestigeLogoHoverSpin 0.9s ease-in-out 1 !important;
    filter:
        drop-shadow(0 0 10px rgba(90, 190, 255, 0.35))
        drop-shadow(0 0 14px rgba(255, 220, 120, 0.22)) !important;
}

@keyframes prestigeLogoSoftFloat {
    0%, 100% {
        transform: translateY(0) scale(1);
    }
    50% {
        transform: translateY(-6px) scale(1.015);
    }
}

@keyframes prestigeLogoHaloSpin {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}

@keyframes prestigeLogoHoverSpin {
    0% {
        transform: translateY(0) rotate(0deg) scale(1);
    }
    65% {
        transform: translateY(-4px) rotate(8deg) scale(1.04);
    }
    100% {
        transform: translateY(0) rotate(0deg) scale(1);
    }
}


/* 2026-05-07 | Hero logo hover left-right sway */
#hero .hero-logo-block img:hover {
    animation: prestigeLogoHoverSway 1.45s ease-in-out infinite !important;
    filter:
        drop-shadow(0 0 10px rgba(90, 190, 255, 0.38))
        drop-shadow(0 0 16px rgba(255, 220, 120, 0.25)) !important;
}

@keyframes prestigeLogoHoverSway {
    0%, 100% {
        transform: translateX(0) translateY(0) scale(1.015);
    }
    25% {
        transform: translateX(-8px) translateY(-3px) scale(1.025);
    }
    50% {
        transform: translateX(0) translateY(-5px) scale(1.03);
    }
    75% {
        transform: translateX(8px) translateY(-3px) scale(1.025);
    }
}


/* 2026-05-07 | Exact fix: remove prestige-highlights bottom padding before footer */
body.prestige-server-info-mode section#prestige-highlights.prestige-highlights,
section#prestige-highlights.prestige-highlights {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body.prestige-server-info-mode section#prestige-highlights.prestige-highlights > .container,
section#prestige-highlights.prestige-highlights > .container {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}


/* 2026-05-07 | Exact gap fix: close 57px body gap between highlights and footer */
body:has(#hero) section#prestige-highlights.prestige-highlights {
    margin-bottom: -57px !important;
}


/* 2026-05-07 | Ensure page bottom below footer uses footer color */
html {
    background: #071827 !important;
}

body:has(#hero) {
    min-height: 100vh !important;
}

body:has(#hero) .footer.prestige-clean-footer {
    background: #071827 !important;
}



/* 2026-05-07 | Smaller balanced footer logo */
.footer.prestige-clean-footer {
    min-height: 68px !important;
    padding: 8px 15px !important;
    margin: 0 !important;
    overflow: hidden !important;
}

.prestige-clean-footer .prestige-footer-inner {
    min-height: 46px !important;
    max-width: 600px !important;
    gap: 14px !important;
    align-items: center !important;
}

.prestige-clean-footer .prestige-footer-logo-box {
    width: 104px !important;
    height: 42px !important;
    flex: 0 0 104px !important;
    overflow: visible !important;
    position: relative !important;
}

.prestige-clean-footer .prestige-footer-logo-box .prestige-footer-logo {
    width: 96px !important;
    max-width: 96px !important;
    height: auto !important;
    display: block !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    margin: 0 !important;
}

.prestige-clean-footer .prestige-footer-copy {
    font-size: 12px !important;
    line-height: 1.3 !important;
}

.prestige-clean-footer .prestige-footer-owner {
    font-size: 11px !important;
    line-height: 1.3 !important;
}


/* 2026-05-07 | Center footer logo + trademark group */
.footer.prestige-clean-footer {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.prestige-clean-footer .prestige-footer-inner {
    width: fit-content !important;
    margin: 0 auto !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    gap: 14px !important;
}

.prestige-clean-footer .prestige-footer-logo-box {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
    margin: 0 !important;
}

.prestige-clean-footer .prestige-footer-text {
    margin: 0 !important;
    text-align: left !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.prestige-clean-footer .prestige-footer-copy,
.prestige-clean-footer .prestige-footer-owner {
    margin: 0 !important;
}


/* 2026-05-07 | Smaller footer logo so it fits cleanly */
.prestige-clean-footer .prestige-footer-logo {
    max-height: 72px !important;
    width: auto !important;
    height: auto !important;
    display: block !important;
}

.prestige-clean-footer .prestige-footer-logo-box {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
}


/* =========================================================
   News & Update Panel
   Safe override file: server-info-final.css
   ========================================================= */

#prestige-news-update-section:not([hidden]) {
    display: block !important;
    width: 100% !important;
}

#transparency-board-panel.is-news-update-mode {
    min-height: 520px !important;
}

.prestige-news-board {
    width: min(1120px, 100%) !important;
    margin: 0 auto !important;
    padding: 24px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(126, 190, 255, 0.35) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.82), rgba(230,246,255,0.58)) !important;
    box-shadow:
        0 18px 42px rgba(62, 132, 208, 0.14),
        inset 0 1px 0 rgba(255,255,255,0.82) !important;
}

.prestige-news-board-head {
    text-align: center !important;
    margin-bottom: 22px !important;
}

.prestige-news-board-head span {
    display: inline-block !important;
    margin-bottom: 8px !important;
    color: #c69a2b !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.18em !important;
    text-transform: uppercase !important;
}

.prestige-news-board-head h3 {
    margin: 0 0 8px !important;
    color: #1260b4 !important;
    font-size: 26px !important;
    font-weight: 900 !important;
    letter-spacing: 0.12em !important;
}

.prestige-news-board-head p {
    margin: 0 auto !important;
    max-width: 650px !important;
    color: #5578a3 !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.prestige-news-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

.prestige-news-card {
    min-height: 180px !important;
    padding: 22px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(104, 177, 255, 0.32) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.9), rgba(235,248,255,0.7)) !important;
    box-shadow:
        0 12px 26px rgba(46, 119, 202, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.85) !important;
}

.prestige-news-tag {
    display: inline-flex !important;
    align-items: center !important;
    padding: 6px 10px !important;
    margin-bottom: 14px !important;
    border-radius: 999px !important;
    color: #0b65bd !important;
    background: rgba(161, 215, 255, 0.35) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.prestige-news-card h4 {
    margin: 0 0 10px !important;
    color: #145da8 !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

.prestige-news-card p {
    margin: 0 !important;
    color: #5c7fa7 !important;
    font-size: 13px !important;
    line-height: 1.7 !important;
}

@media (max-width: 991px) {
    .prestige-news-grid {
        grid-template-columns: 1fr !important;
    }

    .prestige-news-board {
        padding: 18px !important;
    }
}


/* =========================================================
   News Mode Isolation
   Hide Pre-Reg milestone content when News & Update is open.
   ========================================================= */

#transparency-board-panel.is-news-update-mode .prestige-milestone-board,
#transparency-board-panel.is-news-update-mode .prestige-milestone-track,
#transparency-board-panel.is-news-update-mode .prestige-milestone-rewards,
#transparency-board-panel.is-news-update-mode .prestige-reward-card,
#transparency-board-panel.is-news-update-mode .prestige-milestone-fill,
#transparency-board-panel.is-news-update-mode .prestige-milestone-dot,
#transparency-board-panel.is-news-update-mode #prereg-live-count {
    display: none !important;
}

#transparency-board-panel.is-news-update-mode #prestige-news-update-section {
    display: block !important;
}


/* =========================================================
   News & Update Background Image
   ========================================================= */

#transparency-board-panel.is-news-update-mode .prestige-news-board {
    position: relative !important;
    overflow: hidden !important;
    background-image:
        linear-gradient(rgba(255,255,255,0.72), rgba(235,245,255,0.78)),
        url('../img/news-update-bg.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#transparency-board-panel.is-news-update-mode .prestige-news-board > * {
    position: relative !important;
    z-index: 2 !important;
}

#transparency-board-panel.is-news-update-mode .prestige-news-card {
    background: rgba(255, 255, 255, 0.82) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}


/* =========================================================
   News & Update Full Panel Background
   ========================================================= */

#transparency-board-panel.is-news-update-mode {
    position: relative !important;
    overflow: hidden !important;
    background-image:
        linear-gradient(rgba(255,255,255,0.58), rgba(235,245,255,0.68)),
        url('../img/news-update-bg.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

#transparency-board-panel.is-news-update-mode .prestige-news-board {
    background: rgba(255,255,255,0.18) !important;
    border: 1px solid rgba(255,255,255,0.28) !important;
    backdrop-filter: blur(4px) !important;
    -webkit-backdrop-filter: blur(4px) !important;
    box-shadow: none !important;
}

#transparency-board-panel.is-news-update-mode .prestige-news-card {
    background: rgba(255,255,255,0.82) !important;
    backdrop-filter: blur(6px) !important;
    -webkit-backdrop-filter: blur(6px) !important;
}


/* =========================================================
   News & Update TRUE Full Section Background
   Whole white section becomes the background image
   ========================================================= */

body.prestige-news-update-mode #transparency-board-panel.is-news-update-mode {
    position: relative !important;
    overflow: hidden !important;
    background: transparent !important;
}

body.prestige-news-update-mode #transparency-board-panel.is-news-update-mode::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background-image:
        linear-gradient(rgba(255,255,255,0.40), rgba(235,245,255,0.52)),
        url('../img/news-update-bg.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    z-index: 0 !important;
}

body.prestige-news-update-mode #transparency-board-panel.is-news-update-mode > * {
    position: relative !important;
    z-index: 1 !important;
}

/* remove inner white/box feel */
body.prestige-news-update-mode #transparency-board-panel.is-news-update-mode .prestige-news-board {
    width: 100% !important;
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    padding: 18px 24px 26px !important;
}

/* keep text readable */
body.prestige-news-update-mode #transparency-board-panel.is-news-update-mode .prestige-news-board-head {
    text-align: center !important;
    padding: 10px 0 18px !important;
}

/* keep cards readable on top of big background */
body.prestige-news-update-mode #transparency-board-panel.is-news-update-mode .prestige-news-card {
    background: rgba(255,255,255,0.84) !important;
    border: 1px solid rgba(160, 205, 255, 0.50) !important;
    box-shadow:
        0 10px 24px rgba(58, 122, 194, 0.12),
        inset 0 1px 0 rgba(255,255,255,0.88) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* optional: make whole news area feel fuller */
body.prestige-news-update-mode #transparency-board-panel.is-news-update-mode {
    min-height: 720px !important;
}


/* =========================================================
   News & Update Whole White Section Background
   Applies image to the parent section, not only the panel.
   ========================================================= */

.prestige-news-bg-host {
    position: relative !important;
    overflow: hidden !important;
    background-image:
        linear-gradient(rgba(255,255,255,0.34), rgba(235,246,255,0.50)),
        url('../img/news-update-bg.png') !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
}

/* Remove the plain white panel feeling while News mode is open */
.prestige-news-bg-host #transparency-board-panel.is-news-update-mode {
    background: transparent !important;
    box-shadow: none !important;
}

/* Remove inner news background so the big section background is visible */
.prestige-news-bg-host #transparency-board-panel.is-news-update-mode .prestige-news-board {
    background: transparent !important;
    border: none !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Keep actual content readable */
.prestige-news-bg-host #transparency-board-panel.is-news-update-mode .prestige-news-card {
    background: rgba(255,255,255,0.86) !important;
    border: 1px solid rgba(150, 205, 255, 0.58) !important;
    box-shadow:
        0 12px 26px rgba(57, 126, 205, 0.14),
        inset 0 1px 0 rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}


/* =========================================================
   News & Update Background Authority v1
   Same behavior as Server Info panel background.
   Whole transparency board gets the News background.
   ========================================================= */

#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) {
    position: relative !important;
    overflow: hidden !important;
    min-height: 720px !important;
    padding: 54px 58px 70px !important;
    border-radius: 24px !important;
    border: 1px solid rgba(120, 190, 255, 0.55) !important;
    background:
        linear-gradient(rgba(255,255,255,0.42), rgba(226,244,255,0.58)),
        url('../img/news-update-bg.png') center center / cover no-repeat !important;
    box-shadow:
        0 22px 52px rgba(49, 132, 210, 0.14),
        inset 0 1px 0 rgba(255,255,255,0.75) !important;
}

/* Make sure News content sits above the image */
#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) > * {
    position: relative !important;
    z-index: 2 !important;
}

/* Remove inner white board so the full background is visible */
#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) .prestige-news-board {
    width: min(1120px, 100%) !important;
    margin: 120px auto 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

/* Hide Pre-Reg milestone content while News is open */
#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) .prestige-milestone-board,
#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) .prestige-milestone-track,
#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) .prestige-milestone-rewards,
#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) .prestige-reward-card,
#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) .prestige-milestone-fill,
#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) .prestige-milestone-dot,
#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) #prereg-live-count {
    display: none !important;
}

/* Keep News cards readable on top of the image */
#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) .prestige-news-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 18px !important;
}

#transparency-board-panel:has(#prestige-news-update-section:not([hidden])) .prestige-news-card {
    background: rgba(255,255,255,0.86) !important;
    border: 1px solid rgba(145, 203, 255, 0.60) !important;
    box-shadow:
        0 14px 30px rgba(57, 126, 205, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

/* Mobile */
@media (max-width: 991px) {
    #transparency-board-panel:has(#prestige-news-update-section:not([hidden])) {
        padding: 34px 18px 46px !important;
        min-height: 620px !important;
    }

    #transparency-board-panel:has(#prestige-news-update-section:not([hidden])) .prestige-news-board {
        margin-top: 80px !important;
    }

    #transparency-board-panel:has(#prestige-news-update-section:not([hidden])) .prestige-news-grid {
        grid-template-columns: 1fr !important;
    }
}


/* =========================================================
   Clean Full News & Update Section
   Standalone full section, not inside Pre-Reg panel.
   ========================================================= */

#prestige-news-update-full-section[hidden] {
    display: none !important;
}

#prestige-news-update-full-section:not([hidden]) {
    display: block !important;
}

.prestige-news-update-full-section {
    position: relative !important;
    width: 100vw !important;
    min-height: 720px !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 86px 24px 92px !important;
    overflow: hidden !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(126, 190, 255, 0.45) !important;
    background:
        linear-gradient(rgba(255,255,255,0.26), rgba(220,244,255,0.46)),
        url('../img/news-update-bg.png') center center / cover no-repeat !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.75),
        inset 0 -1px 0 rgba(255,255,255,0.55) !important;
}

.prestige-news-update-full-section::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(circle at 50% 22%, rgba(255,255,255,0.38), transparent 34%),
        linear-gradient(90deg, rgba(255,255,255,0.28), transparent 22%, transparent 78%, rgba(255,255,255,0.28)) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.prestige-news-full-inner {
    position: relative !important;
    z-index: 2 !important;
    width: min(1180px, calc(100% - 32px)) !important;
    margin: 0 auto !important;
}

.prestige-news-full-head {
    text-align: center !important;
    margin: 0 auto 260px !important;
}

.prestige-news-full-head span {
    display: inline-block !important;
    margin-bottom: 10px !important;
    color: #c79215 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0.22em !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.85) !important;
}

.prestige-news-full-head h2 {
    margin: 0 0 10px !important;
    color: #0d4778 !important;
    font-size: clamp(32px, 4.2vw, 54px) !important;
    font-weight: 950 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    text-shadow:
        0 2px 0 rgba(255,255,255,0.72),
        0 10px 24px rgba(42, 116, 190, 0.18) !important;
}

.prestige-news-full-head p {
    margin: 0 auto !important;
    max-width: 760px !important;
    color: #315f8c !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75) !important;
}

.prestige-news-full-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.prestige-news-update-full-section .prestige-news-card {
    min-height: 180px !important;
    padding: 24px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(145, 203, 255, 0.64) !important;
    background: rgba(255,255,255,0.86) !important;
    box-shadow:
        0 16px 34px rgba(45, 119, 202, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.prestige-news-update-full-section .prestige-news-tag {
    display: inline-flex !important;
    align-items: center !important;
    padding: 7px 12px !important;
    margin-bottom: 14px !important;
    border-radius: 999px !important;
    color: #0868c4 !important;
    background: rgba(175, 222, 255, 0.55) !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
}

.prestige-news-update-full-section .prestige-news-card h4 {
    margin: 0 0 10px !important;
    color: #09549f !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.prestige-news-update-full-section .prestige-news-card p {
    margin: 0 !important;
    color: #416f9e !important;
    font-size: 14px !important;
    line-height: 1.75 !important;
}

.prestige-news-full-close {
    position: absolute !important;
    top: 24px !important;
    right: max(28px, calc((100vw - 1180px) / 2 + 18px)) !important;
    z-index: 5 !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(125, 190, 255, 0.55) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.88) !important;
    color: #1260a8 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 12px 26px rgba(53, 121, 194, 0.14) !important;
}

.prestige-news-full-close:hover {
    transform: translateY(-1px) !important;
    background: rgba(255,255,255,0.98) !important;
}

/* Prevent old inside-panel News content from showing accidentally */
#prestige-news-update-section {
    display: none !important;
}

@media (max-width: 991px) {
    .prestige-news-update-full-section {
        min-height: 640px !important;
        padding: 72px 16px 70px !important;
    }

    .prestige-news-full-head {
        margin-bottom: 180px !important;
    }

    .prestige-news-full-grid {
        grid-template-columns: 1fr !important;
    }

    .prestige-news-full-close {
        top: 18px !important;
        right: 18px !important;
    }
}


/* =========================================================
   Full News Mode Cleanup
   Hide old top transparency/pre-reg panel when standalone News is open.
   ========================================================= */

body.prestige-news-full-mode #transparency-board-panel {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
}

body.prestige-news-full-mode #prestige-news-update-full-section {
    display: block !important;
}


/* =========================================================
   News Close Button X Encoding Fix
   ========================================================= */

.prestige-news-full-close {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 20px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    text-align: center !important;
}


/* =========================================================
   News Close Button Hover Effect
   Matches premium close button feel from other sections.
   ========================================================= */

.prestige-news-full-close {
    transition:
        transform 0.22s ease,
        box-shadow 0.22s ease,
        background 0.22s ease,
        border-color 0.22s ease,
        color 0.22s ease !important;
}

.prestige-news-full-close:hover {
    transform: translateY(-2px) scale(1.06) !important;
    color: #0b5fae !important;
    border-color: rgba(255, 199, 82, 0.85) !important;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,1), rgba(235,248,255,0.96)) !important;
    box-shadow:
        0 0 0 4px rgba(120, 195, 255, 0.16),
        0 12px 28px rgba(40, 120, 205, 0.22),
        0 0 18px rgba(255, 207, 92, 0.38),
        inset 0 1px 0 rgba(255,255,255,0.95) !important;
}

.prestige-news-full-close:active {
    transform: translateY(0) scale(0.98) !important;
    box-shadow:
        0 5px 14px rgba(40, 120, 205, 0.18),
        inset 0 1px 0 rgba(255,255,255,0.9) !important;
}


/* =========================================================
   News Close Button - Match Server Info Close Hover
   Overrides previous custom News hover.
   ========================================================= */

.prestige-news-full-close {
    background: rgba(255,255,255,0.88) !important;
    color: #1b628f !important;
    border: 1px solid rgba(112, 191, 235, 0.36) !important;
    transition: all 0.2s ease !important;
    box-shadow: 0 8px 18px rgba(35, 120, 180, 0.12) !important;
}

.prestige-news-full-close:hover {
    transform: rotate(90deg) scale(1.04) !important;
    background: #ffffff !important;
    color: #0f75b8 !important;
    border-color: rgba(112, 191, 235, 0.36) !important;
    box-shadow: 0 10px 24px rgba(30, 120, 180, 0.18) !important;
}

.prestige-news-full-close:active {
    transform: rotate(90deg) scale(0.98) !important;
    background: #ffffff !important;
    color: #0f75b8 !important;
    box-shadow: 0 6px 16px rgba(30, 120, 180, 0.14) !important;
}


/* =========================================================
   News Close Button Exact Server Info Match
   Final authority for size, placement, rotation, and hover.
   ========================================================= */

body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close {
    position: absolute !important;
    top: 14px !important;
    right: max(24px, calc((100vw - 1180px) / 2 + 24px)) !important;
    left: auto !important;
    z-index: 50 !important;

    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;

    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;

    border: 1px solid rgba(112, 191, 235, 0.36) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.88) !important;
    color: #1b628f !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;

    cursor: pointer !important;
    box-shadow: 0 8px 18px rgba(35, 120, 180, 0.12) !important;
    transition: all 0.2s ease !important;
}

body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close:hover {
    transform: rotate(90deg) scale(1.04) !important;
    background: #ffffff !important;
    color: #0f75b8 !important;
    border-color: rgba(112, 191, 235, 0.36) !important;
    box-shadow: 0 10px 24px rgba(30, 120, 180, 0.18) !important;
}

body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close:active {
    transform: rotate(90deg) scale(0.98) !important;
    background: #ffffff !important;
    color: #0f75b8 !important;
    box-shadow: 0 6px 16px rgba(30, 120, 180, 0.14) !important;
}

@media (max-width: 991px) {
    body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close {
        top: 12px !important;
        right: 12px !important;
    }
}


/* =========================================================
   News Cards Simple Symbol Icons
   Clean Remixicon symbols, no PNG assets.
   ========================================================= */

.prestige-news-update-full-section .prestige-news-card-has-symbol {
    position: relative !important;
    overflow: hidden !important;
    padding-left: 104px !important;
    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease,
        border-color 0.24s ease,
        background 0.24s ease !important;
}

.prestige-news-update-full-section .prestige-news-symbol {
    position: absolute !important;
    top: 26px !important;
    left: 24px !important;
    width: 58px !important;
    height: 58px !important;
    border-radius: 18px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #0d7bd4 !important;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,0.96), rgba(205,235,255,0.58)) !important;
    border: 1px solid rgba(126, 197, 255, 0.52) !important;
    box-shadow:
        0 10px 22px rgba(38, 118, 205, 0.13),
        inset 0 1px 0 rgba(255,255,255,0.94) !important;
    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease,
        border-color 0.24s ease,
        color 0.24s ease,
        background 0.24s ease !important;
}

.prestige-news-update-full-section .prestige-news-symbol i {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    font-size: 32px !important;
    line-height: 1 !important;
    font-weight: normal !important;
    filter: drop-shadow(0 4px 8px rgba(32, 100, 190, 0.20)) !important;
    transition:
        transform 0.24s ease,
        filter 0.24s ease !important;
}

.prestige-news-update-full-section .prestige-news-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(91, 184, 255, 0.78) !important;
    background: rgba(255,255,255,0.93) !important;
    box-shadow:
        0 18px 38px rgba(40, 119, 205, 0.22),
        0 0 24px rgba(112, 203, 255, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.prestige-news-update-full-section .prestige-news-card:hover .prestige-news-symbol {
    transform: translateY(-2px) scale(1.06) !important;
    color: #0b65bd !important;
    border-color: rgba(255, 199, 82, 0.72) !important;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,1), rgba(221,243,255,0.82)) !important;
    box-shadow:
        0 0 0 4px rgba(120, 195, 255, 0.14),
        0 14px 28px rgba(40, 120, 205, 0.20),
        0 0 18px rgba(255, 207, 92, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.prestige-news-update-full-section .prestige-news-card:hover .prestige-news-symbol i {
    transform: scale(1.08) rotate(-4deg) !important;
    filter: drop-shadow(0 8px 14px rgba(27, 105, 198, 0.28)) !important;
}

@media (max-width: 991px) {
    .prestige-news-update-full-section .prestige-news-card-has-symbol {
        padding-left: 94px !important;
    }

    .prestige-news-update-full-section .prestige-news-symbol {
        width: 52px !important;
        height: 52px !important;
        top: 24px !important;
        left: 22px !important;
    }

    .prestige-news-update-full-section .prestige-news-symbol i {
        font-size: 28px !important;
    }
}


/* =========================================================
   News Cards Inline SVG Multi-Color Icons
   Original flat SVG symbols with CSS variables.
   ========================================================= */

.prestige-news-update-full-section .prestige-news-card-has-svg {
    position: relative !important;
    overflow: hidden !important;
    padding-left: 112px !important;
    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease,
        border-color 0.24s ease,
        background 0.24s ease !important;
}

.prestige-news-update-full-section .prestige-news-svg-icon {
    position: absolute !important;
    top: 24px !important;
    left: 24px !important;
    width: 66px !important;
    height: 66px !important;
    border-radius: 20px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,0.98), rgba(211,238,255,0.66)) !important;
    border: 1px solid rgba(126, 197, 255, 0.54) !important;
    box-shadow:
        0 10px 22px rgba(38, 118, 205, 0.13),
        inset 0 1px 0 rgba(255,255,255,0.94) !important;
    transition:
        transform 0.24s ease,
        box-shadow 0.24s ease,
        border-color 0.24s ease,
        background 0.24s ease !important;
}

.prestige-news-update-full-section .prestige-news-svg-icon svg {
    width: 46px !important;
    height: 46px !important;
    display: block !important;
    filter: drop-shadow(0 5px 9px rgba(32, 100, 190, 0.20)) !important;
    transition:
        transform 0.26s ease,
        filter 0.26s ease !important;
}

.prestige-news-svg-icon--patch {
    --news-icon-a: #69b7ff;
    --news-icon-b: #c8c2ff;
    --news-icon-c: #ffbd4a;
    --news-icon-d: #22314c;
}

.prestige-news-svg-icon--server {
    --news-icon-a: #88a8ff;
    --news-icon-b: #54b6ff;
    --news-icon-c: #39d98a;
    --news-icon-d: #ffd34f;
}

.prestige-news-svg-icon--event {
    --news-icon-a: #70c6ff;
    --news-icon-b: #7e9bff;
    --news-icon-c: #2d6fb7;
    --news-icon-d: #ffcd45;
}

.prestige-news-update-full-section .prestige-news-card:hover {
    transform: translateY(-4px) !important;
    border-color: rgba(91, 184, 255, 0.78) !important;
    background: rgba(255,255,255,0.93) !important;
    box-shadow:
        0 18px 38px rgba(40, 119, 205, 0.22),
        0 0 24px rgba(112, 203, 255, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.prestige-news-update-full-section .prestige-news-card:hover .prestige-news-svg-icon {
    transform: translateY(-2px) scale(1.06) !important;
    border-color: rgba(255, 199, 82, 0.72) !important;
    background:
        radial-gradient(circle at 35% 25%, rgba(255,255,255,1), rgba(221,243,255,0.86)) !important;
    box-shadow:
        0 0 0 4px rgba(120, 195, 255, 0.14),
        0 14px 28px rgba(40, 120, 205, 0.20),
        0 0 18px rgba(255, 207, 92, 0.28),
        inset 0 1px 0 rgba(255,255,255,0.96) !important;
}

.prestige-news-update-full-section .prestige-news-card:hover .prestige-news-svg-icon svg {
    transform: scale(1.08) rotate(-4deg) !important;
    filter: drop-shadow(0 8px 14px rgba(27, 105, 198, 0.28)) !important;
}

@media (max-width: 991px) {
    .prestige-news-update-full-section .prestige-news-card-has-svg {
        padding-left: 98px !important;
    }

    .prestige-news-update-full-section .prestige-news-svg-icon {
        width: 58px !important;
        height: 58px !important;
        top: 22px !important;
        left: 22px !important;
    }

    .prestige-news-update-full-section .prestige-news-svg-icon svg {
        width: 40px !important;
        height: 40px !important;
    }
}


/* =========================================================
   Patch Notes Paper Sheet
   First detail view inside News & Update.
   ========================================================= */

#prestige-patch-sheet[hidden] {
    display: none !important;
}

#prestige-patch-sheet:not([hidden]) {
    display: block !important;
}

.prestige-news-update-full-section.is-patch-sheet-open .prestige-news-full-grid {
    display: none !important;
}

.prestige-news-update-full-section.is-patch-sheet-open .prestige-news-full-head {
    margin-bottom: 46px !important;
}

.prestige-news-patch-trigger {
    cursor: pointer !important;
}

.prestige-patch-sheet {
    position: relative !important;
    z-index: 3 !important;
    width: min(1120px, 100%) !important;
    margin: 0 auto !important;
}

.prestige-patch-paper {
    position: relative !important;
    overflow: hidden !important;
    padding: 34px !important;
    border-radius: 26px !important;
    border: 1px solid rgba(148, 202, 255, 0.58) !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.94), rgba(246,252,255,0.90)) !important;
    box-shadow:
        0 22px 52px rgba(42, 118, 202, 0.20),
        inset 0 1px 0 rgba(255,255,255,0.95) !important;
    backdrop-filter: blur(8px) !important;
    -webkit-backdrop-filter: blur(8px) !important;
}

.prestige-patch-paper::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        repeating-linear-gradient(
            to bottom,
            transparent 0,
            transparent 34px,
            rgba(82, 150, 220, 0.055) 35px
        ) !important;
    pointer-events: none !important;
}

.prestige-patch-paper > * {
    position: relative !important;
    z-index: 2 !important;
}

.prestige-patch-paper-top {
    text-align: center !important;
    margin-bottom: 28px !important;
    padding-bottom: 22px !important;
    border-bottom: 1px dashed rgba(100, 170, 230, 0.35) !important;
}

.prestige-patch-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 18px !important;
    padding: 9px 18px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(112, 191, 235, 0.46) !important;
    background: rgba(255,255,255,0.88) !important;
    color: #1260a8 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
    box-shadow: 0 8px 18px rgba(35, 120, 180, 0.10) !important;
    transition: all 0.2s ease !important;
}

.prestige-patch-back:hover {
    transform: translateY(-2px) !important;
    background: #ffffff !important;
    color: #0f75b8 !important;
    box-shadow: 0 10px 24px rgba(30, 120, 180, 0.18) !important;
}

.prestige-patch-kicker {
    display: block !important;
    margin-bottom: 8px !important;
    color: #c79215 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 0.20em !important;
    text-transform: uppercase !important;
}

.prestige-patch-paper-top h3 {
    margin: 0 0 8px !important;
    color: #0d4778 !important;
    font-size: clamp(28px, 3vw, 42px) !important;
    font-weight: 950 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
}

.prestige-patch-paper-top p {
    margin: 0 auto !important;
    max-width: 760px !important;
    color: #416f9e !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.prestige-patch-compare {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 22px !important;
}

.prestige-patch-entry {
    padding: 24px !important;
    border-radius: 22px !important;
    border: 1px solid rgba(145, 203, 255, 0.55) !important;
    background: rgba(255,255,255,0.84) !important;
    box-shadow:
        0 14px 30px rgba(45, 119, 202, 0.12),
        inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.prestige-patch-entry-current {
    border-color: rgba(255, 198, 72, 0.72) !important;
}

.prestige-patch-status {
    display: inline-flex !important;
    margin-bottom: 14px !important;
    padding: 7px 12px !important;
    border-radius: 999px !important;
    background: rgba(175, 222, 255, 0.55) !important;
    color: #0868c4 !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 0.09em !important;
    text-transform: uppercase !important;
}

.prestige-patch-entry-current .prestige-patch-status {
    background: rgba(255, 217, 106, 0.42) !important;
    color: #a67508 !important;
}

.prestige-patch-entry h4 {
    margin: 0 0 4px !important;
    color: #09549f !important;
    font-size: 22px !important;
    font-weight: 950 !important;
}

.prestige-patch-entry small {
    display: block !important;
    margin-bottom: 14px !important;
    color: #6c8caf !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
}

.prestige-patch-entry p {
    margin: 0 0 16px !important;
    color: #416f9e !important;
    font-size: 14px !important;
    line-height: 1.7 !important;
}

.prestige-patch-entry ul {
    margin: 0 !important;
    padding-left: 18px !important;
}

.prestige-patch-entry li {
    margin-bottom: 9px !important;
    color: #315f8c !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
}

.prestige-patch-archive {
    margin-top: 24px !important;
    padding-top: 22px !important;
    border-top: 1px dashed rgba(100, 170, 230, 0.35) !important;
}

.prestige-patch-archive-head h4 {
    margin: 0 0 6px !important;
    color: #09549f !important;
    font-size: 18px !important;
    font-weight: 950 !important;
}

.prestige-patch-archive-head p {
    margin: 0 0 14px !important;
    color: #5b7fa8 !important;
    font-size: 13px !important;
}

.prestige-patch-archive-list {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
}

.prestige-patch-archive-list button {
    padding: 9px 13px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(145, 203, 255, 0.55) !important;
    background: rgba(255,255,255,0.82) !important;
    color: #1260a8 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    cursor: pointer !important;
    transition: all 0.2s ease !important;
}

.prestige-patch-archive-list button:hover {
    transform: translateY(-2px) !important;
    background: #ffffff !important;
    box-shadow: 0 10px 20px rgba(45, 119, 202, 0.14) !important;
}

@media (max-width: 991px) {
    .prestige-patch-paper {
        padding: 22px !important;
    }

    .prestige-patch-compare {
        grid-template-columns: 1fr !important;
    }
}


/* 2026-05-25 | Homepage highlight cards/footer breathing room */
body:has(#hero) section#prestige-highlights.prestige-highlights {
    top: -90px !important;
    margin-bottom: 0 !important;
    padding-bottom: clamp(84px, 8vh, 128px) !important;
}

body:has(#hero) section#prestige-highlights.prestige-highlights > .container {
    padding-bottom: 0 !important;
}

@media (max-width: 767px) {
    body:has(#hero) section#prestige-highlights.prestige-highlights {
        top: -46px !important;
        margin-bottom: 0 !important;
        padding-bottom: 72px !important;
    }
}

body.prestige-player-stat-mode section#prestige-highlights.prestige-highlights {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

body.prestige-player-stat-mode section#prestige-highlights.prestige-highlights > .container {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

/* 2026-05-25 | Clean current patch viewer with compact archive picker */
.prestige-patch-paper-top p {
    max-width: 620px !important;
}

.prestige-patch-viewer,
.prestige-patch-compare.prestige-patch-viewer {
    display: block !important;
    max-width: 760px !important;
    margin: 0 auto !important;
}

.prestige-patch-viewer .prestige-patch-entry {
    min-height: 0 !important;
    padding: 28px 30px !important;
}

.prestige-patch-archive {
    max-width: 760px !important;
    margin: 24px auto 0 !important;
    text-align: center !important;
}

.prestige-patch-archive-head h4 {
    font-size: 16px !important;
    letter-spacing: 0.08em !important;
    text-transform: uppercase !important;
}

.prestige-patch-archive-list {
    justify-content: center !important;
}

.prestige-patch-archive-list button {
    min-width: 92px !important;
    border-radius: 14px !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.94), rgba(231,246,255,0.82)) !important;
}

.prestige-patch-archive-list button.is-active,
.prestige-patch-archive-list button:hover {
    border-color: rgba(255, 194, 62, 0.72) !important;
    background: linear-gradient(180deg, rgba(255,246,218,0.96), rgba(255,255,255,0.92)) !important;
    color: #9b6908 !important;
}

.prestige-patch-archive-list button:disabled {
    cursor: default !important;
    opacity: 0.72 !important;
}

/* 2026-05-25 | Patch Notes parchment scroll presentation */
.prestige-patch-sheet {
    width: min(980px, 100%) !important;
}

.prestige-patch-paper {
    max-width: 920px !important;
    min-height: 1040px !important;
    margin: 0 auto !important;
    padding: 160px 132px 146px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: url('../img/patch-scroll.png') center center / 100% 100% no-repeat !important;
    box-shadow: none !important;
    overflow: visible !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
}

.prestige-patch-paper::before {
    display: none !important;
}

.prestige-patch-paper-top {
    margin-bottom: 18px !important;
    padding-bottom: 12px !important;
    border-bottom: 1px solid rgba(190, 151, 73, 0.22) !important;
}

.prestige-patch-back {
    margin-bottom: 12px !important;
    background: rgba(255, 252, 239, 0.72) !important;
    border-color: rgba(190, 151, 73, 0.34) !important;
    color: #8c650f !important;
    box-shadow: 0 8px 16px rgba(126, 88, 25, 0.10) !important;
}

.prestige-patch-kicker {
    color: #b4851d !important;
}

.prestige-patch-paper-top h3 {
    color: #174f82 !important;
    font-size: clamp(26px, 3vw, 38px) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.75) !important;
}

.prestige-patch-paper-top p {
    max-width: 560px !important;
    color: #6b704d !important;
}

.prestige-patch-viewer,
.prestige-patch-compare.prestige-patch-viewer {
    max-width: 610px !important;
}

.prestige-patch-viewer .prestige-patch-entry,
.prestige-patch-entry {
    padding: 8px 10px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.prestige-patch-entry-current {
    border-color: transparent !important;
}

.prestige-patch-status {
    background: rgba(255, 226, 137, 0.44) !important;
    color: #8b620d !important;
    border: 1px solid rgba(188, 139, 39, 0.18) !important;
}

.prestige-patch-entry h4 {
    color: #134f8f !important;
    font-size: 24px !important;
}

.prestige-patch-entry small {
    color: #8e7950 !important;
}

.prestige-patch-entry p,
.prestige-patch-entry li {
    color: #4f674e !important;
}

.prestige-patch-entry ul {
    padding-left: 22px !important;
}

.prestige-patch-archive {
    max-width: 610px !important;
    margin-top: 24px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(190, 151, 73, 0.22) !important;
}

.prestige-patch-archive-head h4 {
    color: #174f82 !important;
}

.prestige-patch-archive-head p {
    color: #7a805b !important;
}

.prestige-patch-archive-list button {
    border-color: rgba(190, 151, 73, 0.32) !important;
    background: rgba(255, 252, 239, 0.72) !important;
    color: #8c650f !important;
    box-shadow: 0 8px 16px rgba(126, 88, 25, 0.08) !important;
}

.prestige-patch-archive-list button.is-active,
.prestige-patch-archive-list button:hover {
    border-color: rgba(70, 147, 215, 0.40) !important;
    background: rgba(239, 248, 255, 0.78) !important;
    color: #1260a8 !important;
}

@media (max-width: 991px) {
    .prestige-patch-paper {
        min-height: 940px !important;
        padding: 138px 86px 126px !important;
    }
}

@media (max-width: 640px) {
    .prestige-patch-paper {
        min-height: 840px !important;
        padding: 118px 48px 110px !important;
        background-size: 118% 100% !important;
    }

    .prestige-patch-entry h4 {
        font-size: 20px !important;
    }
}

/* 2026-05-25 | Patch scroll alignment and archive selector polish */
.prestige-patch-paper {
    padding: 150px 154px 132px !important;
}

.prestige-patch-paper,
.prestige-patch-entry,
.prestige-patch-archive {
    font-family: Georgia, 'Times New Roman', serif !important;
}

.prestige-patch-paper-top {
    max-width: 600px !important;
    margin: 0 auto 12px !important;
    padding-bottom: 8px !important;
}

.prestige-patch-paper-top h3 {
    margin-top: 4px !important;
    margin-bottom: 0 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(28px, 3vw, 40px) !important;
    letter-spacing: 0.04em !important;
}

.prestige-patch-viewer,
.prestige-patch-compare.prestige-patch-viewer {
    max-width: 580px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    text-align: left !important;
}

.prestige-patch-viewer .prestige-patch-entry,
.prestige-patch-entry {
    padding: 10px 24px !important;
}

.prestige-patch-status {
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 10px !important;
}

.prestige-patch-entry h4 {
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 25px !important;
    letter-spacing: 0.01em !important;
}

.prestige-patch-entry small {
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 11px !important;
}

.prestige-patch-entry p,
.prestige-patch-entry li {
    font-size: 14px !important;
    line-height: 1.72 !important;
}

.prestige-patch-archive {
    margin-top: 52px !important;
    padding-top: 18px !important;
    border-top: 1px solid rgba(190, 151, 73, 0.18) !important;
}

.prestige-patch-archive-head {
    display: none !important;
}

.prestige-patch-archive-list {
    gap: 12px !important;
}

.prestige-patch-archive-list button {
    position: relative !important;
    min-width: 96px !important;
    padding: 10px 18px !important;
    border-radius: 999px !important;
    font-family: Montserrat, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 0.04em !important;
    background:
        linear-gradient(180deg, rgba(255, 253, 244, 0.96), rgba(255, 240, 198, 0.76)) !important;
    border: 1px solid rgba(184, 132, 32, 0.42) !important;
    box-shadow:
        0 8px 16px rgba(126, 88, 25, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.86) !important;
}

.prestige-patch-archive-list button::before,
.prestige-patch-archive-list button::after {
    content: '' !important;
    position: absolute !important;
    top: 50% !important;
    width: 5px !important;
    height: 5px !important;
    border-radius: 50% !important;
    background: rgba(185, 133, 33, 0.58) !important;
    transform: translateY(-50%) !important;
}

.prestige-patch-archive-list button::before {
    left: 8px !important;
}

.prestige-patch-archive-list button::after {
    right: 8px !important;
}

.prestige-patch-archive-list button.is-active,
.prestige-patch-archive-list button:hover {
    transform: translateY(-2px) !important;
    background:
        linear-gradient(180deg, rgba(236, 248, 255, 0.96), rgba(194, 226, 255, 0.76)) !important;
    border-color: rgba(66, 143, 214, 0.48) !important;
    color: #0f5c9d !important;
}

.prestige-patch-archive-list button.is-active::before,
.prestige-patch-archive-list button.is-active::after,
.prestige-patch-archive-list button:hover::before,
.prestige-patch-archive-list button:hover::after {
    background: rgba(55, 138, 212, 0.62) !important;
}

@media (max-width: 991px) {
    .prestige-patch-paper {
        padding: 138px 100px 124px !important;
    }

    .prestige-patch-viewer,
    .prestige-patch-compare.prestige-patch-viewer {
        max-width: 540px !important;
    }
}

@media (max-width: 640px) {
    .prestige-patch-paper {
        padding: 118px 50px 106px !important;
    }

    .prestige-patch-viewer .prestige-patch-entry,
    .prestige-patch-entry {
        padding: 8px 6px !important;
    }

    .prestige-patch-archive {
        margin-top: 34px !important;
    }
}

/* 2026-05-25 | Lower patch archive selector near scroll bottom */
.prestige-patch-paper {
    display: flex !important;
    flex-direction: column !important;
}

.prestige-patch-viewer,
.prestige-patch-compare.prestige-patch-viewer {
    flex: 0 0 auto !important;
}

.prestige-patch-archive {
    margin-top: auto !important;
    margin-bottom: 46px !important;
    padding-top: 18px !important;
}

@media (max-width: 991px) {
    .prestige-patch-archive {
        margin-bottom: 36px !important;
    }
}

@media (max-width: 640px) {
    .prestige-patch-archive {
        margin-bottom: 28px !important;
    }
}

/* 2026-05-25 | Hide News & Update title block only inside patch sheet mode */
.prestige-news-update-full-section.is-patch-sheet-open .prestige-news-full-head {
    display: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.prestige-news-update-full-section.is-patch-sheet-open #prestige-patch-sheet {
    margin-top: 0 !important;
}

/* 2026-05-25 | Long patch notes stay inside parchment scroll */
.prestige-patch-paper {
    height: min(1040px, calc(100vh - 96px)) !important;
    min-height: 780px !important;
    overflow: hidden !important;
}

.prestige-patch-viewer,
.prestige-patch-compare.prestige-patch-viewer {
    flex: 1 1 auto !important;
    min-height: 0 !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    padding-right: 10px !important;
    scrollbar-width: thin !important;
    scrollbar-color: rgba(177, 129, 36, 0.48) rgba(255, 244, 207, 0.34) !important;
}

.prestige-patch-viewer::-webkit-scrollbar,
.prestige-patch-compare.prestige-patch-viewer::-webkit-scrollbar {
    width: 7px !important;
}

.prestige-patch-viewer::-webkit-scrollbar-track,
.prestige-patch-compare.prestige-patch-viewer::-webkit-scrollbar-track {
    background: rgba(255, 244, 207, 0.34) !important;
    border-radius: 999px !important;
}

.prestige-patch-viewer::-webkit-scrollbar-thumb,
.prestige-patch-compare.prestige-patch-viewer::-webkit-scrollbar-thumb {
    background: rgba(177, 129, 36, 0.48) !important;
    border-radius: 999px !important;
}

.prestige-patch-archive {
    flex: 0 0 auto !important;
}

@media (max-width: 991px) {
    .prestige-patch-paper {
        height: min(940px, calc(100vh - 84px)) !important;
        min-height: 720px !important;
    }
}

@media (max-width: 640px) {
    .prestige-patch-paper {
        height: min(840px, calc(100vh - 72px)) !important;
        min-height: 680px !important;
    }
}

/* 2026-05-25 | Decorative border asset for News & Update glass cards */
.prestige-news-update-full-section .prestige-news-card-has-svg {
    overflow: visible !important;
    isolation: isolate !important;
}

.prestige-news-update-full-section .prestige-news-card-has-svg::before {
    content: '' !important;
    position: absolute !important;
    inset: -28px !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background: url('../img/border.png') center center / 100% 100% no-repeat !important;
    opacity: 0.78 !important;
    filter: drop-shadow(0 16px 26px rgba(48, 115, 192, 0.13)) !important;
    transform: translateZ(0) scale(1) !important;
    transition:
        opacity 0.24s ease,
        filter 0.24s ease,
        transform 0.24s ease !important;
}

.prestige-news-update-full-section .prestige-news-card-has-svg:hover::before {
    opacity: 1 !important;
    filter:
        drop-shadow(0 20px 30px rgba(48, 115, 192, 0.18))
        drop-shadow(0 0 16px rgba(126, 203, 255, 0.22)) !important;
    transform: translateY(-1px) scale(1.012) !important;
}

@media (max-width: 991px) {
    .prestige-news-update-full-section .prestige-news-card-has-svg::before {
        inset: -22px !important;
    }
}

@media (max-width: 640px) {
    .prestige-news-update-full-section .prestige-news-card-has-svg::before {
        inset: -18px !important;
    }
}

/* 2026-05-25 | News cards become content-only and patch archive moves below parchment */
.prestige-news-update-full-section .prestige-news-card,
.prestige-news-update-full-section .prestige-news-card-has-svg {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: flex-start !important;
    min-height: 0 !important;
    padding: 18px 20px !important;
    text-align: center !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
    overflow: visible !important;
}

.prestige-news-update-full-section .prestige-news-card-has-svg::before {
    display: none !important;
}

.prestige-news-update-full-section .prestige-news-svg-icon {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    margin: 0 auto 14px !important;
}

.prestige-news-update-full-section .prestige-news-card:hover,
.prestige-news-update-full-section .prestige-news-card-has-svg:hover {
    transform: translateY(-5px) !important;
    border-color: transparent !important;
    background: transparent !important;
    box-shadow: none !important;
}

.prestige-news-update-full-section .prestige-news-tag {
    margin-bottom: 12px !important;
}

.prestige-news-update-full-section .prestige-news-card h4,
.prestige-news-update-full-section .prestige-news-card p {
    max-width: 320px !important;
}

.prestige-patch-sheet {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
}

.prestige-patch-paper {
    position: relative !important;
}

.prestige-patch-viewer,
.prestige-patch-compare.prestige-patch-viewer {
    padding-right: 0 !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
}

.prestige-patch-viewer::-webkit-scrollbar,
.prestige-patch-compare.prestige-patch-viewer::-webkit-scrollbar {
    width: 0 !important;
    height: 0 !important;
    display: none !important;
}

.prestige-patch-paper.has-patch-overflow::after {
    content: '' !important;
    position: absolute !important;
    right: 144px !important;
    bottom: 116px !important;
    z-index: 5 !important;
    width: 16px !important;
    height: 16px !important;
    border-right: 3px solid rgba(176, 125, 25, 0.72) !important;
    border-bottom: 3px solid rgba(176, 125, 25, 0.72) !important;
    filter: drop-shadow(0 2px 4px rgba(255,255,255,0.75)) !important;
    animation: prestigePatchScrollCue 1.05s ease-in-out infinite !important;
    pointer-events: none !important;
}

.prestige-patch-paper.is-patch-bottom::after {
    opacity: 0 !important;
    animation: none !important;
}

@keyframes prestigePatchScrollCue {
    0%, 100% {
        opacity: 0.28;
        transform: translateY(-4px) rotate(45deg);
    }
    50% {
        opacity: 1;
        transform: translateY(7px) rotate(45deg);
    }
}

.prestige-patch-archive {
    width: min(620px, calc(100% - 32px)) !important;
    max-width: 620px !important;
    margin: 18px auto 0 !important;
    padding: 0 !important;
    border-top: 0 !important;
}

.prestige-patch-paper > .prestige-patch-archive {
    margin: -56px auto 0 !important;
}

.prestige-patch-archive-list {
    justify-content: center !important;
}

@media (max-width: 991px) {
    .prestige-patch-paper.has-patch-overflow::after {
        right: 94px !important;
        bottom: 100px !important;
    }
}

@media (max-width: 640px) {
    .prestige-patch-paper.has-patch-overflow::after {
        right: 54px !important;
        bottom: 84px !important;
        width: 13px !important;
        height: 13px !important;
    }
}

/* 2026-05-25 | Restore border asset as the News card holder */
.prestige-news-update-full-section .prestige-news-full-grid {
    gap: 30px !important;
}

.prestige-news-update-full-section .prestige-news-card,
.prestige-news-update-full-section .prestige-news-card-has-svg {
    position: relative !important;
    isolation: isolate !important;
    min-height: 210px !important;
    padding: 34px 46px 30px !important;
    justify-content: center !important;
}

.prestige-news-update-full-section .prestige-news-card-has-svg::before {
    display: block !important;
    content: '' !important;
    position: absolute !important;
    inset: -26px -24px !important;
    z-index: -1 !important;
    pointer-events: none !important;
    background: url('../img/border.png') center center / 100% 100% no-repeat !important;
    opacity: 0.96 !important;
    filter: drop-shadow(0 16px 24px rgba(38, 113, 196, 0.12)) !important;
    transform: translateZ(0) scale(1) !important;
    transition:
        opacity 0.24s ease,
        filter 0.24s ease,
        transform 0.24s ease !important;
}

.prestige-news-update-full-section .prestige-news-card-has-svg:hover::before {
    opacity: 1 !important;
    filter:
        drop-shadow(0 20px 30px rgba(38, 113, 196, 0.18))
        drop-shadow(0 0 18px rgba(126, 203, 255, 0.22)) !important;
    transform: translateY(-1px) scale(1.012) !important;
}

.prestige-news-update-full-section .prestige-news-svg-icon,
.prestige-news-update-full-section .prestige-news-tag,
.prestige-news-update-full-section .prestige-news-card h4,
.prestige-news-update-full-section .prestige-news-card p {
    position: relative !important;
    z-index: 1 !important;
}

.prestige-news-update-full-section .prestige-news-card h4 {
    margin-top: 2px !important;
}

.prestige-news-update-full-section .prestige-news-card p {
    max-width: 300px !important;
}

@media (max-width: 991px) {
    .prestige-news-update-full-section .prestige-news-card,
    .prestige-news-update-full-section .prestige-news-card-has-svg {
        min-height: 200px !important;
        padding: 30px 42px 28px !important;
    }

    .prestige-news-update-full-section .prestige-news-card-has-svg::before {
        inset: -22px !important;
    }
}

@media (max-width: 640px) {
    .prestige-news-update-full-section .prestige-news-card,
    .prestige-news-update-full-section .prestige-news-card-has-svg {
        padding: 28px 34px 26px !important;
    }

    .prestige-news-update-full-section .prestige-news-card-has-svg::before {
        inset: -18px !important;
    }
}

/* 2026-05-25 | Patch paper bottom back button and centered arrow asset cue */
.prestige-patch-paper-top {
    position: static !important;
}

.prestige-patch-back {
    position: absolute !important;
    left: 50% !important;
    right: auto !important;
    bottom: 76px !important;
    z-index: 8 !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    white-space: nowrap !important;
}

.prestige-patch-back:hover {
    transform: translateX(-50%) translateY(-2px) !important;
}

.prestige-patch-back:active {
    transform: translateX(-50%) translateY(0) !important;
}

.prestige-patch-paper-top h3 {
    text-align: center !important;
}

.prestige-patch-viewer,
.prestige-patch-compare.prestige-patch-viewer {
    margin-bottom: 72px !important;
}

.prestige-patch-paper.has-patch-overflow::after {
    left: 50% !important;
    right: auto !important;
    bottom: 132px !important;
    width: 34px !important;
    height: 34px !important;
    border: 0 !important;
    background: url('../img/arrow_mouse.png') center center / contain no-repeat !important;
    filter:
        drop-shadow(0 4px 7px rgba(116, 78, 20, 0.22))
        drop-shadow(0 0 7px rgba(255, 255, 255, 0.86)) !important;
    transform: translateX(-50%) !important;
    animation: prestigePatchMouseCue 1.1s ease-in-out infinite !important;
}

@keyframes prestigePatchMouseCue {
    0%, 100% {
        opacity: 0.32;
        transform: translateX(-50%) translateY(-6px) scale(0.96);
    }
    50% {
        opacity: 1;
        transform: translateX(-50%) translateY(8px) scale(1.04);
    }
}

@media (max-width: 991px) {
    .prestige-patch-back {
        bottom: 64px !important;
    }

    .prestige-patch-paper.has-patch-overflow::after {
        left: 50% !important;
        right: auto !important;
        bottom: 116px !important;
        width: 30px !important;
        height: 30px !important;
    }
}

@media (max-width: 640px) {
    .prestige-patch-back {
        bottom: 54px !important;
        font-size: 11px !important;
        padding: 10px 16px !important;
    }

    .prestige-patch-paper.has-patch-overflow::after {
        left: 50% !important;
        right: auto !important;
        bottom: 100px !important;
        width: 26px !important;
        height: 26px !important;
    }
}

/* 2026-05-25 | Remove redundant News card title row and tune patch controls */
.prestige-news-update-full-section .prestige-news-card h4 {
    display: none !important;
}

.prestige-news-update-full-section .prestige-news-card,
.prestige-news-update-full-section .prestige-news-card-has-svg {
    padding-top: 30px !important;
    padding-bottom: 32px !important;
}

.prestige-news-update-full-section .prestige-news-card p {
    margin-top: 2px !important;
    max-width: 315px !important;
}

.prestige-patch-back {
    bottom: 98px !important;
}

.prestige-patch-paper.has-patch-overflow::after {
    bottom: 152px !important;
    width: 68px !important;
    height: 68px !important;
}

.prestige-patch-viewer,
.prestige-patch-compare.prestige-patch-viewer {
    margin-bottom: 104px !important;
}

@media (max-width: 991px) {
    .prestige-patch-back {
        bottom: 84px !important;
    }

    .prestige-patch-paper.has-patch-overflow::after {
        bottom: 134px !important;
        width: 60px !important;
        height: 60px !important;
    }
}

@media (max-width: 640px) {
    .prestige-patch-back {
        bottom: 72px !important;
    }

    .prestige-patch-paper.has-patch-overflow::after {
        bottom: 116px !important;
        width: 52px !important;
        height: 52px !important;
    }
}

/* 2026-05-30 | Final placement for patch back button after archive moved */
.prestige-patch-sheet > .prestige-patch-back {
    position: relative !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    display: flex !important;
    width: fit-content !important;
    margin: 18px auto 0 !important;
}

.prestige-patch-sheet > .prestige-patch-back:hover {
    transform: translateY(-2px) scale(1.02) !important;
    background: #ffffff !important;
}

.prestige-patch-sheet > .prestige-patch-back:active {
    transform: translateY(0) scale(0.98) !important;
}

/* 2026-05-26 | News close alignment and About the Server sheet */
body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close {
    top: 78px !important;
    right: max(26px, calc((100vw - 1180px) / 2 + 6px)) !important;
}

.prestige-news-update-full-section.is-server-about-open .prestige-news-full-grid,
.prestige-news-update-full-section.is-server-about-open .prestige-news-full-head {
    display: none !important;
}

#prestige-server-about-sheet[hidden] {
    display: none !important;
}

#prestige-server-about-sheet:not([hidden]) {
    display: block !important;
}

.prestige-server-about-sheet {
    width: min(1080px, calc(100% - 32px)) !important;
    margin: 28px auto 0 !important;
}

.prestige-server-about-panel {
    position: relative !important;
    overflow: visible !important;
    isolation: isolate !important;
    padding: 54px 68px 58px !important;
    color: #17476f !important;
    text-align: center !important;
}

.prestige-server-about-panel::before {
    content: '' !important;
    position: absolute !important;
    inset: -34px -42px !important;
    z-index: -1 !important;
    background: url('../img/border.png') center center / 100% 100% no-repeat !important;
    filter:
        drop-shadow(0 22px 36px rgba(35, 110, 190, 0.16))
        drop-shadow(0 0 20px rgba(255, 255, 255, 0.46)) !important;
    pointer-events: none !important;
}

.prestige-server-about-head span {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin-bottom: 12px !important;
    padding: 7px 16px !important;
    border-radius: 999px !important;
    background: rgba(209, 237, 255, 0.84) !important;
    color: #0967bd !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 0.12em !important;
    text-transform: uppercase !important;
}

.prestige-server-about-head h3 {
    margin: 0 0 10px !important;
    color: #0d4778 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(30px, 4vw, 52px) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 2px 0 rgba(255,255,255,0.72) !important;
}

.prestige-server-about-head p {
    max-width: 720px !important;
    margin: 0 auto 30px !important;
    color: #315f8c !important;
    font-size: 15px !important;
    line-height: 1.7 !important;
}

.prestige-server-about-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 18px !important;
    text-align: left !important;
}

.prestige-server-about-grid article {
    min-height: 150px !important;
    padding: 22px 24px !important;
    border: 1px solid rgba(130, 195, 245, 0.44) !important;
    border-radius: 18px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.82), rgba(230,247,255,0.56)) !important;
    box-shadow:
        0 12px 24px rgba(45, 119, 202, 0.10),
        inset 0 1px 0 rgba(255,255,255,0.9) !important;
}

.prestige-server-about-grid article span {
    display: inline-flex !important;
    margin-bottom: 10px !important;
    color: #bb891d !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 0.16em !important;
}

.prestige-server-about-grid article h4 {
    margin: 0 0 8px !important;
    color: #075199 !important;
    font-size: 19px !important;
    font-weight: 950 !important;
}

.prestige-server-about-grid article p {
    margin: 0 !important;
    color: #3b6792 !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.prestige-server-about-back {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 28px auto 0 !important;
    padding: 11px 24px !important;
    border: 1px solid rgba(204, 156, 50, 0.48) !important;
    border-radius: 999px !important;
    background: rgba(255, 253, 247, 0.9) !important;
    color: #8a5f08 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0.04em !important;
    text-transform: uppercase !important;
    box-shadow: 0 10px 24px rgba(135, 96, 22, 0.10) !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

.prestige-server-about-back:hover {
    transform: translateY(-2px) !important;
    background: #ffffff !important;
    box-shadow: 0 14px 28px rgba(135, 96, 22, 0.14) !important;
}

.prestige-news-about-trigger {
    cursor: pointer !important;
}

@media (max-width: 991px) {
    body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close {
        top: 18px !important;
        right: 18px !important;
    }

    .prestige-server-about-panel {
        padding: 42px 34px 46px !important;
    }

    .prestige-server-about-grid {
        grid-template-columns: 1fr !important;
    }

    .prestige-server-about-panel::before {
        inset: -24px !important;
    }
}
/* 2026-05-26 | About the Server carousel presentation */
.prestige-server-about-panel.prestige-server-about-carousel {
    max-width: 980px !important;
    min-height: 570px !important;
    margin: 0 auto !important;
    padding: 76px 72px 78px !important;
    display: grid !important;
    grid-template-columns: 0.92fr 1.08fr !important;
    align-items: center !important;
    gap: 28px !important;
}

.prestige-server-about-visual {
    position: relative !important;
    min-height: 390px !important;
    display: flex !important;
    align-items: flex-end !important;
    justify-content: center !important;
    pointer-events: none !important;
}

.prestige-server-about-hero {
    width: min(360px, 100%) !important;
    max-height: 455px !important;
    object-fit: contain !important;
    filter:
        drop-shadow(0 24px 28px rgba(28, 93, 160, 0.18))
        drop-shadow(0 0 18px rgba(255,255,255,0.72)) !important;
    transform: translateY(12px) !important;
}

.prestige-server-about-shell {
    position: relative !important;
    overflow: hidden !important;
    padding: 32px 34px 28px !important;
    border: 1px solid rgba(162, 210, 250, 0.55) !important;
    border-radius: 22px !important;
    background:
        linear-gradient(135deg, rgba(255,255,255,0.86), rgba(229,247,255,0.58)),
        radial-gradient(circle at 20% 12%, rgba(255, 222, 139, 0.18), transparent 34%) !important;
    box-shadow:
        0 22px 46px rgba(31, 103, 185, 0.16),
        inset 0 1px 0 rgba(255,255,255,0.92) !important;
    backdrop-filter: blur(14px) !important;
}

.prestige-server-about-topline,
.prestige-server-about-kicker {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    color: #a7730b !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    letter-spacing: 0.14em !important;
    text-transform: uppercase !important;
}

.prestige-server-about-topline {
    margin-bottom: 12px !important;
    padding: 7px 15px !important;
    border-radius: 999px !important;
    background: rgba(255, 239, 187, 0.82) !important;
    border: 1px solid rgba(218, 171, 68, 0.36) !important;
}

.prestige-server-about-slides {
    position: relative !important;
    min-height: 318px !important;
    text-align: left !important;
}

.prestige-server-about-slide {
    display: none !important;
    opacity: 0 !important;
    transform: translateX(10px) !important;
}

.prestige-server-about-slide.is-active {
    display: block !important;
    opacity: 1 !important;
    transform: translateX(0) !important;
    animation: prestigeAboutSlideIn 0.28s ease both !important;
}

@keyframes prestigeAboutSlideIn {
    from {
        opacity: 0;
        transform: translateX(12px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}

.prestige-server-about-slide h3 {
    margin: 10px 0 12px !important;
    color: #064d88 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(30px, 3.2vw, 46px) !important;
    line-height: 1.06 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 2px 0 rgba(255,255,255,0.75) !important;
}

.prestige-server-about-slide p,
.prestige-server-about-slide li {
    color: #2f5c86 !important;
    font-size: 15px !important;
    line-height: 1.66 !important;
}

.prestige-server-about-slide p {
    margin: 0 0 14px !important;
}

.prestige-server-about-slide ul {
    margin: 0 !important;
    padding-left: 20px !important;
}

.prestige-server-about-slide li + li {
    margin-top: 8px !important;
}

.prestige-server-plan-row {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 10px !important;
    margin-top: 20px !important;
}

.prestige-server-plan-row span {
    padding: 14px 10px !important;
    border-radius: 16px !important;
    border: 1px solid rgba(218, 171, 68, 0.38) !important;
    background: rgba(255, 249, 232, 0.82) !important;
    color: #174f82 !important;
    text-align: center !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.92) !important;
}

.prestige-server-plan-row strong {
    display: block !important;
    color: #996a0a !important;
    font-size: 24px !important;
    line-height: 1 !important;
}

.prestige-server-plan-row em {
    display: block !important;
    margin-top: 5px !important;
    color: #2d6393 !important;
    font-style: normal !important;
    font-weight: 800 !important;
}

.prestige-server-about-controls {
    display: grid !important;
    grid-template-columns: auto 1fr auto !important;
    align-items: center !important;
    gap: 16px !important;
    margin-top: 24px !important;
}

.prestige-about-prev,
.prestige-about-next {
    min-width: 86px !important;
    height: 40px !important;
    border: 1px solid rgba(205, 158, 53, 0.46) !important;
    border-radius: 999px !important;
    background: rgba(255, 252, 244, 0.92) !important;
    color: #8a5f08 !important;
    font-size: 12px !important;
    font-weight: 950 !important;
    letter-spacing: 0.06em !important;
    text-transform: uppercase !important;
    box-shadow: 0 9px 20px rgba(132, 91, 19, 0.11) !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease !important;
}

.prestige-about-next {
    background: linear-gradient(180deg, #77c8ff, #2c91df) !important;
    border-color: rgba(48, 137, 215, 0.45) !important;
    color: #ffffff !important;
    text-shadow: 0 1px 0 rgba(0,0,0,0.12) !important;
}

.prestige-about-prev:hover,
.prestige-about-next:hover {
    transform: translateY(-2px) !important;
    box-shadow: 0 13px 24px rgba(39, 111, 186, 0.18) !important;
}

.prestige-about-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 9px !important;
}

.prestige-about-dots button {
    width: 10px !important;
    height: 10px !important;
    padding: 0 !important;
    border: 1px solid rgba(199, 146, 33, 0.45) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.86) !important;
    cursor: pointer !important;
    transition: transform 0.2s ease, background 0.2s ease, width 0.2s ease !important;
}

.prestige-about-dots button.is-active {
    width: 28px !important;
    background: linear-gradient(90deg, #ffd77c, #5cbcff) !important;
    transform: translateY(-1px) !important;
}

.prestige-server-about-carousel .prestige-server-about-back {
    position: absolute !important;
    left: 50% !important;
    bottom: 28px !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
}

.prestige-server-about-carousel .prestige-server-about-back:hover {
    transform: translateX(-50%) translateY(-2px) !important;
}

@media (max-width: 991px) {
    .prestige-server-about-panel.prestige-server-about-carousel {
        grid-template-columns: 1fr !important;
        min-height: 0 !important;
        padding: 48px 32px 78px !important;
        gap: 12px !important;
    }

    .prestige-server-about-visual {
        min-height: 220px !important;
        align-items: center !important;
    }

    .prestige-server-about-hero {
        width: min(260px, 82%) !important;
        max-height: 280px !important;
        transform: translateY(0) !important;
    }

    .prestige-server-about-shell {
        padding: 26px 22px 24px !important;
    }

    .prestige-server-about-slides {
        min-height: 360px !important;
    }

    .prestige-server-plan-row {
        grid-template-columns: 1fr !important;
    }

    .prestige-server-about-controls {
        grid-template-columns: 1fr !important;
    }

    .prestige-about-prev,
    .prestige-about-next {
        width: 100% !important;
    }
}
/* 2026-05-26 | About the Server closed/open book interaction */
.prestige-server-about-panel.prestige-server-about-book {
    max-width: 1120px !important;
    min-height: 610px !important;
    margin: 0 auto !important;
    padding: 18px 28px 74px !important;
    display: block !important;
    text-align: center !important;
}

.prestige-server-about-panel.prestige-server-about-book::before {
    display: none !important;
}

.prestige-server-about-closed {
    min-height: 540px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 14px !important;
}

.prestige-server-book-cover {
    position: relative !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: min(520px, 86vw) !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    cursor: pointer !important;
    filter:
        drop-shadow(0 26px 38px rgba(21, 74, 137, 0.22))
        drop-shadow(0 0 20px rgba(255,255,255,0.64)) !important;
    transition: transform 0.28s ease, filter 0.28s ease !important;
}

.prestige-server-book-cover:hover {
    transform: translateY(-7px) scale(1.025) !important;
    filter:
        drop-shadow(0 34px 48px rgba(21, 74, 137, 0.28))
        drop-shadow(0 0 26px rgba(255,255,255,0.8)) !important;
}

.prestige-server-book-cover img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
}

.prestige-server-book-cover span {
    position: absolute !important;
    left: 50% !important;
    bottom: 11% !important;
    transform: translateX(-50%) !important;
    padding: 10px 20px !important;
    border: 1px solid rgba(205, 158, 53, 0.44) !important;
    border-radius: 999px !important;
    background: rgba(255, 253, 247, 0.9) !important;
    color: #8a5f08 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: 0.05em !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
    box-shadow: 0 10px 22px rgba(139, 96, 18, 0.13) !important;
}

.prestige-server-book-hint {
    margin: 0 !important;
    color: #315f8c !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    text-shadow: 0 1px 0 rgba(255,255,255,0.76) !important;
}

.prestige-server-about-open {
    display: none !important;
}

.prestige-server-about-book.is-book-open .prestige-server-about-closed {
    display: none !important;
}

.prestige-server-about-book.is-book-open .prestige-server-about-open {
    display: block !important;
    animation: prestigeBookOpenIn 0.42s ease both !important;
}

@keyframes prestigeBookOpenIn {
    from {
        opacity: 0;
        transform: translateY(14px) scale(0.97);
    }
    to {
        opacity: 1;
        transform: translateY(0) scale(1);
    }
}

.prestige-server-openbook-frame {
    position: relative !important;
    width: min(1020px, 100%) !important;
    margin: 0 auto !important;
    filter:
        drop-shadow(0 26px 44px rgba(32, 89, 155, 0.18))
        drop-shadow(0 0 18px rgba(255,255,255,0.52)) !important;
}

.prestige-server-openbook-bg {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    pointer-events: none !important;
    user-select: none !important;
}

.prestige-server-book-pages {
    position: absolute !important;
    inset: 14% 12% 16% 12% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 6.5% !important;
    perspective: 1200px !important;
}

.prestige-server-book-page {
    position: relative !important;
    overflow: hidden !important;
    padding: clamp(12px, 1.5vw, 24px) !important;
    text-align: left !important;
    color: #2f4b62 !important;
}

.prestige-server-book-page-left {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    text-align: center !important;
}

.prestige-server-book-page-left h3 {
    margin: 10px 0 12px !important;
    color: #074f89 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(25px, 3vw, 43px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.prestige-server-book-page-left p {
    max-width: 310px !important;
    margin: 0 auto !important;
    color: #345f83 !important;
    font-size: clamp(12px, 1.05vw, 15px) !important;
    line-height: 1.6 !important;
}

.prestige-server-book-seal {
    width: 94px !important;
    height: 94px !important;
    margin: 28px auto 0 !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    border: 1px solid rgba(203, 153, 42, 0.5) !important;
    background: radial-gradient(circle, rgba(255,246,215,0.96), rgba(255,218,122,0.58)) !important;
    color: #996a0b !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-weight: 900 !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.9), 0 12px 24px rgba(139, 95, 18, 0.14) !important;
}

.prestige-server-book-page-right .prestige-server-about-slide h4 {
    margin: 8px 0 10px !important;
    color: #064d88 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: clamp(22px, 2.35vw, 36px) !important;
    line-height: 1.05 !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
}

.prestige-server-book-page-right .prestige-server-about-slide p,
.prestige-server-book-page-right .prestige-server-about-slide li {
    color: #2f5c73 !important;
    font-size: clamp(11px, 0.95vw, 14px) !important;
    line-height: 1.48 !important;
}

.prestige-server-book-page-right .prestige-server-about-slide ul {
    margin-top: 10px !important;
    padding-left: 18px !important;
}

.prestige-server-book-page-right .prestige-server-about-slide li + li {
    margin-top: 6px !important;
}

.prestige-server-book-turn {
    position: absolute !important;
    top: 3% !important;
    bottom: 3% !important;
    left: 50% !important;
    width: 46% !important;
    transform-origin: left center !important;
    border-radius: 8px 18px 18px 8px !important;
    background:
        linear-gradient(90deg, rgba(194, 150, 68, 0.16), rgba(255,255,255,0.92) 18%, rgba(255, 246, 222, 0.96) 70%, rgba(204, 156, 63, 0.14)) !important;
    box-shadow: -18px 0 34px rgba(79, 51, 16, 0.16) !important;
    opacity: 0 !important;
    pointer-events: none !important;
    z-index: 8 !important;
    backface-visibility: hidden !important;
}

.prestige-server-about-book.is-turning-next .prestige-server-book-turn {
    animation: prestigeBookTurnNext 0.56s ease-in-out both !important;
}

.prestige-server-about-book.is-turning-back .prestige-server-book-turn {
    animation: prestigeBookTurnBack 0.56s ease-in-out both !important;
}

@keyframes prestigeBookTurnNext {
    0% {
        opacity: 0;
        transform: rotateY(0deg);
    }
    18% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotateY(-168deg);
    }
}

@keyframes prestigeBookTurnBack {
    0% {
        opacity: 0;
        transform: rotateY(-168deg);
    }
    18% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        transform: rotateY(0deg);
    }
}

.prestige-server-about-book .prestige-server-about-controls {
    width: min(620px, 100%) !important;
    margin: 16px auto 0 !important;
    grid-template-columns: auto 1fr auto !important;
}

.prestige-about-page-numbers button,
.prestige-about-dots.prestige-about-page-numbers button {
    width: 38px !important;
    height: 38px !important;
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 50% !important;
    color: #9a6908 !important;
    font-family: Georgia, 'Times New Roman', serif !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    background: rgba(255, 253, 247, 0.9) !important;
}

.prestige-about-page-numbers button.is-active,
.prestige-about-dots.prestige-about-page-numbers button.is-active {
    width: 44px !important;
    background: radial-gradient(circle, #fff5cd, #79c5ff) !important;
    color: #075199 !important;
}

.prestige-server-about-book .prestige-server-about-back:not(.prestige-server-about-back-closed) {
    position: static !important;
    transform: none !important;
    margin: 16px auto 0 !important;
}

.prestige-server-about-book .prestige-server-about-back:not(.prestige-server-about-back-closed):hover {
    transform: translateY(-2px) !important;
}

@media (max-width: 991px) {
    .prestige-server-about-panel.prestige-server-about-book {
        min-height: 0 !important;
        padding: 22px 12px 72px !important;
    }

    .prestige-server-book-pages {
        position: relative !important;
        inset: auto !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin: -58% 10% 0 !important;
        padding-bottom: 16% !important;
    }

    .prestige-server-book-page-left {
        display: none !important;
    }

    .prestige-server-book-page-right {
        min-height: 300px !important;
        padding: 20px 18px !important;
        background: rgba(255, 251, 239, 0.72) !important;
        border-radius: 18px !important;
    }

    .prestige-server-book-turn {
        display: none !important;
    }

    .prestige-server-about-book .prestige-server-about-controls {
        grid-template-columns: 1fr !important;
        gap: 10px !important;
    }
}
/* 2026-05-26 | About book size tune */
.prestige-server-about-panel.prestige-server-about-book {
    max-width: min(1500px, calc(100vw - 36px)) !important;
    min-height: 720px !important;
    padding-top: 6px !important;
}

.prestige-server-about-closed {
    min-height: 650px !important;
    justify-content: center !important;
}

.prestige-server-book-cover {
    width: min(780px, 78vw) !important;
}

.prestige-server-openbook-frame {
    width: min(1530px, 98vw) !important;
}

.prestige-server-book-pages {
    inset: 14% 12% 15.5% 12% !important;
}

@media (max-width: 991px) {
    .prestige-server-about-panel.prestige-server-about-book {
        max-width: calc(100vw - 20px) !important;
        min-height: 0 !important;
    }

    .prestige-server-about-closed {
        min-height: 520px !important;
    }

    .prestige-server-book-cover {
        width: min(560px, 92vw) !important;
    }

    .prestige-server-openbook-frame {
        width: min(980px, 100%) !important;
    }
}
/* 2026-05-26 | About book fit correction */
.prestige-news-update-full-section.is-server-about-open {
    overflow-x: hidden !important;
}

.prestige-server-about-sheet {
    width: min(1180px, calc(100vw - 32px)) !important;
    overflow: visible !important;
}

.prestige-server-about-panel.prestige-server-about-book {
    max-width: min(1180px, calc(100vw - 32px)) !important;
    min-height: 650px !important;
    padding-top: 10px !important;
}

.prestige-server-about-closed {
    min-height: 590px !important;
}

.prestige-server-book-cover {
    width: min(620px, 62vw) !important;
}

.prestige-server-openbook-frame {
    width: min(1120px, calc(100vw - 72px)) !important;
}

.prestige-server-book-pages {
    inset: 14.5% 12.5% 16% 12.5% !important;
    gap: 6% !important;
}

.prestige-server-book-page-right .prestige-server-about-slide h4 {
    font-size: clamp(22px, 2vw, 32px) !important;
}

.prestige-server-book-page-right .prestige-server-about-slide p,
.prestige-server-book-page-right .prestige-server-about-slide li {
    font-size: clamp(11px, 0.82vw, 13px) !important;
    line-height: 1.46 !important;
}

@media (max-width: 991px) {
    .prestige-server-about-sheet,
    .prestige-server-about-panel.prestige-server-about-book {
        width: min(100%, calc(100vw - 20px)) !important;
        max-width: calc(100vw - 20px) !important;
    }

    .prestige-server-book-cover {
        width: min(520px, 88vw) !important;
    }

    .prestige-server-openbook-frame {
        width: min(760px, calc(100vw - 20px)) !important;
    }
}
/* 2026-05-26 | Closed book cover match open book presence */
.prestige-server-about-closed {
    min-height: 650px !important;
}

.prestige-server-book-cover {
    width: min(760px, 76vw) !important;
}

@media (max-width: 991px) {
    .prestige-server-about-closed {
        min-height: 560px !important;
    }

    .prestige-server-book-cover {
        width: min(620px, 92vw) !important;
    }
}
/* 2026-05-26 | Closed book canvas equals open book canvas */
.prestige-server-about-closed {
    min-height: 780px !important;
}

.prestige-server-book-cover {
    width: min(1120px, calc(100vw - 72px)) !important;
}

@media (max-width: 991px) {
    .prestige-server-about-closed {
        min-height: 620px !important;
    }

    .prestige-server-book-cover {
        width: min(760px, calc(100vw - 20px)) !important;
    }
}
/* 2026-05-26 | Book centering and click prompt cleanup */
html,
body,
.prestige-news-update-full-section,
.prestige-news-update-full-section.is-server-about-open {
    overflow-x: hidden !important;
}

.prestige-server-about-sheet {
    width: 100% !important;
    max-width: 1180px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
}

.prestige-server-about-panel.prestige-server-about-book {
    width: 100% !important;
    max-width: 1180px !important;
    min-height: min(760px, calc(100vh - 170px)) !important;
    padding: 0 20px 24px !important;
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.prestige-server-about-closed {
    width: 100% !important;
    min-height: min(710px, calc(100vh - 190px)) !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 0 !important;
}

.prestige-server-book-hint {
    display: none !important;
}

.prestige-server-book-cover {
    width: min(1080px, calc(100vw - 96px)) !important;
    margin: 0 auto !important;
}


.prestige-server-about-back-closed {
    position: absolute !important;
    left: 50% !important;
    bottom: 28px !important;
    transform: translateX(-50%) !important;
    margin: 0 !important;
}

.prestige-server-about-back-closed:hover {
    transform: translateX(-50%) translateY(-2px) !important;
}

.prestige-server-about-book.is-book-open {
    align-items: center !important;
}

.prestige-server-about-open {
    width: 100% !important;
    max-width: 1120px !important;
    margin: 0 auto !important;
    display: none !important;
    text-align: center !important;
}

.prestige-server-about-book.is-book-open .prestige-server-about-open {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

.prestige-server-openbook-frame {
    width: min(1080px, calc(100vw - 96px)) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

.prestige-server-about-book .prestige-server-about-controls {
    width: min(600px, calc(100vw - 96px)) !important;
    margin: 8px auto 0 !important;
    justify-content: center !important;
}

.prestige-server-about-book .prestige-server-about-back:not(.prestige-server-about-back-closed) {
    margin: 12px auto 0 !important;
}

@media (max-width: 991px) {
    .prestige-server-about-panel.prestige-server-about-book {
        min-height: auto !important;
        padding: 22px 10px 76px !important;
    }

    .prestige-server-about-closed {
        min-height: 560px !important;
    }

    .prestige-server-book-cover,
    .prestige-server-openbook-frame {
        width: min(720px, calc(100vw - 24px)) !important;
    }

    .prestige-server-about-book .prestige-server-about-controls {
        width: min(520px, calc(100vw - 24px)) !important;
    }
}
/* 2026-05-27 | Closed book real shininglight asset effect */
.prestige-server-book-cover {
    --prestige-book-shine-x: 50.05%;
    --prestige-book-shine-y: 47.35%;
    isolation: isolate !important;
}

.prestige-server-book-cover span {
    display: none !important;
}

.prestige-server-book-cover .prestige-server-book-img {
    position: relative !important;
    z-index: 1 !important;
}

.prestige-server-book-cover .prestige-server-book-shine {
    position: absolute !important;
    left: var(--prestige-book-shine-x) !important;
    top: var(--prestige-book-shine-y) !important;
    display: block !important;
    width: clamp(390px, 58%, 610px) !important;
    height: auto !important;
    pointer-events: none !important;
    z-index: 4 !important;
    opacity: 0.95;
    mix-blend-mode: screen !important;
    filter: brightness(1.55) contrast(1.12) drop-shadow(0 0 8px rgba(255,255,255,0.75)) drop-shadow(0 0 18px rgba(106,218,255,0.58)) !important;
    transform: translate(-50%, -50%) scale(0.82);
    transform-origin: center center !important;
    will-change: transform, opacity;
    animation: prestigeBookShiningAssetPulse 2.85s cubic-bezier(0.45, 0, 0.25, 1) infinite !important;
}

.prestige-server-book-cover::before {
    content: none !important;
    display: none !important;
}

.prestige-server-book-cover::after {
    content: none !important;
    display: none !important;
}

@keyframes prestigeBookShiningAssetPulse {
    0%, 100% {
        opacity: 0.46;
        transform: translate(-50%, -50%) scale(0.78);
        filter: brightness(1.25) contrast(1.04) drop-shadow(0 0 5px rgba(255,255,255,0.55)) drop-shadow(0 0 12px rgba(106,218,255,0.35));
    }
    38% {
        opacity: 0.82;
        transform: translate(-50%, -50%) scale(0.91);
        filter: brightness(1.75) contrast(1.12) drop-shadow(0 0 9px rgba(255,255,255,0.85)) drop-shadow(0 0 22px rgba(106,218,255,0.65));
    }
    58% {
        opacity: 0.92;
        transform: translate(-50%, -50%) scale(0.96);
        filter: brightness(1.95) contrast(1.14) drop-shadow(0 0 12px rgba(255,255,255,0.9)) drop-shadow(0 0 28px rgba(106,218,255,0.72));
    }
    78% {
        opacity: 0.66;
        transform: translate(-50%, -50%) scale(0.86);
        filter: brightness(1.45) contrast(1.08) drop-shadow(0 0 7px rgba(255,255,255,0.68)) drop-shadow(0 0 16px rgba(106,218,255,0.48));
    }
}

/* 2026-05-27 | Server book seal asset and cleaner page controls */
.prestige-server-book-seal.prestige-server-book-seal-image {
    width: clamp(78px, 8vw, 122px) !important;
    height: auto !important;
    margin: clamp(24px, 3.1vw, 40px) auto 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

.prestige-server-book-seal.prestige-server-book-seal-image img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
    filter: drop-shadow(0 10px 18px rgba(150, 104, 36, .18)) !important;
    pointer-events: none !important;
}

.prestige-server-about-book .prestige-server-about-controls {
    width: min(720px, 66vw) !important;
    display: grid !important;
    grid-template-columns: 1fr auto 1fr !important;
    align-items: center !important;
    gap: clamp(12px, 2vw, 28px) !important;
    margin: clamp(2px, .8vw, 10px) auto 0 !important;
}

.prestige-server-about-book .prestige-about-prev {
    justify-self: end !important;
}

.prestige-server-about-book .prestige-about-next {
    justify-self: start !important;
}

.prestige-about-dots.prestige-about-page-numbers {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 0 !important;
    margin: 0 !important;
}

.prestige-about-page-numbers button,
.prestige-about-dots.prestige-about-page-numbers button {
    width: 34px !important;
    height: 34px !important;
    min-width: 34px !important;
    border-radius: 999px !important;
    padding: 0 !important;
    border: 1px solid rgba(191, 144, 55, .62) !important;
    background: rgba(255, 253, 244, .92) !important;
    color: #9a6507 !important;
    box-shadow: 0 7px 14px rgba(82, 49, 8, .12), inset 0 1px 0 rgba(255,255,255,.85) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 1 !important;
}

.prestige-about-page-numbers button.is-active,
.prestige-about-dots.prestige-about-page-numbers button.is-active {
    background: linear-gradient(180deg, #d9fbff 0%, #8bdaf4 100%) !important;
    border-color: rgba(77, 177, 222, .92) !important;
    color: #075c93 !important;
    box-shadow: 0 9px 18px rgba(47, 143, 197, .26), inset 0 1px 0 rgba(255,255,255,.9) !important;
}

@media (max-width: 900px) {
    .prestige-server-about-book .prestige-server-about-controls {
        width: min(560px, calc(100vw - 28px)) !important;
        grid-template-columns: 1fr !important;
        justify-items: center !important;
        gap: 10px !important;
    }

    .prestige-server-about-book .prestige-about-prev,
    .prestige-server-about-book .prestige-about-next {
        justify-self: center !important;
    }
}

/* 2026-05-27 | About book page-word navigation */
.prestige-server-openbook-frame .prestige-server-about-controls {
    position: absolute !important;
    inset: 0 !important;
    z-index: 12 !important;
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    pointer-events: none !important;
}

.prestige-server-openbook-frame .prestige-about-dots.prestige-about-page-numbers {
    display: none !important;
}

.prestige-server-openbook-frame .prestige-about-prev,
.prestige-server-openbook-frame .prestige-about-next {
    position: absolute !important;
    bottom: 17.4% !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 7px 11px !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    color: #9b6610 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(12px, 1vw, 15px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    text-shadow: 0 1px 0 rgba(255,255,255,.95), 0 0 10px rgba(255, 216, 128, .7) !important;
    cursor: pointer !important;
    pointer-events: auto !important;
    transition: color .2s ease, text-shadow .2s ease, transform .2s ease !important;
}

.prestige-server-openbook-frame .prestige-about-prev {
    left: 17.4% !important;
}

.prestige-server-openbook-frame .prestige-about-next {
    right: 17.4% !important;
}

.prestige-server-openbook-frame .prestige-about-prev::after,
.prestige-server-openbook-frame .prestige-about-next::after {
    content: "" !important;
    position: absolute !important;
    left: 10px !important;
    right: 10px !important;
    bottom: 1px !important;
    height: 1px !important;
    background: linear-gradient(90deg, transparent, rgba(184, 123, 19, .82), transparent) !important;
    opacity: .7 !important;
    transform: scaleX(.62) !important;
    transition: transform .2s ease, opacity .2s ease !important;
}

.prestige-server-openbook-frame .prestige-about-prev:hover,
.prestige-server-openbook-frame .prestige-about-next:hover,
.prestige-server-openbook-frame .prestige-about-prev:focus-visible,
.prestige-server-openbook-frame .prestige-about-next:focus-visible {
    color: #c28512 !important;
    transform: translateY(-2px) !important;
    text-shadow: 0 1px 0 rgba(255,255,255,1), 0 0 9px rgba(255, 222, 137, .95), 0 0 18px rgba(94, 187, 255, .42) !important;
    outline: 0 !important;
}

.prestige-server-openbook-frame .prestige-about-prev:hover::after,
.prestige-server-openbook-frame .prestige-about-next:hover::after,
.prestige-server-openbook-frame .prestige-about-prev:focus-visible::after,
.prestige-server-openbook-frame .prestige-about-next:focus-visible::after {
    opacity: 1 !important;
    transform: scaleX(1) !important;
}

@media (max-width: 991px) {
    .prestige-server-openbook-frame .prestige-server-about-controls {
        position: static !important;
        display: flex !important;
        align-items: center !important;
        justify-content: center !important;
        gap: 22px !important;
        margin-top: 10px !important;
        pointer-events: auto !important;
    }

    .prestige-server-openbook-frame .prestige-about-prev,
    .prestige-server-openbook-frame .prestige-about-next {
        position: relative !important;
        left: auto !important;
        right: auto !important;
        bottom: auto !important;
    }
}



/* 2026-05-29 | Event Updates shared sheet controls */
.prestige-news-update-full-section.is-event-sheet-open .prestige-news-full-grid,
.prestige-news-update-full-section.is-event-sheet-open .prestige-news-full-head {
    display: none !important;
}

#prestige-event-sheet[hidden] {
    display: none !important;
}

#prestige-event-sheet:not([hidden]) {
    display: block !important;
}

.prestige-event-sheet {
    position: relative !important;
    z-index: 4 !important;
}

.prestige-event-board {
    position: relative !important;
    color: #17476f !important;
}

.prestige-event-status {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-height: 28px !important;
    padding: 7px 15px !important;
    border-radius: 999px !important;
    background: rgba(207, 235, 255, .86) !important;
    color: #006dc9 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.prestige-event-back {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: fit-content !important;
    min-width: 210px !important;
    min-height: 44px !important;
    margin: 30px auto 0 !important;
    padding: 0 24px !important;
    border-radius: 999px !important;
    border: 1px solid rgba(200, 153, 58, .55) !important;
    background: rgba(255,255,255,.78) !important;
    color: #9c6b0e !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    box-shadow: 0 12px 22px rgba(122, 80, 10, .12) !important;
    cursor: pointer !important;
    position: relative !important;
    z-index: 1 !important;
}

/* 2026-05-29 | Event Updates bulletin carousel */
.prestige-event-sheet {
    width: min(1500px, calc(100% - 8px)) !important;
    margin: clamp(6px, 1.2vw, 16px) auto 76px !important;
}

.prestige-event-board {
    padding: clamp(4px, 1.2vw, 14px) 0 clamp(18px, 2.4vw, 30px) !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    overflow: visible !important;
}

.prestige-event-carousel {
    position: relative !important;
    z-index: 1 !important;
    width: min(1460px, 100%) !important;
    margin: 0 auto !important;
}

.prestige-event-frame {
    position: relative !important;
    width: 100% !important;
    aspect-ratio: 1536 / 1049 !important;
    min-height: min(780px, calc(100vh - 210px)) !important;
}

.prestige-event-frame-img {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: contain !important;
    pointer-events: none !important;
    user-select: none !important;
    filter: drop-shadow(0 28px 38px rgba(34, 87, 143, .18)) !important;
}

.prestige-event-stage {
    position: absolute !important;
    left: 19.4% !important;
    right: 19.4% !important;
    top: 33.2% !important;
    bottom: 21.2% !important;
    display: grid !important;
    place-items: center !important;
    text-align: center !important;
    overflow: hidden !important;
}

.prestige-event-slide {
    grid-area: 1 / 1 !important;
    width: 100% !important;
    max-width: 820px !important;
    margin: 0 auto !important;
    opacity: 0 !important;
    visibility: hidden !important;
    transform: translateX(34px) scale(.985) !important;
    transition: opacity .42s ease, transform .42s ease, visibility .42s ease !important;
    pointer-events: none !important;
}

.prestige-event-slide.is-active {
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(0) scale(1) !important;
    pointer-events: auto !important;
}

.prestige-event-slide .prestige-event-status {
    background: rgba(255, 249, 232, .72) !important;
    border: 1px solid rgba(218, 174, 82, .34) !important;
    color: #9a6a16 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(10px, .9vw, 12px) !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    box-shadow: 0 6px 14px rgba(54, 117, 178, .08) !important;
}

.prestige-event-slide h4 {
    margin: 14px 0 12px !important;
    color: #1d5d8d !important;
    font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif !important;
    font-size: clamp(24px, 2.35vw, 36px) !important;
    font-weight: 800 !important;
    line-height: 1.14 !important;
    letter-spacing: 0 !important;
    text-shadow: 0 1px 0 rgba(255, 255, 255, .82) !important;
}

.prestige-event-slide p {
    width: min(720px, 100%) !important;
    margin: 0 auto !important;
    color: #446f8e !important;
    font-family: "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif !important;
    font-size: clamp(14px, 1.12vw, 16px) !important;
    line-height: 1.68 !important;
    font-weight: 400 !important;
}

.prestige-event-slide small {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 30px !important;
    margin-top: 16px !important;
    padding: 6px 16px !important;
    border-radius: 999px !important;
    background: rgba(255, 244, 213, .84) !important;
    border: 1px solid rgba(222, 172, 62, .36) !important;
    color: #a06d12 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

.prestige-event-controls {
    display: grid !important;
    grid-template-columns: minmax(112px, auto) 1fr minmax(112px, auto) !important;
    align-items: center !important;
    gap: 14px !important;
    width: min(620px, calc(100% - 32px)) !important;
    margin: -44px auto 0 !important;
    position: relative !important;
    z-index: 3 !important;
}

.prestige-event-prev,
.prestige-event-next,
.prestige-event-back {
    border-radius: 999px !important;
    border: 1px solid rgba(199, 152, 58, .58) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(255,244,213,.88)) !important;
    color: #9a6508 !important;
    box-shadow: 0 12px 22px rgba(94, 70, 18, .12), inset 0 1px 0 rgba(255,255,255,.9) !important;
    cursor: pointer !important;
    transition: transform .18s ease, background .18s ease, box-shadow .18s ease !important;
}

.prestige-event-prev,
.prestige-event-next {
    min-height: 42px !important;
    padding: 0 18px !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: .06em !important;
    text-transform: uppercase !important;
}

.prestige-event-prev:hover,
.prestige-event-next:hover,
.prestige-event-back:hover {
    transform: translateY(-2px) !important;
    background: #ffffff !important;
}

.prestige-event-dots {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
}

.prestige-event-dots button {
    width: 12px !important;
    height: 12px !important;
    padding: 0 !important;
    border-radius: 999px !important;
    border: 1px solid rgba(31, 127, 204, .45) !important;
    background: rgba(255, 255, 255, .78) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.9) !important;
    cursor: pointer !important;
}

.prestige-event-dots button.is-active {
    width: 28px !important;
    background: linear-gradient(90deg, #60c4ff, #f4c252) !important;
    border-color: rgba(244, 194, 82, .78) !important;
}

.prestige-event-back {
    margin-top: 22px !important;
}

@media (max-width: 900px) {
    .prestige-event-sheet {
        width: 100% !important;
        margin-top: 4px !important;
    }

    .prestige-event-board {
        padding: 2px 0 28px !important;
    }

    .prestige-event-frame {
        min-height: 380px !important;
    }

    .prestige-event-stage {
        left: 18.5% !important;
        right: 18.5% !important;
        top: 34% !important;
        bottom: 21% !important;
    }

    .prestige-event-slide .prestige-event-status {
        min-height: 24px !important;
        padding: 5px 10px !important;
        font-size: 10px !important;
    }

    .prestige-event-slide h4 {
        margin: 8px 0 7px !important;
        font-size: clamp(20px, 5vw, 28px) !important;
        line-height: 1.14 !important;
    }

    .prestige-event-slide p {
        font-size: clamp(12px, 3.1vw, 14px) !important;
        line-height: 1.5 !important;
        font-weight: 400 !important;
    }

    .prestige-event-slide small {
        min-height: 26px !important;
        margin-top: 10px !important;
        padding: 4px 10px !important;
        font-size: 10px !important;
    }

    .prestige-event-controls {
        grid-template-columns: 1fr 1fr !important;
        width: min(460px, calc(100% - 28px)) !important;
        margin-top: -18px !important;
    }

    .prestige-event-dots {
        grid-column: 1 / -1 !important;
        grid-row: 1 !important;
    }

    .prestige-event-prev,
    .prestige-event-next {
        grid-row: 2 !important;
        justify-self: stretch !important;
    }
}

@media (max-width: 560px) {
    .prestige-event-frame {
        min-height: 300px !important;
    }

    .prestige-event-stage {
        left: 17% !important;
        right: 17% !important;
        top: 34.5% !important;
        bottom: 20% !important;
    }

    .prestige-event-slide h4 {
        font-size: clamp(17px, 5.4vw, 22px) !important;
    }

    .prestige-event-slide p {
        display: -webkit-box !important;
        -webkit-line-clamp: 3 !important;
        -webkit-box-orient: vertical !important;
        overflow: hidden !important;
    }
}

/* 2026-05-29 | Server Information full-height background gap fix */
html:has(#prestige-server-info-section:not([hidden])) {
    background: #071827 !important;
}

body:has(#prestige-server-info-section:not([hidden])) {
    background:
        linear-gradient(
            180deg,
            rgba(255,255,255,0.08) 0%,
            rgba(255,255,255,0.18) 45%,
            rgba(255,255,255,0.34) 100%
        ),
        url('../img/server-info-bg-2.png') center top / cover no-repeat !important;
    margin-bottom: 0 !important;
}

#main-cont:has(#prestige-server-info-section:not([hidden])) {
    max-width: none !important;
    width: 100% !important;
    background: transparent !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

section#prestige-highlights:has(#prestige-server-info-section:not([hidden])) {
    background: transparent !important;
    top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body:has(#hero):has(#prestige-server-info-section:not([hidden])) section#prestige-highlights.prestige-highlights,
body.prestige-server-info-mode section#prestige-highlights.prestige-highlights,
body:has(#prestige-server-info-section:not([hidden])) #main-cont.global-container {
    top: 0 !important;
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

body:has(#prestige-server-info-section:not([hidden])) #transparency-board-panel {
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

body:has(#prestige-server-info-section:not([hidden])) .footer.prestige-clean-footer {
    margin-top: 0 !important;
}

#transparency-board-panel:has(#prestige-server-info-section:not([hidden])) {
    min-height: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    background-position: center top !important;
}

#transparency-board-panel:has(#prestige-server-info-section:not([hidden])) #prestige-server-info-section:not([hidden]) {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

#transparency-board-panel:has(#prestige-server-info-section:not([hidden])) .server-info-character-layer {
    height: 100% !important;
}

body.prestige-server-info-mode #transparency-board-panel:has(#prestige-server-info-section:not([hidden])) {
    min-height: 0 !important;
    margin-top: 0 !important;
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

body.prestige-server-info-mode section#prestige-highlights.prestige-highlights > .container:has(#transparency-board-panel) {
    margin-top: -32px !important;
    padding-top: 0 !important;
}

body.prestige-server-info-mode #transparency-board-panel:has(#prestige-server-info-section:not([hidden])) .server-rate-showcase {
    margin-top: 0 !important;
    box-shadow: none !important;
}

body.prestige-server-info-mode #transparency-board-panel:has(#prestige-server-info-section:not([hidden])) .server-rate-showcase-grid {
    background: transparent !important;
}

body.prestige-server-info-mode #transparency-board-panel:has(#prestige-server-info-section:not([hidden])) .server-info-character-layer {
    height: 100% !important;
}

@media (max-width: 1199px) {
    body.prestige-server-info-mode #transparency-board-panel:has(#prestige-server-info-section:not([hidden])) {
        min-height: auto !important;
    }
}

/* 2026-05-30 | Server Information close-state cleanup */
body:not(.prestige-server-info-mode) #transparency-board-panel:has(#prestige-server-info-section:not([hidden])) {
    width: 100% !important;
    max-width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    transform: none !important;
    min-height: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
}

body:not(.prestige-server-info-mode) #transparency-board-panel:has(#prestige-server-info-section:not([hidden])) #prestige-server-info-section,
body:not(.prestige-server-info-mode) #transparency-board-panel:has(#prestige-server-info-section:not([hidden])) .server-info-character-layer {
    display: none !important;
}

/* 2026-06-01 | Player Statistic leaderboard layout */
#prestige-player-stat-full-section[hidden] {
    display: none !important;
}

#prestige-player-stat-full-section:not([hidden]) {
    display: block !important;
}

.prestige-player-stat-full-section {
    position: relative !important;
    width: 100vw !important;
    min-height: clamp(720px, 56.3vw, 940px) !important;
    margin-left: calc(50% - 50vw) !important;
    margin-right: calc(50% - 50vw) !important;
    padding: 28px 0 42px !important;
    overflow: hidden !important;
    border-top: 0 !important;
    border-bottom: 1px solid rgba(126, 190, 255, 0.45) !important;
    background:
        linear-gradient(rgba(255,255,255,0.02), rgba(224,244,255,0.12)),
        url('../img/playerbg.png') center center / 100% 100% no-repeat !important;
    box-shadow:
        inset 0 1px 0 rgba(255,255,255,0.75),
        inset 0 -1px 0 rgba(255,255,255,0.55) !important;
}

.prestige-player-stat-full-section::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    background:
        radial-gradient(circle at 50% 18%, rgba(255,255,255,0.52), transparent 31%),
        linear-gradient(90deg, rgba(255,255,255,0.18), transparent 18%, transparent 82%, rgba(255,255,255,0.18)) !important;
    pointer-events: none !important;
    z-index: 0 !important;
}

.prestige-player-stat-full-inner {
    position: relative !important;
    z-index: 2 !important;
    width: min(1280px, calc(100% - 36px)) !important;
    min-height: calc(clamp(720px, 56.3vw, 940px) - 70px) !important;
    margin: 0 auto !important;
    pointer-events: auto !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: flex-start !important;
}

.prestige-player-stat-hero {
    width: min(780px, 62%) !important;
    min-height: 145px !important;
    padding: 18px 0 12px 14px !important;
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
}

.prestige-player-stat-hero span {
    color: #b88912 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .22em !important;
    text-transform: uppercase !important;
}

.prestige-player-stat-hero h2 {
    margin: 8px 0 4px !important;
    color: #0c477f !important;
    font-family: 'Inter-ExtraBold', 'Raleway-Bold', Arial, Helvetica, sans-serif !important;
    font-size: clamp(36px, 4vw, 56px) !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    letter-spacing: .04em !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 0 rgba(255,255,255,.72) !important;
}

.prestige-player-stat-hero p {
    margin: 0 !important;
    color: #6d8bb1 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
}

.prestige-player-stat-tabs {
    display: grid !important;
    grid-template-columns: repeat(7, minmax(0, 1fr)) !important;
    gap: 0 !important;
    overflow: hidden !important;
    border: 1px solid rgba(153, 195, 241, .48) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.82) !important;
    box-shadow: 0 14px 34px rgba(41, 109, 184, .12), inset 0 1px 0 rgba(255,255,255,.92) !important;
}

.prestige-player-stat-shell {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 300px !important;
    gap: 22px !important;
    align-items: start !important;
    margin-top: 8px !important;
}

.prestige-player-stat-board,
.prestige-player-stat-champion,
.prestige-player-stat-rewards {
    border: 1px solid rgba(162, 200, 241, .58) !important;
    border-radius: 10px !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,.92), rgba(245,251,255,.82)),
        radial-gradient(circle at 50% 0%, rgba(255, 230, 157, .14), transparent 44%) !important;
    box-shadow: 0 18px 38px rgba(50, 117, 190, .12), inset 0 1px 0 rgba(255,255,255,.96) !important;
}

.prestige-player-stat-board {
    padding: 20px !important;
}

.prestige-player-stat-tab {
    min-height: 58px !important;
    padding: 8px 6px !important;
    border: 0 !important;
    border-right: 1px solid rgba(153, 195, 241, .32) !important;
    background: rgba(255,255,255,.42) !important;
    color: #c79216 !important;
    cursor: pointer !important;
    font-family: 'Inter-Bold', Arial, Helvetica, sans-serif !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .03em !important;
    text-transform: uppercase !important;
    transition: background .18s ease, color .18s ease, box-shadow .18s ease !important;
}

.prestige-player-stat-tab:last-child {
    border-right: 0 !important;
}

.prestige-player-stat-tab-icon {
    display: grid !important;
    place-items: center !important;
    width: 28px !important;
    height: 28px !important;
    margin-bottom: 4px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    background: transparent !important;
}

.prestige-player-stat-tab-icon img {
    width: 26px !important;
    height: 26px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 4px 7px rgba(22, 105, 188, .16)) !important;
    transition: transform .18s ease, filter .18s ease !important;
}

.prestige-player-stat-tab:hover,
.prestige-player-stat-tab.is-active {
    background: linear-gradient(180deg, #2f83dd, #1863bd) !important;
    color: #ffe27a !important;
    box-shadow: inset 0 -3px 0 rgba(0,0,0,.12) !important;
    text-shadow: 0 1px 2px rgba(11, 65, 126, .45) !important;
}

.prestige-player-stat-tab:hover .prestige-player-stat-tab-icon img,
.prestige-player-stat-tab.is-active .prestige-player-stat-tab-icon img {
    transform: translateY(-1px) scale(1.08) !important;
    filter: drop-shadow(0 5px 9px rgba(255,255,255,.22)) drop-shadow(0 4px 8px rgba(0, 72, 150, .18)) !important;
}

.prestige-player-stat-table {
    overflow: hidden !important;
    margin-top: 16px !important;
    border: 1px solid rgba(151, 194, 239, .55) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.7) !important;
}

.prestige-player-stat-table-head,
.prestige-player-stat-row {
    display: grid !important;
    grid-template-columns: 82px minmax(180px, 1.08fr) minmax(170px, 1fr) minmax(120px, .72fr) minmax(190px, 1fr) !important;
    align-items: center !important;
}

.prestige-player-stat-panel.is-guild .prestige-player-stat-table-head,
.prestige-player-stat-panel.is-guild .prestige-player-stat-row {
    grid-template-columns: 82px minmax(170px, 1fr) minmax(116px, .66fr) minmax(160px, .9fr) minmax(220px, 1.22fr) !important;
}

.prestige-player-stat-panel.is-cols-4 .prestige-player-stat-table-head,
.prestige-player-stat-panel.is-cols-4 .prestige-player-stat-row {
    grid-template-columns: 82px minmax(230px, 1.22fr) minmax(210px, 1fr) minmax(190px, .86fr) !important;
}

.prestige-player-stat-table-head {
    min-height: 38px !important;
    padding: 0 14px !important;
    background: linear-gradient(180deg, #2f83dd, #1765bf) !important;
    color: #fff !important;
    font-family: 'Inter-Bold', Arial, Helvetica, sans-serif !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .08em !important;
    text-transform: uppercase !important;
}

.prestige-player-stat-table-head span:first-child,
.prestige-player-stat-row > span:first-child,
.prestige-player-stat-table-head span:nth-child(4),
.prestige-player-stat-row > span:nth-child(4),
.prestige-player-stat-table-head span:nth-child(5),
.prestige-player-stat-row > span:nth-child(5) {
    justify-self: center !important;
    text-align: center !important;
}

.prestige-player-stat-row {
    min-height: 64px !important;
    padding: 0 14px !important;
    border-bottom: 1px solid rgba(166, 204, 243, .35) !important;
    color: #164f87 !important;
    font-family: 'Inter-Regular', Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.prestige-player-stat-row:last-child {
    border-bottom: 0 !important;
}

.prestige-player-stat-row:nth-child(odd) {
    background: rgba(245,251,255,.82) !important;
}

.prestige-player-stat-rank {
    display: grid !important;
    place-items: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: rgba(231, 242, 255, .9) !important;
    color: #2c73bd !important;
    font-weight: 900 !important;
}

.prestige-player-stat-rank img {
    width: 48px !important;
    height: 48px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 6px 10px rgba(95, 118, 170, .18)) !important;
}

.is-rank-one .prestige-player-stat-rank,
.is-rank-two .prestige-player-stat-rank,
.is-rank-three .prestige-player-stat-rank {
    background: transparent !important;
    color: #fff !important;
    text-shadow: none !important;
}

.prestige-player-stat-player {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    align-items: center !important;
}

.prestige-player-stat-player i {
    display: none !important;
}

.prestige-player-stat-player b {
    color: #113f73 !important;
    font-family: 'Inter-Bold', Arial, Helvetica, sans-serif !important;
    font-size: 13px !important;
}

.prestige-player-stat-player small {
    color: #6f8caf !important;
    font-size: 10px !important;
    font-weight: 800 !important;
}

.prestige-player-stat-class {
    display: grid !important;
    grid-template-columns: 34px minmax(0, 1fr) !important;
    align-items: center !important;
    column-gap: 10px !important;
    min-width: 0 !important;
}

.prestige-player-stat-class img {
    width: 32px !important;
    height: 32px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 5px 8px rgba(22, 105, 188, .18)) !important;
}

.prestige-player-stat-panel.is-guild .prestige-player-stat-class img {
    width: 30px !important;
    height: 30px !important;
    image-rendering: auto !important;
}

.prestige-player-stat-class b {
    min-width: 0 !important;
    overflow: hidden !important;
    color: #113f73 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.prestige-player-stat-class.no-icon {
    grid-template-columns: minmax(0, 1fr) !important;
}

.prestige-player-stat-row > span:last-child b {
    display: block !important;
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.prestige-player-stat-row-empty {
    min-height: 84px !important;
}

.prestige-player-stat-row em {
    display: block !important;
    width: 100% !important;
    height: 5px !important;
    margin-top: 5px !important;
    border-radius: 999px !important;
    background: linear-gradient(90deg, #2b85e7 var(--progress), rgba(174, 205, 240, .55) var(--progress)) !important;
}

.prestige-player-stat-side {
    display: grid !important;
    gap: 16px !important;
}

.prestige-player-stat-champion,
.prestige-player-stat-rewards {
    padding: 22px !important;
    text-align: center !important;
}

.prestige-player-stat-champion > span,
.prestige-player-stat-rewards > span {
    display: block !important;
    color: #1765bc !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.prestige-player-stat-crown {
    display: grid !important;
    place-items: center !important;
    position: relative !important;
    width: 126px !important;
    height: 126px !important;
    margin: 18px auto 12px !important;
    border: 10px solid rgba(230, 188, 68, .5) !important;
    border-radius: 50% !important;
    background: linear-gradient(180deg, #e9f5ff, #b9ddff) !important;
    color: #1266bb !important;
    font-size: 54px !important;
    font-weight: 900 !important;
    box-shadow: 0 14px 28px rgba(57, 117, 185, .12), inset 0 1px 0 rgba(255,255,255,.9) !important;
    overflow: visible !important;
}

.prestige-player-stat-job-art {
    position: absolute !important;
    z-index: 2 !important;
    left: 50% !important;
    top: 50% !important;
    width: 122px !important;
    height: 122px !important;
    object-fit: contain !important;
    transform: translate(-50%, -53%) !important;
    filter: drop-shadow(0 8px 10px rgba(20, 94, 170, .2)) !important;
}

.prestige-player-stat-frame {
    position: relative !important;
    z-index: 3 !important;
    width: 216px !important;
    height: 216px !important;
    object-fit: contain !important;
    transform: translate(-58px, -58px) !important;
    filter: drop-shadow(0 8px 12px rgba(20, 94, 170, .22)) !important;
}

.prestige-player-stat-champion h3 {
    margin: 0 !important;
    color: #164f87 !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

.prestige-player-stat-champion p,
.prestige-player-stat-rewards p {
    color: #6e88a9 !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.prestige-player-stat-champion dl {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 8px !important;
    margin: 16px 0 !important;
}

.prestige-player-stat-champion dt {
    color: #7b96b8 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.prestige-player-stat-champion dd {
    margin: 0 !important;
    color: #1765bc !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.prestige-player-stat-champion button,
.prestige-player-stat-rewards button {
    min-height: 38px !important;
    padding: 0 28px !important;
    border: 1px solid rgba(209, 171, 76, .55) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #fffdf4, #f2fbff) !important;
    color: #1765bc !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.prestige-player-stat-rewards div {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 10px !important;
    margin: 16px 0 !important;
}

.prestige-player-stat-rewards i {
    display: grid !important;
    place-items: center !important;
    height: 62px !important;
    border: 1px solid rgba(215, 183, 100, .38) !important;
    border-radius: 8px !important;
    background: linear-gradient(180deg, #fffaf0, #e8f5ff) !important;
    color: #b98b17 !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

.prestige-player-stat-full-close {
    position: absolute !important;
    top: 24px !important;
    right: max(28px, calc((100vw - 1180px) / 2 + 18px)) !important;
    z-index: 5 !important;
    width: 44px !important;
    height: 44px !important;
    border: 1px solid rgba(125, 190, 255, 0.55) !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,0.88) !important;
    color: #1260a8 !important;
    font-size: 28px !important;
    font-weight: 900 !important;
    line-height: 1 !important;
    cursor: pointer !important;
    box-shadow: 0 12px 26px rgba(53, 121, 194, 0.14) !important;
}

.prestige-player-stat-full-close:hover {
    transform: translateY(-1px) !important;
    background: rgba(255,255,255,0.98) !important;
}

@media (max-width: 991px) {
    .prestige-player-stat-full-section {
        min-height: auto !important;
        padding: 24px 0 34px !important;
        background-size: cover !important;
    }

    .prestige-player-stat-full-inner {
        width: min(720px, calc(100% - 28px)) !important;
        min-height: 0 !important;
    }

    .prestige-player-stat-hero {
        width: 100% !important;
        min-height: 120px !important;
        padding-left: 0 !important;
        text-align: center !important;
    }

    .prestige-player-stat-shell {
        grid-template-columns: 1fr !important;
    }

    .prestige-player-stat-tabs {
        grid-template-columns: 1fr !important;
    }

    .prestige-player-stat-tab {
        min-height: 54px !important;
        border-right: 0 !important;
        border-bottom: 1px solid rgba(153, 195, 241, .32) !important;
    }

    .prestige-player-stat-tab:last-child {
        border-bottom: 0 !important;
    }

    .prestige-player-stat-table {
        overflow-x: auto !important;
    }

    .prestige-player-stat-table-head,
    .prestige-player-stat-row {
        min-width: 760px !important;
    }

    .prestige-player-stat-full-close {
        top: 18px !important;
        right: 18px !important;
    }
}

/* 2026-06-01 | Unified close buttons across Prestige panels */
.prestige-panel-close,
body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close,
#prestige-player-stat-full-section:not([hidden]) .prestige-player-stat-full-close,
#prestige-marketplace-full-section:not([hidden]) .prestige-marketplace-full-close {
    position: absolute !important;
    top: 14px !important;
    right: 24px !important;
    left: auto !important;
    z-index: 80 !important;

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

    width: 38px !important;
    height: 38px !important;
    min-width: 38px !important;
    min-height: 38px !important;
    padding: 0 !important;

    border: 1px solid rgba(112, 191, 235, 0.36) !important;
    border-radius: 50% !important;
    background: rgba(255,255,255,0.88) !important;
    color: #1b628f !important;

    font-family: Arial, Helvetica, sans-serif !important;
    font-size: 25px !important;
    font-weight: 700 !important;
    line-height: 1 !important;
    text-align: center !important;

    cursor: pointer !important;
    box-shadow: 0 8px 18px rgba(35, 120, 180, 0.12) !important;
    transform-origin: center center !important;
    transition:
        transform 0.2s ease,
        background 0.2s ease,
        color 0.2s ease,
        box-shadow 0.2s ease,
        border-color 0.2s ease !important;
}

.prestige-panel-close:hover,
body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close:hover,
#prestige-player-stat-full-section:not([hidden]) .prestige-player-stat-full-close:hover,
#prestige-marketplace-full-section:not([hidden]) .prestige-marketplace-full-close:hover {
    transform: rotate(90deg) scale(1.04) !important;
    background: #ffffff !important;
    color: #0f75b8 !important;
    border-color: rgba(112, 191, 235, 0.36) !important;
    box-shadow: 0 10px 24px rgba(30, 120, 180, 0.18) !important;
}

.prestige-panel-close:active,
body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close:active,
#prestige-player-stat-full-section:not([hidden]) .prestige-player-stat-full-close:active,
#prestige-marketplace-full-section:not([hidden]) .prestige-marketplace-full-close:active {
    transform: rotate(90deg) scale(0.98) !important;
    background: #ffffff !important;
    color: #0f75b8 !important;
    box-shadow: 0 6px 16px rgba(30, 120, 180, 0.14) !important;
}

@media (max-width: 991px) {
    .prestige-panel-close,
    body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close,
    #prestige-player-stat-full-section:not([hidden]) .prestige-player-stat-full-close,
    #prestige-marketplace-full-section:not([hidden]) .prestige-marketplace-full-close {
        top: 12px !important;
        right: 12px !important;
    }
}

/* Keep standalone full-section close buttons slightly lower than the panel close. */
body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close,
#prestige-player-stat-full-section:not([hidden]) .prestige-player-stat-full-close,
#prestige-marketplace-full-section:not([hidden]) .prestige-marketplace-full-close {
    top: 44px !important;
}

#prestige-player-stat-full-section:not([hidden]) .prestige-player-stat-full-close {
    top: 64px !important;
}

@media (max-width: 991px) {
    body.prestige-news-full-mode .prestige-news-update-full-section .prestige-news-full-close,
    #prestige-player-stat-full-section:not([hidden]) .prestige-player-stat-full-close,
    #prestige-marketplace-full-section:not([hidden]) .prestige-marketplace-full-close {
        top: 34px !important;
    }

    #prestige-player-stat-full-section:not([hidden]) .prestige-player-stat-full-close {
        top: 50px !important;
    }
}

/* 2026-06-06 | Marketplace phase 1 shell */
#prestige-marketplace-full-section[hidden] {
    display: none !important;
}

#prestige-marketplace-full-section:not([hidden]) {
    display: block !important;
}

.prestige-marketplace-full-section {
    position: relative !important;
    min-height: 760px !important;
    padding: 28px 0 70px !important;
    overflow: hidden !important;
    background:
        linear-gradient(180deg, rgba(255,255,255,0.12), rgba(255,255,255,0.76) 86%),
        url("../img/playerbg.png") center top / cover no-repeat !important;
}

.prestige-marketplace-full-section::before {
    content: "" !important;
    position: absolute !important;
    inset: 0 !important;
    pointer-events: none !important;
    background:
        radial-gradient(circle at 50% 20%, rgba(255,255,255,0.62), rgba(255,255,255,0.12) 44%, rgba(255,255,255,0.52) 100%) !important;
}

.prestige-marketplace-full-inner {
    position: relative !important;
    z-index: 1 !important;
    width: min(1280px, calc(100% - 64px)) !important;
    margin: 0 auto !important;
}

.prestige-marketplace-hero {
    min-height: 150px !important;
    padding: 20px 0 18px !important;
}

.prestige-marketplace-hero span,
.prestige-marketplace-panel-head span,
.prestige-marketplace-balance > span,
.prestige-marketplace-rules > span {
    display: block !important;
    color: #c28a00 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: 4px !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-hero h2 {
    margin: 6px 0 2px !important;
    color: #0f4f86 !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(48px, 5vw, 76px) !important;
    font-weight: 900 !important;
    letter-spacing: 0 !important;
    line-height: .95 !important;
    text-transform: uppercase !important;
    text-shadow: 0 2px 0 rgba(255,255,255,0.7) !important;
}

.prestige-marketplace-hero p {
    max-width: 620px !important;
    margin: 10px 0 0 !important;
    color: #315f8f !important;
    font-size: 15px !important;
    line-height: 1.6 !important;
}

.prestige-marketplace-layout {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 320px !important;
    gap: 24px !important;
    align-items: start !important;
}

.prestige-marketplace-main,
.prestige-marketplace-balance,
.prestige-marketplace-rules {
    border: 1px solid rgba(141, 193, 241, .62) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,0.78) !important;
    box-shadow: 0 22px 44px rgba(37, 110, 180, 0.14) !important;
    backdrop-filter: blur(9px) !important;
}

.prestige-marketplace-main {
    padding: 18px !important;
}

.prestige-marketplace-notice {
    margin-bottom: 14px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(145, 194, 237, .72) !important;
    border-radius: 7px !important;
    background: rgba(241, 249, 255, .92) !important;
    color: #114f8e !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
    box-shadow: 0 12px 26px rgba(37, 110, 180, .1) !important;
}

.prestige-marketplace-notice-success {
    border-color: rgba(72, 172, 101, .58) !important;
    background: rgba(239, 255, 244, .94) !important;
    color: #1f7b3d !important;
}

.prestige-marketplace-notice-error {
    border-color: rgba(224, 99, 99, .55) !important;
    background: rgba(255, 245, 245, .94) !important;
    color: #a63232 !important;
}

.prestige-marketplace-tabs {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    overflow: hidden !important;
    border: 1px solid rgba(145, 194, 237, .6) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.86) !important;
}

.prestige-marketplace-tab {
    min-height: 72px !important;
    padding: 10px 12px !important;
    border: 0 !important;
    border-right: 1px solid rgba(145, 194, 237, .38) !important;
    background: linear-gradient(180deg, rgba(255,255,255,.95), rgba(241,249,255,.86)) !important;
    color: #6c86ad !important;
    cursor: pointer !important;
    text-align: center !important;
    transition: background .2s ease, color .2s ease, transform .2s ease !important;
}

.prestige-marketplace-tab:last-child {
    border-right: 0 !important;
}

.prestige-marketplace-tab span {
    display: block !important;
    color: #c28a00 !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: 2px !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-tab b {
    display: block !important;
    margin-top: 4px !important;
    font-size: 15px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-tab:hover,
.prestige-marketplace-tab.is-active {
    background: linear-gradient(180deg, #3188de, #1765bc) !important;
    color: #ffffff !important;
}

.prestige-marketplace-tab:hover span,
.prestige-marketplace-tab.is-active span {
    color: #fff3b0 !important;
}

.prestige-marketplace-stage {
    margin-top: 18px !important;
}

.prestige-marketplace-browse-tools {
    display: grid !important;
    grid-template-columns: minmax(240px, 1fr) minmax(140px, .52fr) minmax(140px, .52fr) auto !important;
    gap: 10px !important;
    align-items: end !important;
    margin-bottom: 16px !important;
    padding: 12px !important;
    border: 1px solid rgba(142, 195, 240, .42) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.72) !important;
    box-shadow: inset 0 1px 0 rgba(255,255,255,.76), 0 14px 28px rgba(37, 110, 180, .08) !important;
}

.prestige-marketplace-browse-tools label {
    display: grid !important;
    gap: 5px !important;
    margin: 0 !important;
    min-width: 0 !important;
}

.prestige-marketplace-browse-tools label span,
.prestige-marketplace-browse-tools > small {
    color: #bd8700 !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: 1.7px !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-browse-tools input,
.prestige-marketplace-browse-tools select {
    width: 100% !important;
    height: 40px !important;
    min-width: 0 !important;
    padding: 0 12px !important;
    border: 1px solid rgba(133, 190, 238, .62) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.9) !important;
    color: #064b88 !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    outline: 0 !important;
}

.prestige-marketplace-browse-tools input:focus,
.prestige-marketplace-browse-tools select:focus {
    border-color: rgba(211, 171, 73, .82) !important;
    box-shadow: 0 0 0 3px rgba(79, 166, 230, .14) !important;
}

.prestige-marketplace-browse-actions {
    display: flex !important;
    gap: 8px !important;
    align-items: center !important;
    justify-content: flex-end !important;
}

.prestige-marketplace-browse-actions button,
.prestige-marketplace-clear-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 40px !important;
    padding: 0 16px !important;
    border: 1px solid rgba(211, 171, 73, .58) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #fff9e7, #eef9ff) !important;
    color: #1765bc !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-browse-actions button {
    cursor: pointer !important;
}

.prestige-marketplace-browse-actions button:hover,
.prestige-marketplace-clear-link:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(211, 168, 62, .82) !important;
    box-shadow: 0 10px 18px rgba(37, 110, 180, .14) !important;
}

.prestige-marketplace-browse-tools > small {
    grid-column: 1 / -1 !important;
    color: #6d86aa !important;
    letter-spacing: .8px !important;
}

.prestige-marketplace-panel-head {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 18px !important;
    margin-bottom: 14px !important;
}

.prestige-marketplace-panel-head h3 {
    margin: 4px 0 0 !important;
    color: #0d5ba8 !important;
    font-size: 25px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-tax-chip {
    min-width: max-content !important;
    padding: 8px 13px !important;
    border: 1px solid rgba(210, 174, 76, .42) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(255,252,239,.95), rgba(239,249,255,.86)) !important;
    color: #a97800 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.prestige-marketplace-table {
    overflow: hidden !important;
    border: 1px solid rgba(133, 190, 238, .55) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.9) !important;
}

.prestige-marketplace-row {
    display: grid !important;
    grid-template-columns: minmax(220px, 1.35fr) minmax(110px, .65fr) minmax(105px, .6fr) minmax(120px, .7fr) minmax(190px, .95fr) !important;
    align-items: center !important;
    min-height: 68px !important;
    border-bottom: 1px solid rgba(158, 202, 240, .34) !important;
    color: #064b88 !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.prestige-marketplace-row:last-child {
    border-bottom: 0 !important;
}

.prestige-marketplace-row-head {
    min-height: 42px !important;
    background: linear-gradient(180deg, #2e86dc, #1768bf) !important;
    color: #ffffff !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    letter-spacing: .6px !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-row > span {
    padding: 0 14px !important;
}

.prestige-marketplace-browse-table .prestige-marketplace-row {
    grid-template-columns: minmax(260px, 1.55fr) minmax(120px, .65fr) minmax(120px, .7fr) minmax(190px, .95fr) !important;
}

.prestige-marketplace-my-table .prestige-marketplace-row {
    grid-template-columns: minmax(230px, 1.5fr) minmax(130px, .85fr) minmax(130px, .9fr) 110px !important;
}

.prestige-marketplace-history-table .prestige-marketplace-row {
    grid-template-columns: minmax(230px, 1.45fr) minmax(80px, .55fr) minmax(110px, .75fr) minmax(140px, .85fr) minmax(130px, .85fr) !important;
}

.prestige-marketplace-item {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 42px minmax(0, 1fr) !important;
    column-gap: 12px !important;
    align-items: center !important;
}

.prestige-marketplace-item img {
    grid-row: span 2 !important;
    width: 36px !important;
    height: 36px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 8px 12px rgba(21, 91, 160, .18)) !important;
}

.prestige-marketplace-item b,
.prestige-marketplace-item small {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.prestige-marketplace-item small {
    color: #6c87aa !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-item small.prestige-marketplace-item-detail {
    color: #5d7fa6 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.prestige-marketplace-item-tags {
    grid-column: 2 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 5px !important;
    min-width: 0 !important;
    margin-top: 3px !important;
}

.prestige-marketplace-item-tag {
    display: inline-flex !important;
    align-items: center !important;
    gap: 5px !important;
    max-width: 100% !important;
    min-height: 18px !important;
    padding: 1px 6px !important;
    border: 1px solid rgba(132, 190, 240, .2) !important;
    border-radius: 6px !important;
    background: rgba(248, 252, 255, .42) !important;
    color: #064b88 !important;
    line-height: 1.2 !important;
}

.prestige-marketplace-item-tag strong,
.prestige-marketplace-item-tag em {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.prestige-marketplace-item-tag strong {
    color: #7b8fac !important;
    font-size: 9px !important;
    font-weight: 400 !important;
    letter-spacing: 0 !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-item-tag em {
    color: #2f6599 !important;
    font-size: 10px !important;
    font-style: normal !important;
    font-weight: 400 !important;
}

.prestige-marketplace-row button,
.prestige-marketplace-balance button,
.prestige-marketplace-balance a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 36px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(211, 171, 73, .58) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #fff9e7, #eef9ff) !important;
    color: #1765bc !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-decoration: none !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-inline-form {
    display: inline-flex !important;
    margin: 0 !important;
}

.prestige-marketplace-buy-form {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
}

.prestige-marketplace-buy-form select {
    width: 100% !important;
    min-width: 0 !important;
    height: 36px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(132, 190, 240, .52) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.9) !important;
    color: #064b88 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    outline: 0 !important;
}

.prestige-marketplace-buy-form small {
    grid-column: 1 / -1 !important;
    color: #7991af !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.prestige-marketplace-row button:not(:disabled) {
    cursor: pointer !important;
    transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease !important;
}

.prestige-marketplace-row button:not(:disabled):hover {
    transform: translateY(-1px) !important;
    border-color: rgba(211, 168, 62, .82) !important;
    box-shadow: 0 10px 18px rgba(37, 110, 180, .14) !important;
}

.prestige-marketplace-row button:disabled,
.prestige-marketplace-balance button:disabled {
    cursor: not-allowed !important;
    opacity: .72 !important;
}

.prestige-marketplace-empty {
    display: grid !important;
    place-items: center !important;
    min-height: 230px !important;
    padding: 34px !important;
    border: 1px dashed rgba(133, 190, 238, .6) !important;
    border-radius: 8px !important;
    background: rgba(246, 252, 255, .68) !important;
    text-align: center !important;
}

.prestige-marketplace-empty strong {
    color: #0d5ba8 !important;
    font-size: 22px !important;
    font-weight: 900 !important;
}

.prestige-marketplace-empty span {
    margin-top: 6px !important;
    color: #416c9a !important;
    font-size: 14px !important;
}

.prestige-marketplace-empty-soft {
    min-height: 180px !important;
}

.prestige-marketplace-readiness {
    display: grid !important;
    grid-template-columns: repeat(3, 1fr) !important;
    gap: 12px !important;
    margin-bottom: 14px !important;
}

.prestige-marketplace-readiness div {
    min-height: 92px !important;
    padding: 16px !important;
    border: 1px solid rgba(145, 194, 237, .42) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.72) !important;
    text-align: center !important;
}

.prestige-marketplace-readiness span {
    color: #6c87aa !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-readiness strong {
    display: block !important;
    margin-top: 8px !important;
    color: #1765bc !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}

.prestige-marketplace-sell-form {
    display: grid !important;
    gap: 16px !important;
}

.prestige-marketplace-sell-controls {
    display: grid !important;
    grid-template-columns: 1.4fr 1fr .8fr 1fr !important;
    gap: 12px !important;
}

.prestige-marketplace-sell-controls label {
    display: grid !important;
    gap: 7px !important;
}

.prestige-marketplace-sell-controls label > span {
    color: #6c87aa !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    letter-spacing: .8px !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-sell-controls select,
.prestige-marketplace-sell-controls input {
    width: 100% !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    border: 1px solid rgba(132, 190, 240, .55) !important;
    border-radius: 7px !important;
    background: rgba(255,255,255,.9) !important;
    color: #064b88 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
    outline: 0 !important;
}

.prestige-marketplace-sell-controls select:focus,
.prestige-marketplace-sell-controls input:focus {
    border-color: rgba(211, 168, 62, .75) !important;
    box-shadow: 0 0 0 3px rgba(211, 168, 62, .14) !important;
}

.prestige-marketplace-storage-list {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: start !important;
    gap: 10px !important;
    max-height: 354px !important;
    overflow: auto !important;
    padding-right: 4px !important;
}

.prestige-marketplace-storage-choice {
    position: relative !important;
    display: grid !important;
    grid-template-columns: 48px minmax(0, 1fr) !important;
    gap: 12px !important;
    align-items: start !important;
    min-height: 76px !important;
    padding: 11px 12px !important;
    border: 1px solid rgba(133, 190, 238, .48) !important;
    border-radius: 8px !important;
    background: rgba(255,255,255,.72) !important;
    cursor: pointer !important;
    transition: border-color .18s ease, box-shadow .18s ease, transform .18s ease !important;
}

.prestige-marketplace-storage-choice:hover {
    z-index: 4 !important;
}

.prestige-marketplace-storage-choice:hover {
    transform: translateY(-1px) !important;
    border-color: rgba(211, 168, 62, .58) !important;
    box-shadow: 0 12px 24px rgba(37, 110, 180, .12) !important;
}

.prestige-marketplace-storage-choice input {
    position: absolute !important;
    opacity: 0 !important;
    pointer-events: none !important;
}

.prestige-marketplace-storage-choice:has(input:checked) {
    border-color: rgba(211, 168, 62, .82) !important;
    background: linear-gradient(180deg, rgba(255,252,238,.92), rgba(240,249,255,.88)) !important;
    box-shadow: inset 0 0 0 1px rgba(211, 168, 62, .24), 0 14px 28px rgba(37, 110, 180, .14) !important;
}

.prestige-marketplace-storage-choice.is-disabled {
    cursor: not-allowed !important;
    opacity: .58 !important;
}

.prestige-marketplace-storage-choice.is-disabled:hover {
    transform: none !important;
    border-color: rgba(133, 190, 238, .48) !important;
    box-shadow: none !important;
}

.prestige-marketplace-storage-icon {
    align-self: start !important;
    display: grid !important;
    place-items: center !important;
    width: 48px !important;
    height: 48px !important;
    border-radius: 50% !important;
    background: radial-gradient(circle, rgba(255,255,255,.98), rgba(207,235,255,.8)) !important;
}

.prestige-marketplace-storage-icon img {
    max-width: 36px !important;
    max-height: 36px !important;
    object-fit: contain !important;
    filter: drop-shadow(0 8px 12px rgba(21, 91, 160, .18)) !important;
}

.prestige-marketplace-storage-icon i {
    color: #1765bc !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

.prestige-marketplace-storage-info {
    display: grid !important;
    gap: 3px !important;
    min-width: 0 !important;
}

.prestige-marketplace-storage-info .prestige-marketplace-item-tags {
    grid-column: auto !important;
}

.prestige-marketplace-storage-info b,
.prestige-marketplace-storage-info small,
.prestige-marketplace-storage-info em {
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

.prestige-marketplace-storage-info b {
    color: #064b88 !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.prestige-marketplace-storage-info small {
    color: #6c87aa !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-storage-info small.prestige-marketplace-storage-detail {
    color: #5d7fa6 !important;
    font-weight: 500 !important;
    letter-spacing: 0 !important;
    text-transform: none !important;
}

.prestige-marketplace-storage-info em {
    color: #b17600 !important;
    font-size: 11px !important;
    font-style: normal !important;
    font-weight: 900 !important;
}

.prestige-marketplace-sell-footer {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(133, 190, 238, .4) !important;
    border-radius: 8px !important;
    background: rgba(246, 252, 255, .72) !important;
}

.prestige-marketplace-sell-footer span {
    color: #416c9a !important;
    font-size: 13px !important;
    font-weight: 800 !important;
}

.prestige-marketplace-sell-footer button {
    min-height: 40px !important;
    padding: 0 22px !important;
    border: 1px solid rgba(211, 168, 62, .62) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #fff4c7, #e9b84b) !important;
    color: #7a5600 !important;
    cursor: pointer !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    box-shadow: 0 10px 20px rgba(177, 121, 0, .14) !important;
}

.prestige-marketplace-sell-footer button:hover {
    transform: translateY(-1px) !important;
    box-shadow: 0 14px 24px rgba(177, 121, 0, .18) !important;
}

.prestige-marketplace-side {
    display: grid !important;
    gap: 18px !important;
}

.prestige-marketplace-balance,
.prestige-marketplace-rules {
    padding: 22px !important;
}

.prestige-marketplace-balance dl {
    margin: 16px 0 !important;
}

.prestige-marketplace-safety-note {
    margin-top: 14px !important;
    padding: 10px 12px !important;
    border: 1px solid rgba(211, 168, 62, .42) !important;
    border-radius: 7px !important;
    background: rgba(255, 249, 229, .78) !important;
    color: #916700 !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 1.45 !important;
}

.prestige-marketplace-admin-safety {
    display: grid !important;
    gap: 10px !important;
    margin-top: 14px !important;
    padding: 12px !important;
    border: 1px solid rgba(141, 193, 241, .68) !important;
    border-radius: 7px !important;
    background: rgba(244, 250, 255, .82) !important;
}

.prestige-marketplace-admin-safety strong {
    color: #075da8 !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-admin-safety > span {
    color: #315f8f !important;
    font-size: 12px !important;
    font-weight: 700 !important;
}

.prestige-marketplace-admin-safety dl {
    display: grid !important;
    gap: 6px !important;
    margin: 0 !important;
}

.prestige-marketplace-admin-safety dl div {
    display: grid !important;
    grid-template-columns: 1fr auto !important;
    gap: 10px !important;
    align-items: center !important;
    padding-bottom: 6px !important;
    border-bottom: 1px dotted rgba(141, 193, 241, .58) !important;
}

.prestige-marketplace-admin-safety dt,
.prestige-marketplace-admin-safety dd {
    margin: 0 !important;
    color: #315f8f !important;
    font-size: 11px !important;
}

.prestige-marketplace-admin-safety dd {
    color: #075da8 !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-admin-safety button {
    width: 100% !important;
    min-height: 38px !important;
    border: 1px solid rgba(211, 168, 62, .82) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, #fff7d8 0%, #f4bf42 100%) !important;
    color: #805900 !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
    cursor: pointer !important;
}

.prestige-marketplace-balance dl div {
    display: flex !important;
    justify-content: space-between !important;
    gap: 16px !important;
    padding: 10px 0 !important;
    border-bottom: 1px dotted rgba(102, 156, 205, .38) !important;
}

.prestige-marketplace-balance dt {
    color: #6c87aa !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase !important;
}

.prestige-marketplace-balance dd {
    margin: 0 !important;
    color: #075aa5 !important;
    font-weight: 900 !important;
}

.prestige-marketplace-rules ul {
    display: grid !important;
    gap: 10px !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

.prestige-marketplace-rules li {
    position: relative !important;
    padding-left: 18px !important;
    color: #315f8f !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

.prestige-marketplace-rules li::before {
    content: "" !important;
    position: absolute !important;
    left: 0 !important;
    top: .62em !important;
    width: 7px !important;
    height: 7px !important;
    border-radius: 50% !important;
    background: #d3a83e !important;
    box-shadow: 0 0 0 4px rgba(211, 168, 62, .16) !important;
}

#prestige-marketplace-full-section:not([hidden]) .prestige-marketplace-full-close {
    top: 64px !important;
}

@media (max-width: 1100px) {
    .prestige-marketplace-layout {
        grid-template-columns: 1fr !important;
    }

    .prestige-marketplace-side {
        grid-template-columns: repeat(2, 1fr) !important;
    }
}

@media (max-width: 760px) {
    .prestige-marketplace-full-section {
        padding-top: 22px !important;
    }

    .prestige-marketplace-full-inner {
        width: min(100% - 28px, 620px) !important;
    }

    .prestige-marketplace-hero {
        min-height: 110px !important;
        text-align: center !important;
    }

    .prestige-marketplace-tabs,
    .prestige-marketplace-side,
    .prestige-marketplace-readiness,
    .prestige-marketplace-sell-controls,
    .prestige-marketplace-storage-list {
        grid-template-columns: 1fr !important;
    }

    .prestige-marketplace-browse-tools {
        grid-template-columns: 1fr !important;
    }

    .prestige-marketplace-browse-actions {
        justify-content: flex-start !important;
    }

    .prestige-marketplace-row {
        grid-template-columns: 190px 105px 105px 120px 190px !important;
        min-width: 710px !important;
    }

    .prestige-marketplace-browse-table .prestige-marketplace-row {
        grid-template-columns: 220px 110px 120px 190px !important;
        min-width: 640px !important;
    }

    .prestige-marketplace-table {
        overflow-x: auto !important;
    }

    .prestige-marketplace-panel-head {
        align-items: flex-start !important;
        flex-direction: column !important;
    }

    #prestige-marketplace-full-section:not([hidden]) .prestige-marketplace-full-close {
        top: 50px !important;
    }
}
