:root {
    --gmr-inner-bg: #070706;
    --gmr-inner-panel: rgba(14, 14, 12, .9);
    --gmr-inner-panel-strong: rgba(9, 9, 8, .96);
    --gmr-inner-panel-soft: rgba(27, 25, 20, .82);
    --gmr-inner-gold: #dfbf76;
    --gmr-inner-gold-light: #fff1bc;
    --gmr-inner-gold-dark: #8e682f;
    --gmr-inner-text: #f4f1e9;
    --gmr-inner-muted: #a7a39a;
    --gmr-inner-line: rgba(223, 191, 118, .23);
    --gmr-inner-line-strong: rgba(223, 191, 118, .48);
    --gmr-inner-green: #38c986;
    --gmr-inner-red: #e63235;
    --gmr-inner-width: 1220px;
}

/* ========================================================================== 
   GMRGAME INTERIOR THEME 3.0
   Warm fantasy surfaces, restrained 3D depth and a single visual language.
   ========================================================================== */

:root {
    --gmr3-canvas: #17110b;
    --gmr3-canvas-soft: #21180f;
    --gmr3-panel: #2b2117;
    --gmr3-panel-raised: #382a1c;
    --gmr3-panel-deep: #1c1610;
    --gmr3-ivory: #fff1c4;
    --gmr3-paper: #f7eddd;
    --gmr3-gold: #d8a94e;
    --gmr3-gold-bright: #f4d486;
    --gmr3-bronze: #895420;
    --gmr3-bronze-dark: #4b2d13;
    --gmr3-orange: #ef7517;
    --gmr3-red: #d72e31;
    --gmr3-text: #f3eadc;
    --gmr3-muted: #c7b9a6;
    --gmr3-line: rgba(231, 190, 107, .38);
    --gmr3-line-soft: rgba(231, 190, 107, .18);
    --gmr3-shadow: rgba(10, 6, 3, .58);
    --gmr3-frame:
        linear-gradient(var(--gmr3-gold), var(--gmr3-gold)) left top / 22px 1px no-repeat,
        linear-gradient(var(--gmr3-gold), var(--gmr3-gold)) left top / 1px 22px no-repeat,
        linear-gradient(var(--gmr3-gold), var(--gmr3-gold)) right top / 22px 1px no-repeat,
        linear-gradient(var(--gmr3-gold), var(--gmr3-gold)) right top / 1px 22px no-repeat,
        linear-gradient(var(--gmr3-gold), var(--gmr3-gold)) left bottom / 22px 1px no-repeat,
        linear-gradient(var(--gmr3-gold), var(--gmr3-gold)) left bottom / 1px 22px no-repeat,
        linear-gradient(var(--gmr3-gold), var(--gmr3-gold)) right bottom / 22px 1px no-repeat,
        linear-gradient(var(--gmr3-gold), var(--gmr3-gold)) right bottom / 1px 22px no-repeat;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) {
    background: var(--gmr3-canvas) !important;
    color: var(--gmr3-text) !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home)::before {
    opacity: 1 !important;
    background:
        radial-gradient(circle at 50% 15%, rgba(194, 126, 39, .17), transparent 36%),
        linear-gradient(90deg, rgba(18, 12, 7, .82), rgba(18, 12, 7, .34) 50%, rgba(18, 12, 7, .82)),
        linear-gradient(180deg, rgba(21, 14, 8, .45), rgba(18, 12, 7, .84)),
        url('/images/wok/wok-factions-battle.png') center top / cover no-repeat fixed !important;
}

body.wok-3d-shell.route-download::before,
body.wok-3d-shell.route-login-page::before,
body.wok-3d-shell.route-register-page::before,
body.wok-3d-shell.route-user-account::before {
    background:
        radial-gradient(circle at 52% 28%, rgba(216, 139, 42, .2), transparent 31%),
        linear-gradient(90deg, rgba(15, 10, 6, .82), rgba(15, 10, 6, .38) 50%, rgba(15, 10, 6, .84)),
        linear-gradient(180deg, rgba(18, 12, 7, .38), rgba(16, 11, 7, .86)),
        url('/assets/images/gmr-feature-team-v2.jpg') center / cover no-repeat fixed !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main .cont-items {
    background: linear-gradient(180deg, rgba(25, 18, 11, .08), rgba(17, 12, 8, .46)) !important;
}

/* Promotional strip and main navigation. */
.gmr-top-notice {
    position: relative;
    min-height: 43px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 218, 154, .34) !important;
    background: linear-gradient(90deg, #b62129 0%, var(--gmr3-red) 38%, var(--gmr3-orange) 100%) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .16), inset 0 -2px rgba(88, 17, 7, .28), 0 7px 20px rgba(12, 6, 3, .28) !important;
    color: #fff7e2 !important;
    letter-spacing: .065em !important;
    text-shadow: 0 1px 2px rgba(77, 18, 4, .65) !important;
}

.gmr-top-notice::before,
.gmr-top-notice::after {
    content: "";
    width: 5px;
    height: 5px;
    border: 1px solid rgba(255, 244, 207, .8);
    transform: rotate(45deg);
}

.gmr-top-notice a {
    min-height: 26px !important;
    padding: 0 13px !important;
    border: 1px solid rgba(255, 239, 198, .28) !important;
    border-radius: 999px !important;
    background: linear-gradient(180deg, rgba(83, 31, 11, .3), rgba(68, 22, 7, .46)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .12), 0 2px 4px rgba(74, 19, 5, .25) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main > header {
    min-height: 96px !important;
    border-bottom: 1px solid rgba(235, 194, 107, .32) !important;
    background:
        linear-gradient(90deg, transparent, rgba(222, 168, 70, .05) 50%, transparent),
        linear-gradient(180deg, rgba(31, 25, 18, .98), rgba(19, 15, 11, .98)) !important;
    box-shadow: inset 0 1px rgba(255, 238, 195, .05), inset 0 -3px rgba(70, 43, 18, .4), 0 16px 38px rgba(8, 5, 3, .38) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .wok-main-logo {
    position: relative;
    isolation: isolate;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .wok-main-logo::before {
    content: "";
    position: absolute;
    inset: -22px -36px;
    z-index: -1;
    border-radius: 50%;
    background: radial-gradient(circle, rgba(225, 161, 58, .2), transparent 68%);
    filter: blur(3px);
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu > li {
    position: relative;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu > li + li::before {
    content: "";
    position: absolute;
    left: -3px;
    top: 50%;
    width: 4px;
    height: 4px;
    border: 1px solid rgba(220, 179, 92, .55);
    transform: translateY(-50%) rotate(45deg);
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu > li > a {
    color: #eee5d6 !important;
    font-weight: 700 !important;
    text-shadow: 0 2px 3px rgba(0, 0, 0, .7) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu > li > a::after {
    content: "";
    position: absolute;
    right: 11px;
    bottom: 3px;
    left: 11px;
    height: 1px;
    background: linear-gradient(90deg, transparent, var(--gmr3-gold-bright), transparent);
    opacity: 0;
    transform: scaleX(.25);
    transition: opacity .2s ease, transform .2s ease;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu > li > a:hover::after,
body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu > li > a:focus::after {
    opacity: 1;
    transform: scaleX(1);
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .header-account-action,
body.wok-3d-shell:not(.route-landing):not(.route-home) .language-selector {
    border-color: rgba(234, 193, 109, .34) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, rgba(57, 46, 33, .95), rgba(32, 26, 19, .98)) !important;
    box-shadow: inset 0 1px rgba(255, 242, 207, .1), inset 0 -2px rgba(7, 5, 3, .42), 0 3px 0 rgba(8, 5, 3, .52), 0 8px 16px rgba(7, 4, 2, .22) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .header-account-action--register {
    border-color: rgba(255, 238, 190, .8) !important;
    background: linear-gradient(180deg, #fff4c6 0%, #e5c16f 55%, #b98032 100%) !important;
    box-shadow: inset 0 1px #fffbe9, inset 0 -2px rgba(102, 57, 17, .36), 0 3px 0 #674016, 0 9px 18px rgba(9, 5, 2, .3) !important;
    color: #2b1d0b !important;
    text-shadow: 0 1px rgba(255, 255, 255, .45) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .header-account-action:hover,
body.wok-3d-shell:not(.route-landing):not(.route-home) .language-selector:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.08);
}

/* Page heroes: artwork remains visible and titles use warm embossed type. */
.gmr-page-hero,
.title-header,
.guide-hero,
.wok-download__hero,
.gmr-account-hero {
    isolation: isolate;
    min-height: 268px !important;
    margin-bottom: 44px !important;
    padding: 54px 24px 50px !important;
    border-top: 1px solid rgba(255, 238, 192, .06) !important;
    border-bottom: 1px solid rgba(239, 198, 108, .38) !important;
    background:
        radial-gradient(circle at 50% 44%, rgba(220, 150, 45, .25), transparent 30%),
        linear-gradient(90deg, rgba(23, 15, 9, .6), rgba(23, 15, 9, .11) 50%, rgba(23, 15, 9, .62)),
        linear-gradient(180deg, rgba(19, 13, 8, .28), rgba(18, 12, 7, .66)),
        url('/images/wok/wok-factions-battle.png') center 39% / cover no-repeat !important;
    box-shadow: inset 0 1px rgba(255, 238, 191, .09), inset 0 -18px 34px rgba(13, 8, 4, .54), 0 16px 34px rgba(9, 5, 2, .24) !important;
}

.gmr-page-hero::before,
.title-header::before,
.guide-hero::before,
.wok-download__hero::before,
.gmr-account-hero::before {
    content: "";
    position: absolute;
    z-index: 1;
    right: max(18px, calc((100% - 1220px) / 2));
    bottom: 18px;
    left: max(18px, calc((100% - 1220px) / 2));
    height: 1px;
    background: linear-gradient(90deg, transparent, rgba(235, 195, 108, .68) 18%, rgba(255, 235, 178, .28) 50%, rgba(235, 195, 108, .68) 82%, transparent);
    box-shadow: 0 1px rgba(30, 17, 7, .82);
}

.gmr-page-hero::after,
.title-header::after,
.guide-hero::after,
.wok-download__hero::after,
.gmr-account-hero::after {
    z-index: 0 !important;
    background:
        radial-gradient(circle at 50% 46%, rgba(241, 183, 77, .14), transparent 35%),
        linear-gradient(90deg, rgba(14, 9, 5, .43), transparent 34%, transparent 66%, rgba(14, 9, 5, .43)) !important;
}

.page-title,
.guide-hero h1,
.guide-hero-title,
.wok-download__title,
.gmr-page-hero__title,
.gmr-account-hero__title,
.login-page-title,
.register-page-title {
    color: var(--gmr3-ivory) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
    text-shadow: 0 1px 0 #fff9dc, 0 2px 0 #8e652d, 0 5px 13px rgba(4, 2, 1, .9) !important;
}

.gmr-page-hero__eyebrow,
.gmr-account-hero__eyebrow,
.gmr-auth-eyebrow {
    color: var(--gmr3-gold-bright) !important;
    letter-spacing: .21em !important;
    text-shadow: 0 2px 4px rgba(8, 4, 2, .75) !important;
}

.gmr-page-hero__subtitle,
.guide-hero-subtitle,
.wok-download__subtitle,
.gmr-account-hero__subtitle {
    color: #e1d6c5 !important;
    font-size: 15px !important;
    text-shadow: 0 2px 5px rgba(5, 3, 2, .78) !important;
}

/* Reusable raised fantasy surface. */
.ranking-container .ranking-sidebar,
.ranking-container .tab-content,
.clan-ranking-container > .row > .col-md-3,
.clan-ranking-container .tab-content,
.guide-nav-wrapper,
.wok-guide-content,
.guide-block,
.wok-download__panel,
.wok-download__requirements,
.wok-download__steps,
.news-item,
.news-detail-content,
.news-detail-actions,
.login-page-container,
.register-page-container,
.account-sidebar,
.account-content,
.info-card {
    position: relative;
    border: 1px solid var(--gmr3-line) !important;
    border-radius: 4px !important;
    background:
        var(--gmr3-frame),
        linear-gradient(135deg, rgba(255, 246, 216, .065), transparent 21%),
        linear-gradient(180deg, rgba(57, 43, 29, .98), rgba(36, 27, 19, .98)) !important;
    box-shadow:
        inset 0 1px rgba(255, 242, 204, .11),
        inset 0 -3px rgba(77, 43, 15, .52),
        0 4px 0 rgba(8, 5, 3, .62),
        0 22px 48px var(--gmr3-shadow) !important;
}

.ranking-container .ranking-sidebar,
.clan-ranking-container > .row > .col-md-3,
.guide-nav-wrapper,
.wok-download__steps {
    background:
        var(--gmr3-frame),
        linear-gradient(180deg, rgba(66, 49, 32, .98), rgba(43, 32, 22, .98)) !important;
}

/* Inputs and buttons get physical top/bottom edges. */
body.wok-3d-shell:not(.route-landing):not(.route-home) .form-control,
body.wok-3d-shell:not(.route-landing):not(.route-home) input,
body.wok-3d-shell:not(.route-landing):not(.route-home) select,
body.wok-3d-shell:not(.route-landing):not(.route-home) textarea {
    border: 1px solid rgba(224, 184, 99, .42) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, rgba(27, 21, 15, .98), rgba(37, 28, 19, .98)) !important;
    box-shadow: inset 0 2px 6px rgba(4, 2, 1, .52), 0 1px rgba(255, 238, 196, .05) !important;
    color: var(--gmr3-paper) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) input:-webkit-autofill,
body.wok-3d-shell:not(.route-landing):not(.route-home) input:-webkit-autofill:hover,
body.wok-3d-shell:not(.route-landing):not(.route-home) input:-webkit-autofill:focus {
    -webkit-text-fill-color: var(--gmr3-paper) !important;
    caret-color: var(--gmr3-paper) !important;
    box-shadow: inset 0 0 0 1000px #211910, inset 0 2px 6px rgba(4, 2, 1, .52), 0 0 0 1px rgba(224, 184, 99, .42) !important;
    transition: background-color 9999s ease-out 0s !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .form-control:focus,
body.wok-3d-shell:not(.route-landing):not(.route-home) input:focus,
body.wok-3d-shell:not(.route-landing):not(.route-home) select:focus,
body.wok-3d-shell:not(.route-landing):not(.route-home) textarea:focus {
    border-color: var(--gmr3-gold-bright) !important;
    box-shadow: inset 0 2px 7px rgba(4, 2, 1, .52), 0 0 0 3px rgba(223, 168, 66, .13), 0 5px 15px rgba(7, 4, 2, .22) !important;
}

.login-button,
.register-button,
.btn-submit,
.ranking-container #player_search_button,
.clan-ranking-container #clan_search_button,
.news-detail-back-btn {
    border: 1px solid #f6d994 !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #fff6cc 0%, #e9c875 52%, #b97b2c 100%) !important;
    box-shadow: inset 0 1px #fffdf1, inset 0 -2px rgba(104, 57, 15, .34), 0 4px 0 #633b13, 0 11px 24px rgba(8, 4, 2, .34) !important;
    color: #2b1c09 !important;
    font-weight: 850 !important;
    letter-spacing: .035em !important;
    text-shadow: 0 1px rgba(255, 255, 255, .42) !important;
    transition: transform .18s ease, filter .18s ease, box-shadow .18s ease !important;
}

.login-button:hover:not(:disabled),
.register-button:hover:not(:disabled),
.btn-submit:hover,
.ranking-container #player_search_button:hover,
.clan-ranking-container #clan_search_button:hover,
.news-detail-back-btn:hover {
    transform: translateY(-2px) !important;
    filter: brightness(1.07);
    box-shadow: inset 0 1px #fffdf1, inset 0 -2px rgba(104, 57, 15, .28), 0 6px 0 #633b13, 0 15px 29px rgba(8, 4, 2, .38) !important;
}

.login-button:active:not(:disabled),
.register-button:active:not(:disabled),
.btn-submit:active,
.ranking-container #player_search_button:active,
.clan-ranking-container #clan_search_button:active {
    transform: translateY(3px) !important;
    box-shadow: inset 0 2px 4px rgba(91, 50, 12, .25), 0 1px 0 #633b13, 0 5px 11px rgba(8, 4, 2, .3) !important;
}

/* Tabs and filters use the same raised control language. */
.ranking-container .page-menu li a,
.ranking-container .filter-menu li a,
.clan-ranking-container .page-menu li a,
.clan-ranking-container .filter-menu li a,
.gmr-news-filter,
.guide-list li a,
.sidebar-menu li a,
.sidebar-menu2 li a {
    border: 1px solid rgba(226, 185, 99, .34) !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, rgba(70, 53, 35, .92), rgba(43, 33, 23, .96)) !important;
    box-shadow: inset 0 1px rgba(255, 239, 196, .08), inset 0 -2px rgba(13, 8, 4, .3), 0 2px 0 rgba(9, 5, 3, .38) !important;
    color: #eee4d5 !important;
}

.ranking-container .page-menu li.active a,
.ranking-container .page-menu li a:hover,
.ranking-container .filter-menu li.active a,
.ranking-container .filter-menu li a:hover,
.clan-ranking-container .page-menu li.active a,
.clan-ranking-container .page-menu li a:hover,
.clan-ranking-container .filter-menu li.active a,
.clan-ranking-container .filter-menu li a:hover,
.gmr-news-filter.is-active,
.gmr-news-filter:hover,
.guide-list li a.active,
.guide-list li a:hover,
.sidebar-menu li a.active,
.sidebar-menu li a:hover {
    border-color: #f2d184 !important;
    background: linear-gradient(180deg, #fff4c4, #dfbd6b 58%, #ad7127) !important;
    box-shadow: inset 0 1px #fffceb, inset 0 -2px rgba(96, 49, 10, .3), 0 3px 0 #5f3915, 0 8px 15px rgba(8, 4, 2, .26) !important;
    color: #291a08 !important;
    text-shadow: 0 1px rgba(255, 255, 255, .45) !important;
}

/* Ranking tables. */
.ranking-container .tab-content,
.clan-ranking-container .tab-content {
    overflow: hidden !important;
}

.ranking-container table thead,
.ranking-container .table thead,
.clan-ranking-container .table thead {
    background: linear-gradient(180deg, #59442c 0%, #3d2e20 55%, #302319 100%) !important;
    box-shadow: inset 0 1px rgba(255, 235, 184, .12), inset 0 -2px rgba(13, 8, 4, .42) !important;
}

.ranking-container table thead th,
.ranking-container .table thead th,
.clan-ranking-container .table thead th {
    border-bottom-color: rgba(237, 194, 101, .52) !important;
    color: var(--gmr3-ivory) !important;
    text-shadow: 0 2px 3px rgba(5, 3, 2, .7) !important;
}

.ranking-container table tbody tr,
.ranking-container .table tbody tr,
.clan-ranking-container .table tbody tr {
    background: linear-gradient(180deg, rgba(57, 43, 30, .96), rgba(47, 36, 25, .96)) !important;
    box-shadow: inset 0 1px rgba(255, 244, 213, .025) !important;
}

.ranking-container table tbody tr:nth-child(even),
.ranking-container .table tbody tr:nth-child(even),
.clan-ranking-container .table tbody tr:nth-child(even) {
    background: linear-gradient(180deg, rgba(64, 48, 32, .96), rgba(52, 39, 27, .96)) !important;
}

.ranking-container table tbody tr:hover,
.ranking-container .table tbody tr:hover,
.clan-ranking-container .table tbody tr:hover {
    background: linear-gradient(180deg, rgba(111, 77, 39, .96), rgba(77, 54, 32, .96)) !important;
}

.ranking-container table tbody td,
.ranking-container .table tbody td,
.clan-ranking-container .table tbody td {
    border-bottom-color: rgba(243, 206, 130, .1) !important;
    color: #f0e7da !important;
}

.ranking-container table tbody tr:nth-child(-n+3) td:first-child {
    text-shadow: 0 1px 0 #fff4b7, 0 3px 8px rgba(205, 127, 28, .55) !important;
}

/* Guide. */
.wok-guide-layout {
    perspective: 1400px;
}

.guide-nav-wrapper {
    transform: translateZ(8px);
}

.wok-guide-content {
    transform: translateZ(2px);
}

.wok-guide-content-head {
    border-bottom-color: rgba(234, 190, 100, .3) !important;
    background: linear-gradient(180deg, rgba(255, 237, 192, .05), transparent) !important;
}

.wok-guide-current-title,
.guide-block > h2,
.guide-block > h3,
.guide-block .guide-title {
    color: var(--gmr3-ivory) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    text-shadow: 0 2px 5px rgba(5, 3, 2, .7) !important;
}

.guide-block {
    background:
        var(--gmr3-frame),
        linear-gradient(135deg, rgba(255, 244, 210, .055), transparent 20%),
        linear-gradient(180deg, rgba(66, 49, 32, .88), rgba(44, 33, 23, .9)) !important;
    box-shadow: inset 0 1px rgba(255, 239, 194, .08), inset 0 -2px rgba(71, 40, 15, .38), 0 3px 0 rgba(10, 6, 3, .4), 0 14px 30px rgba(9, 5, 3, .25) !important;
}

.guide-arty th {
    background: linear-gradient(180deg, #5b452d, #38291d) !important;
    color: var(--gmr3-ivory) !important;
}

.guide-arty td {
    background: rgba(48, 36, 25, .88) !important;
    color: var(--gmr3-text) !important;
}

/* Download. */
.wok-download__main {
    perspective: 1500px;
}

.wok-download__panel {
    transform: translateZ(10px);
}

.wok-download-link {
    border: 1px solid rgba(132, 232, 174, .68) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, #388d61 0%, #206846 56%, #164830 100%) !important;
    box-shadow: inset 0 1px rgba(228, 255, 237, .32), inset 0 -3px rgba(7, 42, 25, .44), 0 4px 0 #0d3523, 0 15px 29px rgba(4, 18, 11, .36) !important;
}

.wok-download-link:hover {
    transform: translateY(-3px) !important;
    filter: brightness(1.07);
}

.wok-download-step__icon {
    border: 1px solid #f3d488 !important;
    background: radial-gradient(circle at 34% 28%, #fffbe0 0%, #f1d88d 38%, #c39543 72%, #7c4e1d 100%) !important;
    box-shadow: inset 0 2px rgba(255, 255, 255, .75), inset 0 -4px rgba(84, 46, 12, .32), 0 5px 0 #593511, 0 12px 22px rgba(7, 4, 2, .34) !important;
    color: #3a250d !important;
    text-shadow: 0 1px rgba(255, 255, 255, .65) !important;
}

.wok-download-step:not(:last-child)::after {
    height: 2px !important;
    background: linear-gradient(90deg, rgba(219, 175, 82, .25), #dfbd6e 50%, rgba(219, 175, 82, .25)) !important;
    box-shadow: 0 1px rgba(6, 3, 2, .62) !important;
}

.wok-requirement-card {
    border: 1px solid rgba(230, 188, 100, .31) !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, rgba(70, 52, 34, .9), rgba(44, 33, 23, .94)) !important;
    box-shadow: inset 0 1px rgba(255, 241, 203, .08), inset 0 -2px rgba(69, 39, 14, .35), 0 3px 0 rgba(8, 4, 2, .35), 0 13px 28px rgba(8, 4, 2, .23) !important;
}

/* News cards. */
.news-list-container {
    perspective: 1600px;
}

.gmr-news-search {
    border-radius: 4px !important;
    box-shadow: inset 0 2px 7px rgba(5, 3, 2, .5), 0 3px 0 rgba(8, 4, 2, .32) !important;
}

.news-item {
    overflow: hidden;
    transform-style: preserve-3d;
    transition: transform .24s ease, box-shadow .24s ease, border-color .24s ease !important;
}

.news-item:hover {
    z-index: 2;
    border-color: rgba(245, 211, 135, .72) !important;
    transform: translateY(-7px) rotateX(.7deg) !important;
    box-shadow: inset 0 1px rgba(255, 242, 204, .13), inset 0 -3px rgba(77, 43, 15, .45), 0 6px 0 rgba(8, 5, 3, .62), 0 30px 52px rgba(8, 4, 2, .58) !important;
}

.news-item-image {
    border-bottom: 1px solid rgba(237, 195, 104, .34) !important;
    box-shadow: inset 0 -14px 22px rgba(8, 4, 2, .2) !important;
}

.news-item-content {
    background: linear-gradient(180deg, rgba(64, 48, 33, .94), rgba(42, 32, 23, .97)) !important;
}

.news-item-title,
.news-item-title a,
.news-detail-title {
    color: var(--gmr3-ivory) !important;
    font-family: Georgia, "Times New Roman", serif !important;
    text-shadow: 0 2px 5px rgba(5, 3, 2, .65) !important;
}

.news-item-link {
    color: var(--gmr3-gold-bright) !important;
}

/* Authentication and account management. */
body.route-login-page .page-section,
body.route-register-page .page-section {
    min-height: calc(100vh - 139px) !important;
    padding: 70px 18px 90px !important;
}

.login-page-container,
.register-page-container {
    border-color: rgba(242, 205, 124, .52) !important;
    background:
        var(--gmr3-frame),
        linear-gradient(135deg, rgba(255, 245, 214, .065), transparent 20%),
        linear-gradient(180deg, rgba(47, 36, 25, .98), rgba(27, 21, 15, .985)) !important;
    box-shadow: inset 0 1px rgba(255, 242, 205, .12), inset 0 -3px rgba(76, 42, 15, .5), 0 5px 0 rgba(8, 5, 3, .68), 0 32px 68px rgba(7, 4, 2, .64) !important;
}

.login-page-container {
    max-width: 520px !important;
    margin: 0 auto !important;
    padding: 42px 38px 38px !important;
}

.register-page-container {
    max-width: 780px !important;
    margin: 0 auto !important;
    padding: 42px 38px 38px !important;
}

@media (min-width: 760px) {
    .register-page-container #registerPageForm > .row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 0 18px;
    }

    .register-page-container #registerPageForm > .row > .col-xs-12 {
        float: none !important;
        width: auto !important;
    }

    .register-page-container #registerPageForm > .row > .col-xs-12:first-child,
    .register-page-container #registerPageForm > .row > .col-xs-12:nth-last-child(-n+2) {
        grid-column: 1 / -1;
    }
}

.login-page-title,
.register-page-title {
    font-size: 38px !important;
    text-transform: none !important;
}

.login-page-subtitle,
.register-page-subtitle {
    color: var(--gmr3-muted) !important;
    font-size: 14px !important;
    line-height: 1.65 !important;
}

.login-form-group label,
.register-form-group label,
.account-content label {
    color: #f2e8d8 !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    letter-spacing: .055em !important;
    text-shadow: 0 2px 3px rgba(5, 3, 2, .55) !important;
}

.login-links,
.register-links {
    border-top-color: rgba(229, 187, 97, .24) !important;
}

.login-links a,
.register-links a {
    color: var(--gmr3-gold-bright) !important;
}

.account-wrapper,
.account-container {
    perspective: 1500px;
}

.account-sidebar {
    transform: translateZ(8px);
}

.account-content {
    transform: translateZ(2px);
}

.user-profile,
.balance-section,
.info-card {
    border-color: rgba(231, 188, 99, .3) !important;
    background: linear-gradient(180deg, rgba(70, 52, 34, .78), rgba(45, 34, 23, .84)) !important;
    box-shadow: inset 0 1px rgba(255, 241, 202, .08), inset 0 -2px rgba(68, 38, 13, .33), 0 3px 0 rgba(8, 4, 2, .3), 0 14px 27px rgba(8, 4, 2, .22) !important;
}

.balance-value,
.user-username {
    color: var(--gmr3-ivory) !important;
    text-shadow: 0 2px 7px rgba(7, 4, 2, .6) !important;
}

/* Modals and footer stay inside the same palette. */
body.wok-3d-shell .modal-content {
    border: 1px solid var(--gmr3-line) !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #3a2c1e, #221a12) !important;
    box-shadow: inset 0 1px rgba(255, 241, 204, .1), 0 5px 0 #0b0704, 0 30px 70px rgba(5, 2, 1, .72) !important;
    color: var(--gmr3-text) !important;
}

body.wok-3d-shell .modal-header {
    border-bottom-color: rgba(231, 190, 104, .28) !important;
    background: linear-gradient(180deg, #59432b, #38291d) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .site-footer {
    border-top-color: rgba(229, 186, 97, .3) !important;
    background: linear-gradient(180deg, rgba(34, 25, 17, .98), rgba(19, 14, 10, .99)) !important;
    box-shadow: inset 0 1px rgba(255, 237, 191, .06), 0 -16px 38px rgba(8, 4, 2, .3) !important;
}

@media (max-width: 1100px) {
    body.wok-3d-shell:not(.route-landing):not(.route-home) .main > header {
        min-height: 82px !important;
    }

    .gmr-page-hero,
    .title-header,
    .guide-hero,
    .wok-download__hero,
    .gmr-account-hero {
        min-height: 230px !important;
    }
}

@media (max-width: 820px) {
    .gmr-top-notice::before,
    .gmr-top-notice::after {
        display: none;
    }

    .gmr-page-hero,
    .title-header,
    .guide-hero,
    .wok-download__hero,
    .gmr-account-hero {
        min-height: 205px !important;
        margin-bottom: 28px !important;
        padding: 38px 18px !important;
    }

    .ranking-container .tab-content,
    .clan-ranking-container .tab-content {
        overflow-x: auto !important;
    }

    .guide-nav-wrapper,
    .wok-guide-content,
    .account-sidebar,
    .account-content {
        transform: none;
    }

    body.route-login-page .page-section,
    body.route-register-page .page-section {
        padding: 42px 14px 64px !important;
    }
}

@media (max-width: 560px) {
    .gmr-top-notice {
        min-height: 39px !important;
    }

    .gmr-top-notice span {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .login-page-container,
    .register-page-container {
        margin: 0 auto !important;
        padding: 30px 20px 26px !important;
    }

    .login-page-title,
    .register-page-title {
        font-size: 31px !important;
    }

    .news-item:hover {
        transform: translateY(-3px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.wok-3d-shell *,
    body.wok-3d-shell *::before,
    body.wok-3d-shell *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }
}

body.wok-3d-shell:not(.route-landing):not(.route-home) {
    min-height: 100vh !important;
    overflow-x: hidden !important;
    background: var(--gmr-inner-bg) !important;
    color: var(--gmr-inner-text);
}

body.wok-3d-shell:not(.route-landing):not(.route-home)::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -2;
    opacity: 1;
    pointer-events: none;
    background:
        linear-gradient(180deg, rgba(5, 5, 4, .78), rgba(5, 5, 4, .92)),
        linear-gradient(90deg, rgba(3, 3, 3, .75), rgba(3, 3, 3, .24) 48%, rgba(3, 3, 3, .75)),
        url('/assets/images/gmr-hero-farm-v3.jpg') center top / cover no-repeat;
}

body.wok-3d-shell.route-download::before {
    background:
        linear-gradient(180deg, rgba(5, 5, 4, .72), rgba(5, 5, 4, .93)),
        url('/assets/images/gmr-feature-team-v2.jpg') center / cover no-repeat;
}

body.wok-3d-shell.route-login-page::before,
body.wok-3d-shell.route-register-page::before,
body.wok-3d-shell.route-user-account::before {
    background:
        linear-gradient(90deg, rgba(4, 4, 3, .9), rgba(4, 4, 3, .48), rgba(4, 4, 3, .9)),
        linear-gradient(180deg, rgba(5, 5, 4, .48), rgba(5, 5, 4, .93)),
        url('/assets/images/gmr-feature-team-v2.jpg') center / cover no-repeat;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .container {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .container > .row {
    margin: 0 !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main {
    width: 100% !important;
    min-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main .cont-items {
    position: relative;
    z-index: 2;
    width: 100% !important;
    min-height: calc(100vh - 86px) !important;
    padding: 0 0 78px !important;
    overflow: visible !important;
    background: transparent !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main > .line-top,
body.wok-3d-shell:not(.route-landing):not(.route-home) .main > .line-top-right,
body.wok-3d-shell:not(.route-landing):not(.route-home) .main > .line-top-left,
body.wok-3d-shell:not(.route-landing):not(.route-home) .main > .line-left,
body.wok-3d-shell:not(.route-landing):not(.route-home) .main > .line-right,
body.wok-3d-shell:not(.route-landing):not(.route-home) .main > .line-bottom,
body.wok-3d-shell:not(.route-landing):not(.route-home) .main > .line-bottom-right,
body.wok-3d-shell:not(.route-landing):not(.route-home) .main > .line-bottom-left {
    display: none !important;
}

/* Shared inner-page header: left navigation, centered logo, right account controls. */
@media (min-width: 1101px) {
    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-header-wrapper {
        grid-template-columns: minmax(0, 1fr) 190px minmax(0, 1fr) !important;
        width: min(var(--gmr-inner-width), calc(100% - 42px)) !important;
        gap: 18px !important;
    }

    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-header-left {
        grid-column: 2;
        grid-row: 1;
        justify-content: center !important;
    }

    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-header-center {
        grid-column: 1 !important;
        grid-row: 1;
    }

    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-header-right {
        grid-column: 3;
        grid-row: 1;
    }

    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu {
        justify-content: flex-start !important;
    }

    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu > li:first-child {
        display: none !important;
    }

    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu > li > a {
        min-height: 44px !important;
        padding: 0 10px !important;
        color: #e2ded4 !important;
        font-size: 11px !important;
        letter-spacing: .045em !important;
    }
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main > header {
    border-bottom-color: var(--gmr-inner-line) !important;
    background: rgba(7, 7, 6, .9) !important;
    box-shadow: 0 16px 34px rgba(0, 0, 0, .35) !important;
    backdrop-filter: blur(16px);
    -webkit-backdrop-filter: blur(16px);
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .header-account-action,
body.wok-3d-shell:not(.route-landing):not(.route-home) .language-selector {
    min-height: 42px !important;
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .035) !important;
    color: #e8e4da !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .header-account-action--register {
    border-color: rgba(223, 191, 118, .45) !important;
    background: linear-gradient(180deg, #f2dda1, #caa45d) !important;
    color: #241a0b !important;
}

/* Shared page headings */
.gmr-page-hero,
.title-header,
.guide-hero,
.wok-download__hero,
.gmr-account-hero {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 222px;
    margin: 0 0 38px !important;
    padding: 48px 24px 42px !important;
    overflow: hidden;
    border: 0 !important;
    border-bottom: 1px solid rgba(223, 191, 118, .14) !important;
    background:
        linear-gradient(180deg, rgba(7, 7, 6, .42), rgba(7, 7, 6, .82)),
        url('/assets/images/gmr-hero-farm-v3.jpg') center 34% / cover no-repeat !important;
    text-align: center;
}

.gmr-page-hero::after,
.title-header::after,
.guide-hero::after,
.wok-download__hero::after,
.gmr-account-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: radial-gradient(circle at 50% 48%, rgba(204, 145, 58, .15), transparent 34%);
}

.gmr-page-hero__content,
.guide-hero-content,
.wok-download__hero > div,
.gmr-account-hero__content {
    position: relative;
    z-index: 2;
}

.gmr-page-hero__eyebrow,
.gmr-account-hero__eyebrow {
    display: block;
    margin-bottom: 8px;
    color: var(--gmr-inner-gold);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .2em;
    text-transform: uppercase;
}

.page-title,
.guide-hero h1,
.guide-hero-title,
.wok-download__title,
.gmr-page-hero__title,
.gmr-account-hero__title,
.login-page-title,
.register-page-title {
    margin: 0 !important;
    color: var(--gmr-inner-gold-light) !important;
    background: linear-gradient(180deg, #fff4c9, #dfbd73 55%, #9a7138) !important;
    -webkit-background-clip: text !important;
    background-clip: text !important;
    -webkit-text-fill-color: transparent !important;
    font-family: "Cinzel Decorative", "Times New Roman", serif !important;
    font-size: clamp(35px, 4vw, 54px) !important;
    font-weight: 900 !important;
    line-height: 1.1 !important;
    letter-spacing: .045em !important;
    text-transform: uppercase !important;
    filter: drop-shadow(0 5px 13px rgba(0, 0, 0, .9));
}

.gmr-page-hero__subtitle,
.guide-hero-subtitle,
.wok-download__subtitle,
.gmr-account-hero__subtitle {
    max-width: 720px;
    margin: 13px auto 0 !important;
    color: var(--gmr-inner-muted) !important;
    font-size: 15px !important;
    line-height: 1.65 !important;
}

/* Shared controls and panels */
body.wok-3d-shell:not(.route-landing):not(.route-home) .form-control,
body.wok-3d-shell:not(.route-landing):not(.route-home) input[type="text"],
body.wok-3d-shell:not(.route-landing):not(.route-home) input[type="email"],
body.wok-3d-shell:not(.route-landing):not(.route-home) input[type="password"],
body.wok-3d-shell:not(.route-landing):not(.route-home) input[type="search"],
body.wok-3d-shell:not(.route-landing):not(.route-home) select,
body.wok-3d-shell:not(.route-landing):not(.route-home) textarea {
    min-height: 48px;
    border: 1px solid rgba(223, 191, 118, .24) !important;
    border-radius: 6px !important;
    background: rgba(13, 13, 11, .92) !important;
    color: #f1eee6 !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .025), 0 7px 18px rgba(0, 0, 0, .16) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .form-control:focus,
body.wok-3d-shell:not(.route-landing):not(.route-home) input:focus,
body.wok-3d-shell:not(.route-landing):not(.route-home) select:focus,
body.wok-3d-shell:not(.route-landing):not(.route-home) textarea:focus {
    border-color: rgba(223, 191, 118, .65) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(223, 191, 118, .1), inset 0 1px rgba(255, 255, 255, .035) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) label {
    color: #dad6cd !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: .055em;
    text-transform: uppercase;
}

/* Rankings */
.ranking-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 30px !important;
}

.ranking-container > .row {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 285px;
    gap: 18px;
    width: min(var(--gmr-inner-width), calc(100% - 36px));
    margin: 0 auto !important;
}

.ranking-container > .row > .col-md-9,
.ranking-container > .row > .col-md-3 {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
}

.ranking-container .page-menu {
    display: flex !important;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 16px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    list-style: none;
}

.ranking-container .page-menu li {
    margin: 0 !important;
}

.ranking-container .page-menu li a {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 43px;
    padding: 0 17px !important;
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 6px !important;
    background: rgba(18, 17, 14, .78) !important;
    color: #d9d5ca !important;
    font-size: 11px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
}

.ranking-container .page-menu li.active a,
.ranking-container .page-menu li a:hover,
.ranking-container .page-menu li a:focus {
    border-color: rgba(255, 238, 186, .62) !important;
    background: linear-gradient(180deg, #fff1bd, #d7b56c) !important;
    color: #251b0b !important;
}

.ranking-container .tab-content,
.ranking-container .ranking-sidebar,
.ranking-container .sidebar-search-results {
    overflow: hidden;
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 7px !important;
    background: var(--gmr-inner-panel) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .28) !important;
}

.ranking-container .tab-content {
    overflow-x: auto;
}

.ranking-container table,
.ranking-container .table {
    width: 100% !important;
    min-width: 680px;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    background: transparent !important;
}

.ranking-container table thead th,
.ranking-container .table thead th {
    height: 48px !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--gmr-inner-line) !important;
    background: rgba(223, 191, 118, .065) !important;
    color: #aaa69c !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.ranking-container table tbody td,
.ranking-container .table tbody td,
.ranking-container .table-arty-td {
    height: 58px !important;
    padding: 10px 16px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055) !important;
    background: transparent !important;
    color: #d8d5cd !important;
    font-size: 13px !important;
    vertical-align: middle !important;
}

.ranking-container table tbody tr:hover td {
    background: rgba(223, 191, 118, .045) !important;
}

.ranking-container .character-link {
    color: #fff !important;
    font-weight: 850 !important;
}

.ranking-container .clan-link {
    color: var(--gmr-inner-gold) !important;
}

/* Clan ranking shares the same visual system as player rankings. */
.clan-ranking-container {
    width: min(var(--gmr-inner-width), calc(100% - 36px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 0 30px !important;
}

.clan-ranking-container > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 275px;
    gap: 16px;
    margin: 0 !important;
}

.clan-ranking-container > .row > .col-md-9,
.clan-ranking-container > .row > .col-md-3 {
    width: auto !important;
    padding: 0 !important;
}

.clan-ranking-container .page-menu {
    display: flex !important;
    overflow-x: auto;
    gap: 6px !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    border: 0 !important;
}

.clan-ranking-container .page-menu li {
    width: auto !important;
    flex: 1 0 auto;
}

.clan-ranking-container .page-menu li a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    min-height: 42px;
    padding: 0 16px !important;
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 999px !important;
    background: rgba(18, 17, 14, .82) !important;
    color: #cbc7bd !important;
    font-size: 11px !important;
    letter-spacing: .04em;
}

.clan-ranking-container .page-menu li.active a,
.clan-ranking-container .page-menu li a:hover,
.clan-ranking-container .page-menu li a:focus {
    border-color: rgba(223, 191, 118, .62) !important;
    background: linear-gradient(180deg, #fff0b9, #d3af68) !important;
    color: #241a0b !important;
}

.clan-ranking-container .tab-content,
.clan-ranking-container .clan-sidebar {
    overflow: hidden;
    margin-bottom: 14px !important;
    padding: 16px !important;
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 7px !important;
    background: var(--gmr-inner-panel) !important;
    box-shadow: 0 16px 35px rgba(0, 0, 0, .27) !important;
}

.clan-ranking-container .tab-content {
    overflow-x: auto;
}

.clan-ranking-container .table {
    width: 100% !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 5px !important;
    background: rgba(7, 7, 6, .74) !important;
    box-shadow: none !important;
}

.clan-ranking-container .table thead th {
    padding: 13px 10px !important;
    border-color: rgba(223, 191, 118, .14) !important;
    background: rgba(223, 191, 118, .055) !important;
    color: var(--gmr-inner-gold-light) !important;
    font-size: 10px !important;
    letter-spacing: .09em;
    text-transform: uppercase;
}

.clan-ranking-container .table tbody td {
    padding: 12px 10px !important;
    border-color: rgba(255, 255, 255, .055) !important;
    background: transparent !important;
    color: #d0cdc5 !important;
    font-size: 12px !important;
}

.clan-ranking-container .table tbody tr:hover td {
    background: rgba(223, 191, 118, .045) !important;
}

.ranking-sidebar {
    position: sticky;
    top: 104px;
    padding: 18px !important;
}

.ranking-sidebar .sidebar-title {
    display: flex;
    align-items: center;
    gap: 9px;
    margin: 0 0 10px !important;
    color: var(--gmr-inner-gold-light) !important;
    font-size: 12px !important;
    font-weight: 900 !important;
    text-transform: uppercase;
}

.sidebar-search-button {
    margin-top: 8px;
    border-color: rgba(223, 191, 118, .5) !important;
    background: linear-gradient(180deg, #f4dfa4, #cda75f) !important;
    color: #211809 !important;
    font-weight: 900 !important;
}

.ranking-sidebar .filter-menu {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.ranking-sidebar .filter-menu a {
    display: flex !important;
    align-items: center;
    gap: 10px;
    min-height: 44px;
    padding: 0 12px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .055);
    color: #c8c4ba !important;
    font-size: 12px !important;
}

.ranking-sidebar .filter-menu .active a,
.ranking-sidebar .filter-menu a:hover {
    color: var(--gmr-inner-gold-light) !important;
}

/* Guide */
.page-section {
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

.guide-hero {
    margin-bottom: 36px !important;
}

.wok-guide-layout {
    display: grid !important;
    grid-template-columns: 270px minmax(0, 1fr) !important;
    gap: 18px !important;
    width: min(var(--gmr-inner-width), calc(100% - 36px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.guide-nav-wrapper,
.wok-guide-content {
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 7px !important;
    background: var(--gmr-inner-panel) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .27) !important;
}

.guide-nav-wrapper {
    position: sticky !important;
    top: 104px !important;
    align-self: start;
    max-height: calc(100vh - 124px);
    padding: 10px !important;
    overflow-y: auto;
}

.guide-list {
    margin: 0 !important;
    padding: 0 !important;
}

.guide-list li {
    margin: 0 !important;
}

.guide-list li a {
    display: flex !important;
    align-items: center;
    gap: 11px;
    min-height: 48px;
    padding: 0 13px !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    color: #cbc7bd !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.guide-list li a.active,
.guide-list li a:hover,
.guide-list li a:focus {
    border-color: rgba(223, 191, 118, .42) !important;
    background: linear-gradient(90deg, rgba(101, 70, 32, .62), rgba(32, 27, 19, .72)) !important;
    color: var(--gmr-inner-gold-light) !important;
}

.guide-list li a i {
    width: 20px;
    color: var(--gmr-inner-gold) !important;
    text-align: center;
}

.wok-guide-content {
    min-width: 0;
    padding: 0 !important;
    overflow: hidden;
}

.wok-guide-content-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    min-height: 66px;
    padding: 0 22px !important;
    border-bottom: 1px solid var(--gmr-inner-line) !important;
    background: rgba(223, 191, 118, .05) !important;
}

.wok-guide-current-title {
    margin: 0 !important;
    color: var(--gmr-inner-gold-light) !important;
    font-family: "Cinzel Decorative", "Times New Roman", serif !important;
    font-size: 20px !important;
    font-weight: 900 !important;
}

.wok-guide-live {
    color: var(--gmr-inner-green) !important;
    font-size: 10px !important;
    font-weight: 900 !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.guide-block {
    padding: 24px !important;
    background: transparent !important;
}

.guide-block > h2,
.guide-block > h3,
.guide-block .guide-title {
    color: var(--gmr-inner-gold-light) !important;
}

.guide-desc,
.guide-block p,
.guide-block li {
    color: #c3bfb6 !important;
    line-height: 1.68 !important;
}

.guide-block .form-control-wrapper {
    display: flex !important;
    flex-wrap: wrap;
    gap: 10px;
    margin-bottom: 16px !important;
}

.guide-block .form-control-wrapper .form-control {
    flex: 1 1 210px;
    width: auto !important;
}

.guide-arty {
    width: 100% !important;
    min-width: 650px;
    border: 1px solid var(--gmr-inner-line) !important;
    border-collapse: collapse !important;
    background: rgba(8, 8, 7, .78) !important;
}

.guide-arty th {
    padding: 13px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid var(--gmr-inner-line) !important;
    background: rgba(223, 191, 118, .06) !important;
    color: #aaa69c !important;
    font-size: 10px !important;
    text-transform: uppercase;
}

.guide-arty td {
    padding: 12px 14px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
    color: #d2cec5 !important;
}

.pus-category-table,
.premium-gift-table,
.upgrade-scroll-table,
.pus-items-container,
.premium-gift-container,
.upgrade-rates-container,
.guide-desc:has(.guide-arty) {
    overflow-x: auto;
}

/* Download */
.wok-download {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 30px !important;
}

.wok-download__panel,
.wok-download__requirements,
.wok-download__steps {
    width: min(960px, calc(100% - 36px)) !important;
    margin: 0 auto 24px !important;
    padding: 22px !important;
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 7px !important;
    background: var(--gmr-inner-panel) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .26) !important;
}

.wok-section-head {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    margin: 0 0 16px !important;
}

.wok-section-head__title {
    display: flex;
    align-items: center;
    gap: 10px;
    margin: 0 !important;
    color: var(--gmr-inner-gold-light) !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

.wok-section-head__hint {
    margin: 0 !important;
    color: var(--gmr-inner-muted) !important;
    font-size: 12px !important;
}

.wok-download-link {
    display: grid !important;
    grid-template-columns: 58px minmax(0, 1fr) auto;
    align-items: center;
    gap: 15px;
    min-height: 88px;
    margin: 0 0 10px !important;
    padding: 14px 18px !important;
    border: 1px solid rgba(56, 201, 134, .34) !important;
    border-radius: 7px !important;
    background: linear-gradient(90deg, rgba(15, 81, 52, .7), rgba(12, 52, 36, .6)) !important;
    color: #fff !important;
}

.wok-download-link__icon {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 56px !important;
    height: 56px !important;
    border: 1px solid rgba(56, 201, 134, .35) !important;
    border-radius: 9px !important;
    background: rgba(11, 92, 58, .72) !important;
    color: #6af0b1 !important;
    font-size: 23px !important;
}

.wok-download-link__copy strong {
    display: block;
    color: #fff !important;
    font-size: 15px !important;
}

.wok-download-link__copy span {
    color: #a8c7b7 !important;
    font-size: 12px !important;
}

.wok-download-link__action {
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    min-height: 44px;
    padding: 0 18px !important;
    border-radius: 6px !important;
    background: var(--gmr-inner-green) !important;
    color: #062d1d !important;
    font-size: 12px !important;
    font-weight: 900 !important;
}

.wok-download__steps {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 20px 24px !important;
}

.wok-download-step {
    position: relative;
    display: flex;
    align-items: center;
    flex-direction: column;
    gap: 9px;
    color: #d4d0c7;
    font-size: 11px;
    font-weight: 850;
    text-align: center;
}

.wok-download-step:not(:last-child)::after {
    content: "";
    position: absolute;
    top: 21px;
    left: calc(50% + 28px);
    width: calc(100% - 56px);
    height: 1px;
    background: linear-gradient(90deg, var(--gmr-inner-gold), rgba(223, 191, 118, .22));
}

.wok-download-step__icon {
    position: relative;
    z-index: 2;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 44px;
    height: 44px;
    border: 1px solid rgba(223, 191, 118, .55);
    border-radius: 50%;
    background: linear-gradient(180deg, #fff1bc, #d2ae67);
    color: #241a0b;
}

.wok-download-step__copy small,
.wok-download-step__copy strong {
    display: block;
}

.wok-download-step__copy small {
    margin-bottom: 2px;
    color: #827f78;
    font-size: 9px;
    font-weight: 800;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.wok-download-step__copy strong {
    color: #d9d5cb;
    font-size: 11px;
}

.wok-requirement-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
}

.wok-requirement-card {
    overflow: hidden;
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 7px !important;
    background: rgba(11, 11, 9, .76) !important;
}

.wok-requirement-card__title {
    margin: 0 !important;
    padding: 15px 17px !important;
    border-bottom: 1px solid var(--gmr-inner-line) !important;
    background: rgba(223, 191, 118, .055) !important;
    color: var(--gmr-inner-gold-light) !important;
    font-size: 12px !important;
    letter-spacing: .08em;
    text-transform: uppercase;
}

.wok-requirement-list {
    margin: 0 !important;
    padding: 0 !important;
    list-style: none;
}

.wok-requirement-list li {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    min-height: 43px;
    padding: 0 17px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
    color: #98958d !important;
    font-size: 12px !important;
}

.wok-requirement-list strong {
    color: #e5e1d8 !important;
    text-align: right;
}

/* News list and detail */
.news-list-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 30px !important;
}

.gmr-news-toolbar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    width: min(var(--gmr-inner-width), calc(100% - 36px));
    margin: 0 auto 20px;
}

.gmr-news-search {
    position: relative;
    flex: 0 1 330px;
}

.gmr-news-search i {
    position: absolute;
    top: 50%;
    left: 16px;
    z-index: 2;
    color: #77746e;
    transform: translateY(-50%);
}

.gmr-news-search input {
    width: 100%;
    padding-left: 43px !important;
}

.gmr-news-filters {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 7px;
}

.gmr-news-filter {
    display: inline-flex;
    align-items: center;
    min-height: 40px;
    padding: 0 15px;
    border: 1px solid var(--gmr-inner-line);
    border-radius: 999px;
    background: rgba(18, 17, 14, .82);
    color: #d0ccc2;
    cursor: pointer;
    font-size: 11px;
    font-weight: 850;
}

.gmr-news-filter.is-active,
.gmr-news-filter:hover,
.gmr-news-filter:focus {
    border-color: rgba(223, 191, 118, .62);
    background: linear-gradient(180deg, #fff0b9, #d3af68);
    color: #241a0b;
}

.news-list {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 15px !important;
    width: min(var(--gmr-inner-width), calc(100% - 36px));
    margin: 0 auto !important;
}

.news-item {
    display: flex !important;
    min-width: 0;
    overflow: hidden;
    flex-direction: column;
    margin: 0 !important;
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 8px !important;
    background: var(--gmr-inner-panel) !important;
    box-shadow: 0 17px 36px rgba(0, 0, 0, .26) !important;
    transition: transform .22s ease, border-color .22s ease;
}

.news-item[hidden] {
    display: none !important;
}

.news-item:hover {
    transform: translateY(-4px);
    border-color: var(--gmr-inner-line-strong) !important;
}

.news-item-image {
    width: 100% !important;
    height: 205px !important;
    overflow: hidden;
    background: #12110e !important;
}

.news-item-image a,
.news-item-image img {
    display: block;
    width: 100% !important;
    height: 100% !important;
}

.news-item-image img {
    object-fit: cover !important;
    transition: transform .4s ease;
}

.news-item:hover .news-item-image img {
    transform: scale(1.04);
}

.news-item-content {
    display: flex !important;
    flex: 1;
    flex-direction: column;
    padding: 18px !important;
}

.news-item-title {
    margin: 0 !important;
}

.news-item-title a {
    display: -webkit-box;
    min-height: 44px;
    overflow: hidden;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 900 !important;
    line-height: 1.38 !important;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

.news-item-meta {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-top: auto !important;
    padding-top: 17px !important;
    border-top: 1px solid rgba(255, 255, 255, .055) !important;
}

.news-item-date {
    color: #8f8c85 !important;
    font-size: 10px !important;
}

.news-item-link {
    color: var(--gmr-inner-gold-light) !important;
    font-size: 11px !important;
    font-weight: 900 !important;
}

.pagination-wrapper {
    width: min(var(--gmr-inner-width), calc(100% - 36px));
    margin: 26px auto 0 !important;
}

.news-detail-container {
    width: min(980px, calc(100% - 36px)) !important;
    margin: 38px auto !important;
    padding: 0 !important;
    overflow: hidden;
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 8px !important;
    background: var(--gmr-inner-panel) !important;
    box-shadow: 0 20px 44px rgba(0, 0, 0, .3) !important;
}

.news-detail-header {
    margin: 0 !important;
    padding: 34px 30px 25px !important;
    border-bottom: 1px solid var(--gmr-inner-line) !important;
    background: rgba(223, 191, 118, .045) !important;
}

.news-detail-title {
    color: var(--gmr-inner-gold-light) !important;
    font-family: "Cinzel Decorative", "Times New Roman", serif !important;
    font-size: clamp(29px, 4vw, 43px) !important;
    text-shadow: 0 5px 16px #000 !important;
}

.news-detail-image,
.news-detail-content,
.news-detail-actions {
    margin: 0 !important;
}

.news-detail-image img {
    display: block;
    width: 100% !important;
    max-height: 520px;
    object-fit: cover;
}

.news-detail-content {
    padding: 30px !important;
    color: #d0ccc3 !important;
    font-size: 15px !important;
    line-height: 1.75 !important;
}

.news-detail-actions {
    padding: 0 30px 30px !important;
}

.news-detail-back-btn {
    display: inline-flex !important;
    align-items: center;
    gap: 9px;
    min-height: 44px;
    padding: 0 17px !important;
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 6px !important;
    background: rgba(255, 255, 255, .035) !important;
    color: var(--gmr-inner-gold-light) !important;
}

/* Login and register */
body.route-login-page .main .cont-items,
body.route-register-page .main .cont-items {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: calc(100vh - 86px) !important;
    padding: 56px 18px !important;
}

body.route-login-page .page-section,
body.route-register-page .page-section {
    width: 100% !important;
}

.login-page-container,
.register-page-container {
    position: relative;
    width: min(100%, 470px) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 32px !important;
    border: 1px solid var(--gmr-inner-line-strong) !important;
    border-radius: 7px !important;
    background: rgba(9, 9, 8, .94) !important;
    box-shadow: 0 25px 60px rgba(0, 0, 0, .48), inset 0 1px rgba(255, 255, 255, .035) !important;
}

.register-page-container {
    width: min(100%, 760px) !important;
}

.login-page-container::before,
.register-page-container::before {
    content: "";
    position: absolute;
    inset: 7px;
    pointer-events: none;
    border: 1px solid rgba(223, 191, 118, .085);
    border-radius: 4px;
}

.login-page-title,
.register-page-title {
    position: relative;
    margin-bottom: 7px !important;
    font-size: 31px !important;
    text-align: center;
}

.login-page-subtitle,
.register-page-subtitle {
    position: relative;
    margin: 0 0 25px !important;
    color: var(--gmr-inner-muted) !important;
    font-size: 13px !important;
    text-align: center;
}

.gmr-auth-eyebrow {
    position: relative;
    margin: 0 0 9px;
    color: var(--gmr-inner-gold-light);
    font-size: 10px;
    font-weight: 900;
    letter-spacing: .2em;
    text-align: center;
    text-transform: uppercase;
}

.gmr-news-type {
    display: inline-flex;
    align-items: center;
    align-self: flex-start;
    min-height: 23px;
    margin-bottom: 11px;
    padding: 3px 9px;
    border: 1px solid rgba(217, 184, 116, .3);
    border-radius: 999px;
    background: rgba(217, 184, 116, .08);
    color: var(--gmr-inner-gold-light);
    font-size: 9px;
    font-weight: 900;
    letter-spacing: .11em;
    text-transform: uppercase;
}

.login-form-group,
.register-form-group {
    position: relative;
    margin-bottom: 16px !important;
}

#registerPageForm > .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 16px;
    margin: 0 !important;
}

#registerPageForm > .row > .col-xs-12 {
    float: none !important;
    width: auto !important;
    padding: 0 !important;
}

#registerPageForm > .row > .col-xs-12:first-child,
#registerPageForm > .row > .col-xs-12:nth-child(8),
#registerPageForm > .row > .col-xs-12:last-child {
    grid-column: 1 / -1;
}

.login-form-group .form-control,
.register-form-group .form-control {
    height: 50px !important;
    padding: 0 14px !important;
    font-size: 14px !important;
}

.login-button,
.register-button,
.btn-submit {
    min-height: 50px !important;
    border: 1px solid rgba(255, 240, 187, .58) !important;
    border-radius: 6px !important;
    background: linear-gradient(180deg, #fff1bc, #d7b46a) !important;
    box-shadow: 0 12px 28px rgba(0, 0, 0, .27), inset 0 1px rgba(255, 255, 255, .28) !important;
    color: #241a0a !important;
    font-size: 13px !important;
    font-weight: 900 !important;
    letter-spacing: .045em;
    text-transform: uppercase;
}

.login-button:hover:not(:disabled),
.register-button:hover:not(:disabled),
.btn-submit:hover:not(:disabled) {
    filter: brightness(1.06);
    transform: translateY(-2px);
}

.login-links,
.register-links {
    position: relative;
    margin-top: 22px !important;
    padding-top: 20px !important;
    border-top: 1px solid rgba(255, 255, 255, .075) !important;
}

.login-links a,
.register-links a {
    color: var(--gmr-inner-gold-light) !important;
    font-size: 12px !important;
}

/* Account management */
.gmr-account-hero {
    min-height: 190px;
}

.account-dashboard {
    display: grid !important;
    grid-template-columns: 280px minmax(0, 1fr) !important;
    gap: 18px !important;
    width: min(var(--gmr-inner-width), calc(100% - 36px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.account-sidebar,
.account-content {
    border: 1px solid var(--gmr-inner-line) !important;
    border-radius: 7px !important;
    background: var(--gmr-inner-panel) !important;
    box-shadow: 0 18px 38px rgba(0, 0, 0, .28) !important;
}

.account-sidebar {
    position: sticky !important;
    top: 104px !important;
    align-self: start;
    overflow: hidden;
}

.user-profile {
    padding: 24px 18px 18px !important;
    border-bottom: 1px solid var(--gmr-inner-line) !important;
    background: linear-gradient(180deg, rgba(91, 63, 29, .42), transparent) !important;
    text-align: center;
}

.user-avatar {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 66px !important;
    height: 66px !important;
    margin: 0 auto 12px !important;
    border: 1px solid rgba(223, 191, 118, .62) !important;
    border-radius: 50% !important;
    background: rgba(7, 7, 6, .72) !important;
    color: var(--gmr-inner-gold-light) !important;
    font-size: 25px !important;
}

.user-welcome {
    color: #9e9a91 !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: .1em;
    text-transform: uppercase;
}

.user-username {
    margin-top: 4px;
    color: #fff !important;
    font-family: "Cinzel Decorative", "Times New Roman", serif !important;
    font-size: 17px !important;
    font-weight: 900 !important;
}

.balance-section {
    display: grid !important;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
    padding: 13px !important;
    border-bottom: 1px solid var(--gmr-inner-line) !important;
}

.balance-item {
    padding: 11px 8px !important;
    border: 1px solid rgba(223, 191, 118, .13) !important;
    border-radius: 5px !important;
    background: rgba(255, 255, 255, .025) !important;
    text-align: center;
}

.balance-label {
    color: #8e8b84 !important;
    font-size: 9px !important;
    text-transform: uppercase;
}

.balance-value {
    margin-top: 4px;
    color: var(--gmr-inner-gold-light) !important;
    font-size: 14px !important;
    font-weight: 900 !important;
}

.sidebar-menu,
.sidebar-menu2 {
    margin: 0 !important;
    padding: 9px !important;
    list-style: none;
}

.sidebar-menu li a,
.sidebar-menu2 li a {
    display: flex !important;
    align-items: center;
    gap: 11px;
    min-height: 46px;
    padding: 0 12px !important;
    border: 1px solid transparent !important;
    border-radius: 5px !important;
    color: #c7c3ba !important;
    font-size: 12px !important;
    font-weight: 800 !important;
}

.sidebar-menu li a.active,
.sidebar-menu li a:hover,
.sidebar-menu2 li a:hover {
    border-color: rgba(223, 191, 118, .4) !important;
    background: linear-gradient(90deg, rgba(96, 66, 30, .62), rgba(27, 24, 18, .76)) !important;
    color: var(--gmr-inner-gold-light) !important;
}

.sidebar-menu li a i,
.sidebar-menu2 li a i {
    width: 18px;
    color: var(--gmr-inner-gold) !important;
    text-align: center;
}

.account-content {
    min-width: 0;
    padding: 18px !important;
}

.content-section {
    padding: 0 !important;
    background: transparent !important;
}

.info-grid {
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 14px !important;
}

.info-card {
    min-width: 0;
    margin: 0 0 14px !important;
    padding: 19px !important;
    overflow-x: auto;
    border: 1px solid rgba(223, 191, 118, .17) !important;
    border-radius: 6px !important;
    background: rgba(9, 9, 8, .72) !important;
    box-shadow: none !important;
}

.card-title {
    margin: 0 0 16px !important;
    padding: 0 0 13px !important;
    border-bottom: 1px solid var(--gmr-inner-line) !important;
    color: var(--gmr-inner-gold-light) !important;
    font-family: "Cinzel Decorative", "Times New Roman", serif !important;
    font-size: 18px !important;
    font-weight: 900 !important;
    text-align: left !important;
}

.info-item {
    display: flex !important;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 43px;
    padding: 0 2px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
}

.info-label {
    color: #9c9991 !important;
    font-size: 12px !important;
}

.info-value {
    color: #e7e3da !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    text-align: right;
}

.info-value.success {
    color: #61d59a !important;
}

.info-value.danger {
    color: #ff7373 !important;
}

.data-table {
    width: 100% !important;
    min-width: 660px;
    border-collapse: collapse !important;
}

.data-table th {
    padding: 12px 13px !important;
    border-bottom: 1px solid var(--gmr-inner-line) !important;
    background: rgba(223, 191, 118, .055) !important;
    color: #9f9b92 !important;
    font-size: 10px !important;
    text-transform: uppercase;
}

.data-table td {
    padding: 13px !important;
    border-bottom: 1px solid rgba(255, 255, 255, .05) !important;
    color: #d5d1c8 !important;
    font-size: 12px !important;
}

.characters-empty {
    padding: 38px 20px !important;
    color: #8c8981 !important;
    text-align: center;
}

/* Responsive */
@media (max-width: 1100px) {
    .ranking-container > .row,
    .clan-ranking-container > .row,
    .wok-guide-layout,
    .account-dashboard {
        grid-template-columns: 1fr !important;
    }

    .ranking-sidebar,
    .guide-nav-wrapper,
    .account-sidebar {
        position: static !important;
        max-height: none !important;
    }

    .guide-list {
        display: none !important;
    }

    .guide-mobile-nav {
        display: block !important;
    }

    .account-sidebar {
        display: grid !important;
        grid-template-columns: 220px minmax(0, 1fr);
    }

    .user-profile,
    .balance-section {
        grid-column: 1;
    }

    .sidebar-menu,
    .sidebar-menu2 {
        grid-column: 2;
    }

    .sidebar-menu {
        display: grid;
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 820px) {
    .gmr-page-hero,
    .title-header,
    .guide-hero,
    .wok-download__hero,
    .gmr-account-hero {
        min-height: 184px;
        margin-bottom: 26px !important;
        padding: 34px 18px !important;
    }

    .page-title,
    .guide-hero h1,
    .guide-hero-title,
    .wok-download__title,
    .gmr-page-hero__title,
    .gmr-account-hero__title {
        font-size: 34px !important;
    }

    .news-list {
        grid-template-columns: 1fr 1fr;
    }

    .gmr-news-toolbar,
    .wok-section-head {
        align-items: stretch !important;
        flex-direction: column;
    }

    .gmr-news-search {
        flex-basis: auto;
        width: 100%;
    }

    .gmr-news-filters {
        justify-content: flex-start;
    }

    .wok-download__steps,
    .wok-requirement-grid,
    .info-grid {
        grid-template-columns: 1fr 1fr !important;
    }

    .wok-download-step:nth-child(2)::after {
        display: none;
    }

    .account-sidebar {
        display: block !important;
    }

    #registerPageForm > .row {
        grid-template-columns: 1fr;
    }

    #registerPageForm > .row > .col-xs-12 {
        grid-column: 1 !important;
    }

    .sidebar-menu {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 560px) {
    .ranking-container > .row,
    .clan-ranking-container > .row,
    .wok-guide-layout,
    .account-dashboard,
    .gmr-news-toolbar,
    .news-list,
    .pagination-wrapper,
    .wok-download__panel,
    .wok-download__requirements,
    .wok-download__steps {
        width: calc(100% - 24px) !important;
    }

    .news-list,
    .wok-requirement-grid,
    .info-grid {
        grid-template-columns: 1fr !important;
    }

    .news-item-image {
        height: 190px !important;
    }

    .ranking-container .page-menu {
        display: grid !important;
        grid-template-columns: 1fr 1fr;
    }

    .ranking-container .page-menu li a {
        width: 100%;
        padding: 0 10px !important;
        font-size: 10px !important;
    }

    .ranking-container table,
    .ranking-container .table,
    .clan-ranking-container table,
    .clan-ranking-container .table,
    .guide-arty,
    .data-table {
        min-width: 610px;
    }

    .guide-block,
    .account-content,
    .info-card {
        padding: 15px !important;
    }

    .wok-download-link {
        grid-template-columns: 48px minmax(0, 1fr);
        padding: 13px !important;
    }

    .wok-download-link__icon {
        width: 46px !important;
        height: 46px !important;
    }

    .wok-download-link__action {
        grid-column: 1 / -1;
        width: 100%;
    }

    .wok-download__steps {
        grid-template-columns: 1fr 1fr;
        row-gap: 25px;
    }

    .wok-download-step::after {
        display: none;
    }

    .login-page-container,
    .register-page-container {
        padding: 24px 18px !important;
    }

    .sidebar-menu {
        display: block;
    }

    .balance-section {
        grid-template-columns: 1fr 1fr;
    }

    .news-detail-header,
    .news-detail-content,
    .news-detail-actions {
        padding: 22px 18px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.wok-3d-shell:not(.route-landing):not(.route-home) *,
    body.wok-3d-shell:not(.route-landing):not(.route-home) *::before,
    body.wok-3d-shell:not(.route-landing):not(.route-home) *::after {
        scroll-behavior: auto !important;
        transition-duration: .001ms !important;
        animation-duration: .001ms !important;
        animation-iteration-count: 1 !important;
    }
}

/* ========================================================================== 
   GMRGAME INTERIOR THEME 2.0
   Warmer, brighter and roomier visual language inspired by the reference UI.
   ========================================================================== */

html {
    background: #17130e;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) {
    --gmr-inner-bg: #1a1610;
    --gmr-inner-panel: rgba(39, 34, 26, .94);
    --gmr-inner-panel-strong: rgba(30, 26, 20, .97);
    --gmr-inner-panel-soft: rgba(49, 42, 31, .9);
    --gmr-inner-gold: #e0b965;
    --gmr-inner-gold-light: #fff0b2;
    --gmr-inner-gold-dark: #9c7134;
    --gmr-inner-text: #f8f3e9;
    --gmr-inner-muted: #c3b9aa;
    --gmr-inner-line: rgba(231, 193, 111, .28);
    --gmr-inner-line-strong: rgba(241, 205, 127, .56);
    --gmr-inner-orange: #d96c1c;
    --gmr-inner-width: 1220px;
    position: relative;
    min-height: 100vh !important;
    background-color: #1a1610 !important;
    background-image:
        linear-gradient(180deg, rgba(21, 17, 11, .38) 0, rgba(21, 17, 11, .7) 500px, rgba(21, 17, 11, .9) 100%),
        linear-gradient(90deg, rgba(22, 18, 12, .22), rgba(22, 18, 12, .5)),
        url('/images/wok/wok-factions-battle.png') !important;
    background-attachment: fixed !important;
    background-position: center 42px !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    color: var(--gmr-inner-text) !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: 14px;
}

body.wok-3d-shell:not(.route-landing):not(.route-home)::before {
    display: none !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main .cont-items {
    background: linear-gradient(180deg, rgba(18, 15, 10, .08), rgba(18, 15, 10, .38)) !important;
}

.gmr-top-notice {
    position: relative;
    z-index: 1100;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 18px;
    min-height: 42px;
    padding: 8px 18px;
    border-bottom: 1px solid rgba(255, 224, 156, .42);
    background: linear-gradient(90deg, #a94318, #dd6b18 48%, #f27916);
    box-shadow: 0 8px 24px rgba(43, 19, 5, .26);
    color: #fff9e9;
    font-size: 12px;
    font-weight: 800;
    letter-spacing: .055em;
}

.gmr-top-notice span,
.gmr-top-notice a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
}

.gmr-top-notice a {
    padding: 4px 11px;
    border: 1px solid rgba(255, 248, 220, .3);
    border-radius: 999px;
    background: rgba(73, 29, 6, .24);
    color: #fff8df !important;
    font-size: 10px;
    font-weight: 900;
    text-decoration: none !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main > header {
    min-height: 92px !important;
    border-bottom: 1px solid rgba(231, 193, 111, .26) !important;
    background: linear-gradient(180deg, rgba(29, 25, 19, .97), rgba(20, 17, 13, .95)) !important;
    box-shadow: 0 14px 35px rgba(17, 11, 5, .32) !important;
}

@media (min-width: 1101px) {
    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-header-wrapper {
        grid-template-columns: minmax(0, 1fr) 190px minmax(0, 1fr) !important;
        width: min(1280px, calc(100% - 44px)) !important;
        min-height: 92px !important;
        gap: 22px !important;
    }

    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-header-center {
        grid-column: 1 !important;
    }

    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-header-left {
        grid-column: 2 !important;
    }

    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-header-right {
        grid-column: 3 !important;
    }

    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu > li > a {
        min-height: 45px !important;
        padding: 0 12px !important;
        color: #eee7da !important;
        font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
        font-size: 12px !important;
        font-weight: 750 !important;
        letter-spacing: .025em !important;
        text-transform: none !important;
    }

    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu > li > a:hover,
    body.wok-3d-shell:not(.route-landing):not(.route-home) .main-nav-menu > li > a:focus {
        color: #ffd98d !important;
    }
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .wok-main-logo img {
    max-width: 150px !important;
    max-height: 70px !important;
    filter: drop-shadow(0 5px 12px rgba(0, 0, 0, .45));
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .header-account-action,
body.wok-3d-shell:not(.route-landing):not(.route-home) .language-selector {
    min-height: 43px !important;
    border-color: rgba(232, 199, 127, .28) !important;
    background: rgba(255, 255, 255, .055) !important;
    color: #f3ede1 !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 750 !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .header-account-action--register {
    border-color: rgba(255, 231, 169, .72) !important;
    background: linear-gradient(180deg, #fff2bd, #dcb76b) !important;
    color: #2c200e !important;
}

.gmr-page-hero,
.title-header,
.guide-hero,
.wok-download__hero,
.gmr-account-hero {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex-direction: column !important;
    width: 100% !important;
    min-height: 245px !important;
    margin: 0 0 38px !important;
    padding: 46px 24px !important;
    border-bottom: 1px solid rgba(237, 201, 124, .25) !important;
    background:
        radial-gradient(circle at 50% 42%, rgba(221, 163, 61, .2), transparent 32%),
        linear-gradient(180deg, rgba(24, 19, 13, .2), rgba(24, 19, 13, .7)),
        url('/images/wok/wok-factions-battle.png') center 40% / cover no-repeat !important;
    box-shadow: inset 0 -24px 45px rgba(20, 15, 9, .2) !important;
    text-align: center !important;
}

.gmr-page-hero::after,
.title-header::after,
.guide-hero::after,
.wok-download__hero::after,
.gmr-account-hero::after {
    background: linear-gradient(90deg, rgba(18, 14, 9, .48), transparent 30%, transparent 70%, rgba(18, 14, 9, .48)) !important;
}

.gmr-page-hero__eyebrow,
.gmr-account-hero__eyebrow,
.gmr-auth-eyebrow {
    position: relative;
    z-index: 2;
    margin-bottom: 10px !important;
    color: #f0c56c !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .18em !important;
    text-transform: uppercase !important;
}

.page-title,
.guide-hero h1,
.guide-hero-title,
.wok-download__title,
.gmr-page-hero__title,
.gmr-account-hero__title,
.login-page-title,
.register-page-title {
    position: relative;
    z-index: 2;
    color: #f7df9d !important;
    background: none !important;
    -webkit-background-clip: initial !important;
    background-clip: initial !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-size: clamp(38px, 4vw, 55px) !important;
    font-weight: 700 !important;
    line-height: 1.12 !important;
    letter-spacing: .035em !important;
    text-shadow: 0 4px 18px rgba(0, 0, 0, .66) !important;
    text-transform: uppercase !important;
}

.gmr-page-hero__subtitle,
.guide-hero-subtitle,
.wok-download__subtitle,
.gmr-account-hero__subtitle {
    position: relative;
    z-index: 2;
    max-width: 700px !important;
    margin: 15px auto 0 !important;
    color: #d8d0c3 !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: 15px !important;
    font-weight: 400 !important;
    line-height: 1.65 !important;
    text-align: center !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .form-control,
body.wok-3d-shell:not(.route-landing):not(.route-home) input,
body.wok-3d-shell:not(.route-landing):not(.route-home) select,
body.wok-3d-shell:not(.route-landing):not(.route-home) textarea {
    min-height: 47px;
    border: 1px solid rgba(233, 198, 122, .3) !important;
    border-radius: 7px !important;
    background: rgba(45, 39, 30, .94) !important;
    color: #faf5eb !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: 13px !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) input::placeholder,
body.wok-3d-shell:not(.route-landing):not(.route-home) textarea::placeholder {
    color: #aaa092 !important;
}

/* Ranking layout: full-width table with a compact filter toolbar above it. */
.ranking-container {
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 0 54px !important;
}

.ranking-container > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 15px !important;
    width: min(1220px, calc(100% - 36px)) !important;
    max-width: none !important;
    margin: 0 auto !important;
    padding: 0 !important;
}

.ranking-container > .row > .col-md-9 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ranking-container > .row > .col-md-3 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    float: none !important;
    width: 100% !important;
    max-width: none !important;
    margin: 0 !important;
    padding: 0 !important;
}

.ranking-container .ranking-sidebar {
    display: grid !important;
    grid-template-columns: 190px minmax(230px, 1fr) 140px !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 14px !important;
    overflow: visible !important;
    border: 1px solid rgba(236, 200, 123, .36) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, rgba(47, 41, 32, .96), rgba(34, 30, 24, .96)) !important;
    box-shadow: 0 18px 45px rgba(17, 11, 5, .3) !important;
}

.ranking-container .ranking-sidebar > .sidebar-title {
    display: none !important;
}

.ranking-container .ranking-sidebar > #ranked-server-list {
    grid-column: 1 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 0 !important;
}

.ranking-container .ranking-sidebar > #player_search {
    grid-column: 2 !important;
    grid-row: 2 !important;
    width: 100% !important;
    margin: 0 !important;
}

.ranking-container .ranking-sidebar > #player_search_button {
    grid-column: 3 !important;
    grid-row: 2 !important;
    width: 100% !important;
    min-height: 47px !important;
    margin: 0 !important;
    border-color: rgba(255, 231, 170, .66) !important;
    background: linear-gradient(180deg, #fff0b6, #d8b268) !important;
    color: #30220d !important;
    font-weight: 850 !important;
}

.ranking-container .ranking-sidebar > .filter-menu {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
}

.ranking-container .filter-menu li {
    width: auto !important;
    margin: 0 !important;
}

.ranking-container .filter-menu li a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(235, 200, 126, .26) !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #e6ded1 !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 650 !important;
}

.ranking-container .filter-menu li.active a,
.ranking-container .filter-menu li a:hover {
    border-color: rgba(255, 230, 168, .7) !important;
    background: #f7e5ad !important;
    color: #2d210f !important;
}

.ranking-container .sidebar-search-results {
    grid-column: 1 / -1 !important;
    grid-row: 3 !important;
    width: 100% !important;
    margin: 2px 0 0 !important;
}

.ranking-container .sidebar-search-results:has(tbody:empty) {
    display: none !important;
}

.ranking-container .page-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 8px !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
}

.ranking-container .page-menu li {
    flex: 0 0 auto !important;
}

.ranking-container .page-menu li a {
    min-height: 43px !important;
    padding: 0 18px !important;
    border: 1px solid rgba(235, 200, 126, .3) !important;
    border-radius: 8px !important;
    background: rgba(43, 38, 30, .94) !important;
    color: #e7dfd2 !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    letter-spacing: .01em !important;
    text-transform: none !important;
}

.ranking-container .page-menu li.active a,
.ranking-container .page-menu li a:hover,
.ranking-container .page-menu li a:focus {
    border-color: #f5dda0 !important;
    background: linear-gradient(180deg, #fff1bb, #dfbb70) !important;
    color: #31230f !important;
}

.ranking-container .tab-content {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow-x: auto !important;
    border: 1px solid rgba(236, 201, 125, .43) !important;
    border-radius: 9px !important;
    background: rgba(36, 32, 26, .97) !important;
    box-shadow: 0 22px 55px rgba(16, 10, 5, .35) !important;
}

.ranking-container table,
.ranking-container .table {
    width: 100% !important;
    min-width: 760px !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    table-layout: auto !important;
}

.ranking-container table thead,
.ranking-container .table thead {
    background: linear-gradient(180deg, rgba(73, 61, 42, .98), rgba(50, 43, 33, .98)) !important;
}

.ranking-container table thead th,
.ranking-container .table thead th {
    height: 52px !important;
    padding: 0 18px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(238, 202, 126, .42) !important;
    background: transparent !important;
    color: #f7e7bb !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .08em !important;
    text-align: left !important;
    text-transform: uppercase !important;
    white-space: nowrap !important;
}

.ranking-container table tbody tr,
.ranking-container .table tbody tr {
    background: rgba(42, 37, 30, .88) !important;
    transition: background-color .18s ease !important;
}

.ranking-container table tbody tr:nth-child(even),
.ranking-container .table tbody tr:nth-child(even) {
    background: rgba(48, 42, 34, .88) !important;
}

.ranking-container table tbody tr:hover,
.ranking-container .table tbody tr:hover {
    background: rgba(93, 74, 43, .54) !important;
}

.ranking-container table tbody td,
.ranking-container .table tbody td,
.ranking-container .table-arty-td {
    height: 53px !important;
    padding: 10px 18px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(255, 255, 255, .075) !important;
    background: transparent !important;
    color: #eee8de !important;
    font-size: 13px !important;
    font-weight: 450 !important;
    line-height: 1.35 !important;
    text-align: left !important;
    vertical-align: middle !important;
}

.ranking-container table th:first-child,
.ranking-container table td:first-child {
    width: 70px !important;
    color: #f0c66f !important;
    font-weight: 800 !important;
    text-align: center !important;
}

.ranking-container table th:last-child,
.ranking-container table td:last-child {
    color: #ffe8a3 !important;
    font-weight: 800 !important;
    text-align: right !important;
}

.ranking-container table tbody tr:nth-child(-n+3) td:first-child {
    color: #ffd669 !important;
    font-size: 15px !important;
}

.ranking-container table td img {
    width: 19px !important;
    height: 19px !important;
    margin-right: 4px !important;
    object-fit: contain !important;
    vertical-align: middle !important;
}

.ranking-container .character-link {
    color: #fffaf0 !important;
    font-weight: 700 !important;
}

.ranking-container .clan-link {
    color: #d9c9ae !important;
    font-weight: 500 !important;
}

/* Clan ranking receives the same wide, warm table treatment. */
.clan-ranking-container {
    width: min(1220px, calc(100% - 36px)) !important;
    margin: 0 auto !important;
}

.clan-ranking-container > .row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    grid-template-rows: auto auto !important;
    gap: 15px !important;
    margin: 0 !important;
}

.clan-ranking-container > .row > .col-md-9 {
    grid-column: 1 !important;
    grid-row: 2 !important;
    float: none !important;
    width: 100% !important;
    padding: 0 !important;
}

.clan-ranking-container > .row > .col-md-3 {
    grid-column: 1 !important;
    grid-row: 1 !important;
    display: grid !important;
    grid-template-columns: 190px minmax(0, 1fr) !important;
    gap: 10px !important;
    float: none !important;
    width: 100% !important;
    padding: 14px !important;
    border: 1px solid rgba(236, 200, 123, .36) !important;
    border-radius: 9px !important;
    background: linear-gradient(180deg, rgba(47, 41, 32, .96), rgba(34, 30, 24, .96)) !important;
}

.clan-ranking-container > .row > .col-md-3 > .clan-sidebar {
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

.clan-ranking-container > .row > .col-md-3 > .clan-sidebar:nth-child(1) {
    grid-column: 1 !important;
    grid-row: 2 !important;
}

.clan-ranking-container > .row > .col-md-3 > .clan-sidebar:nth-child(2) {
    grid-column: 2 !important;
    grid-row: 2 !important;
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) 130px !important;
    gap: 10px !important;
}

.clan-ranking-container > .row > .col-md-3 > .clan-sidebar:nth-child(2) > .sidebar-title,
.clan-ranking-container > .row > .col-md-3 > .clan-sidebar:nth-child(3) > .sidebar-title {
    display: none !important;
}

.clan-ranking-container #clan_search_input {
    grid-column: 1 !important;
    margin: 0 !important;
}

.clan-ranking-container #clan_search_button {
    grid-column: 2 !important;
    min-height: 47px !important;
    margin: 0 !important;
    border-color: rgba(255, 231, 170, .66) !important;
    background: linear-gradient(180deg, #fff0b6, #d8b268) !important;
    color: #30220d !important;
}

.clan-ranking-container > .row > .col-md-3 > .clan-sidebar:nth-child(2) > div:last-child,
.clan-ranking-container #clan_search_error {
    grid-column: 1 / -1 !important;
}

.clan-ranking-container > .row > .col-md-3 > .clan-sidebar:nth-child(3) {
    grid-column: 1 / -1 !important;
    grid-row: 1 !important;
}

.clan-ranking-container .filter-menu {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin: 0 0 3px !important;
    padding: 0 !important;
}

.clan-ranking-container .filter-menu li {
    width: auto !important;
    margin: 0 !important;
}

.clan-ranking-container .filter-menu li a {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 40px !important;
    padding: 0 15px !important;
    border: 1px solid rgba(235, 200, 126, .26) !important;
    border-radius: 7px !important;
    background: rgba(255, 255, 255, .045) !important;
    color: #e6ded1 !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: 12px !important;
}

.clan-ranking-container .filter-menu li.active a,
.clan-ranking-container .filter-menu li a:hover {
    background: #f7e5ad !important;
    color: #2d210f !important;
}

.clan-ranking-container .tab-content,
.clan-ranking-container .clan-sidebar {
    border-color: rgba(236, 201, 125, .38) !important;
    background: rgba(38, 33, 26, .95) !important;
}

.clan-ranking-container .table tbody tr {
    background: rgba(45, 39, 31, .9) !important;
}

.clan-ranking-container .table tbody tr:nth-child(even) {
    background: rgba(51, 44, 35, .9) !important;
}

.clan-ranking-container .table {
    min-width: 850px !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
}

.clan-ranking-container .table thead th {
    height: 52px !important;
    padding: 0 16px !important;
    border-color: rgba(238, 202, 126, .34) !important;
    background: rgba(69, 58, 41, .95) !important;
    color: #f7e7bb !important;
    font-size: 11px !important;
}

.clan-ranking-container .table tbody td {
    height: 53px !important;
    padding: 10px 16px !important;
    color: #eee8de !important;
    font-size: 13px !important;
}

/* Guide, news, download, authentication and account panels. */
.guide-nav-wrapper,
.wok-guide-content,
.guide-block,
.wok-download__panel,
.wok-download__requirements,
.wok-download__steps,
.news-item,
.news-detail-content,
.news-detail-actions,
.login-page-container,
.register-page-container,
.account-sidebar,
.account-content,
.info-card {
    border-color: rgba(235, 199, 122, .34) !important;
    background: linear-gradient(180deg, rgba(45, 39, 31, .96), rgba(34, 30, 24, .96)) !important;
    box-shadow: 0 22px 50px rgba(17, 11, 5, .3) !important;
}

.guide-list li a,
.sidebar-menu li a,
.sidebar-menu2 li a {
    color: #e4dccf !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    font-size: 13px !important;
}

.guide-list li a.active,
.guide-list li a:hover,
.sidebar-menu li a.active,
.sidebar-menu li a:hover {
    border-color: rgba(246, 216, 151, .5) !important;
    background: rgba(226, 181, 92, .17) !important;
    color: #ffe7a8 !important;
}

.guide-block p,
.guide-block li,
.guide-desc,
.news-item-content,
.news-detail-content,
.info-card,
.account-content {
    color: #ddd5c9 !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
    line-height: 1.7 !important;
}

.news-list {
    gap: 18px !important;
}

.news-item-content {
    padding: 21px !important;
}

.news-item-title,
.news-item-title a,
.news-detail-title,
.wok-section-head__title,
.info-card h2,
.info-card h3 {
    color: #fff1c3 !important;
    font-family: Georgia, "Times New Roman", serif !important;
}

.gmr-news-filter {
    border-color: rgba(235, 199, 122, .32) !important;
    background: rgba(48, 42, 33, .92) !important;
    color: #e5ddd0 !important;
}

.gmr-news-filter.is-active,
.gmr-news-filter:hover,
.gmr-news-filter:focus {
    border-color: #f4d997 !important;
    background: linear-gradient(180deg, #fff1bb, #ddb86e) !important;
    color: #31230f !important;
}

.wok-download-link {
    border-color: rgba(87, 220, 158, .5) !important;
    background: linear-gradient(90deg, rgba(25, 111, 73, .92), rgba(29, 77, 58, .92)) !important;
}

.wok-requirement-card {
    border-color: rgba(235, 199, 122, .28) !important;
    background: rgba(50, 43, 34, .88) !important;
}

.login-page-container,
.register-page-container {
    background: linear-gradient(180deg, rgba(48, 41, 31, .98), rgba(32, 28, 22, .98)) !important;
}

.login-page-subtitle,
.register-page-subtitle {
    color: #c9c0b3 !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
}

.login-button,
.register-button,
.btn-submit {
    border-color: rgba(255, 235, 183, .74) !important;
    background: linear-gradient(180deg, #fff1b9, #dbb468) !important;
    color: #30220e !important;
    font-family: "Segoe UI", Tahoma, Arial, sans-serif !important;
}

.user-profile,
.balance-section {
    border-color: rgba(235, 199, 122, .24) !important;
    background: rgba(52, 44, 34, .7) !important;
}

.balance-value,
.user-username {
    color: #ffe49a !important;
}

@media (max-width: 1100px) {
    .ranking-container .ranking-sidebar {
        grid-template-columns: 180px minmax(200px, 1fr) 130px !important;
    }

    .clan-ranking-container > .row {
        grid-template-columns: 1fr !important;
    }
}

@media (max-width: 820px) {
    .gmr-top-notice {
        min-height: 38px;
        font-size: 10px;
    }

    .gmr-page-hero,
    .title-header,
    .guide-hero,
    .wok-download__hero,
    .gmr-account-hero {
        min-height: 210px !important;
        padding: 36px 18px !important;
    }

    .ranking-container .ranking-sidebar {
        grid-template-columns: 1fr 1fr !important;
    }

    .ranking-container .ranking-sidebar > #ranked-server-list {
        grid-column: 1 !important;
        grid-row: 2 !important;
    }

    .ranking-container .ranking-sidebar > #player_search {
        grid-column: 2 !important;
        grid-row: 2 !important;
    }

    .ranking-container .ranking-sidebar > #player_search_button {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
    }

    .ranking-container .sidebar-search-results {
        grid-row: 4 !important;
    }

    .clan-ranking-container > .row > .col-md-3 {
        grid-template-columns: 1fr !important;
    }

    .clan-ranking-container > .row > .col-md-3 > .clan-sidebar:nth-child(1),
    .clan-ranking-container > .row > .col-md-3 > .clan-sidebar:nth-child(2),
    .clan-ranking-container > .row > .col-md-3 > .clan-sidebar:nth-child(3) {
        grid-column: 1 !important;
        grid-row: auto !important;
    }
}

@media (max-width: 560px) {
    .gmr-top-notice {
        justify-content: space-between;
        gap: 8px;
        padding: 7px 12px;
    }

    .gmr-top-notice span {
        font-size: 9px;
    }

    .gmr-top-notice a {
        flex: 0 0 auto;
        font-size: 9px;
    }

    .page-title,
    .guide-hero h1,
    .guide-hero-title,
    .wok-download__title,
    .gmr-page-hero__title,
    .gmr-account-hero__title {
        max-width: 100% !important;
        font-size: 30px !important;
        letter-spacing: .005em !important;
        white-space: normal !important;
        overflow-wrap: normal !important;
    }

    .ranking-container > .row,
    .clan-ranking-container {
        width: calc(100% - 22px) !important;
    }

    .ranking-container .ranking-sidebar {
        display: flex !important;
        flex-direction: column !important;
        padding: 11px !important;
    }

    .ranking-container .ranking-sidebar > .filter-menu {
        order: 1;
    }

    .ranking-container .ranking-sidebar > #ranked-server-list {
        order: 2;
    }

    .ranking-container .ranking-sidebar > #player_search {
        order: 3;
    }

    .ranking-container .ranking-sidebar > #player_search_button {
        order: 4;
    }

    .ranking-container .sidebar-search-results {
        order: 5;
    }

    .ranking-container .filter-menu li,
    .ranking-container .filter-menu li a {
        width: 100% !important;
    }

    .ranking-container .page-menu {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
    }

    .ranking-container .page-menu li,
    .ranking-container .page-menu li a {
        width: 100% !important;
    }
}

/* Theme 3.0 final authority: intentionally last so legacy page-level rules cannot
   flatten the warm surfaces and dimensional controls above. */
.ranking-container > .row::before,
.ranking-container > .row::after,
.clan-ranking-container > .row::before,
.clan-ranking-container > .row::after {
    content: none !important;
    display: none !important;
}

.ranking-container .ranking-sidebar {
    box-sizing: border-box !important;
    grid-auto-rows: auto !important;
    align-items: end !important;
    top: 0 !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) {
    background: var(--gmr3-canvas) !important;
    color: var(--gmr3-text) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home)::before {
    background:
        radial-gradient(circle at 50% 15%, rgba(194, 126, 39, .17), transparent 36%),
        linear-gradient(90deg, rgba(18, 12, 7, .82), rgba(18, 12, 7, .34) 50%, rgba(18, 12, 7, .82)),
        linear-gradient(180deg, rgba(21, 14, 8, .45), rgba(18, 12, 7, .84)),
        url('/images/wok/wok-factions-battle.png') center top / cover no-repeat fixed !important;
}

.gmr-top-notice {
    min-height: 43px !important;
    border-bottom: 1px solid rgba(255, 218, 154, .34) !important;
    background: linear-gradient(90deg, #b62129, var(--gmr3-red) 38%, var(--gmr3-orange)) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .16), inset 0 -2px rgba(88, 17, 7, .28), 0 7px 20px rgba(12, 6, 3, .28) !important;
    color: #fff7e2 !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .main > header {
    min-height: 96px !important;
    border-bottom: 1px solid rgba(235, 194, 107, .32) !important;
    background: linear-gradient(180deg, rgba(31, 25, 18, .98), rgba(19, 15, 11, .98)) !important;
    box-shadow: inset 0 1px rgba(255, 238, 195, .05), inset 0 -3px rgba(70, 43, 18, .4), 0 16px 38px rgba(8, 5, 3, .38) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .header-account-action,
body.wok-3d-shell:not(.route-landing):not(.route-home) .language-selector {
    border-color: rgba(234, 193, 109, .34) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, rgba(57, 46, 33, .95), rgba(32, 26, 19, .98)) !important;
    box-shadow: inset 0 1px rgba(255, 242, 207, .1), inset 0 -2px rgba(7, 5, 3, .42), 0 3px 0 rgba(8, 5, 3, .52), 0 8px 16px rgba(7, 4, 2, .22) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .header-account-action--register {
    border-color: rgba(255, 238, 190, .8) !important;
    background: linear-gradient(180deg, #fff4c6, #e5c16f 55%, #b98032) !important;
    box-shadow: inset 0 1px #fffbe9, inset 0 -2px rgba(102, 57, 17, .36), 0 3px 0 #674016, 0 9px 18px rgba(9, 5, 2, .3) !important;
    color: #2b1d0b !important;
}

.gmr-page-hero,
.title-header,
.guide-hero,
.wok-download__hero,
.gmr-account-hero {
    min-height: 268px !important;
    margin-bottom: 44px !important;
    padding: 54px 24px 50px !important;
    border-bottom: 1px solid rgba(239, 198, 108, .38) !important;
    background:
        radial-gradient(circle at 50% 44%, rgba(220, 150, 45, .25), transparent 30%),
        linear-gradient(90deg, rgba(23, 15, 9, .6), rgba(23, 15, 9, .11) 50%, rgba(23, 15, 9, .62)),
        linear-gradient(180deg, rgba(19, 13, 8, .28), rgba(18, 12, 7, .66)),
        url('/images/wok/wok-factions-battle.png') center 39% / cover no-repeat !important;
    box-shadow: inset 0 1px rgba(255, 238, 191, .09), inset 0 -18px 34px rgba(13, 8, 4, .54), 0 16px 34px rgba(9, 5, 2, .24) !important;
}

.page-title,
.guide-hero h1,
.guide-hero-title,
.wok-download__title,
.gmr-page-hero__title,
.gmr-account-hero__title,
.login-page-title,
.register-page-title {
    color: var(--gmr3-ivory) !important;
    background: none !important;
    -webkit-text-fill-color: currentColor !important;
    font-family: Georgia, "Times New Roman", serif !important;
    font-weight: 700 !important;
    letter-spacing: .025em !important;
    text-shadow: 0 1px 0 #fff9dc, 0 2px 0 #8e652d, 0 5px 13px rgba(4, 2, 1, .9) !important;
}

.ranking-container .ranking-sidebar,
.ranking-container .tab-content,
.clan-ranking-container > .row > .col-md-3,
.clan-ranking-container .tab-content,
.guide-nav-wrapper,
.wok-guide-content,
.guide-block,
.wok-download__panel,
.wok-download__requirements,
.wok-download__steps,
.news-item,
.news-detail-content,
.news-detail-actions,
.login-page-container,
.register-page-container,
.account-sidebar,
.account-content,
.info-card {
    border: 1px solid var(--gmr3-line) !important;
    border-radius: 4px !important;
    background:
        var(--gmr3-frame),
        linear-gradient(135deg, rgba(255, 246, 216, .065), transparent 21%),
        linear-gradient(180deg, rgba(57, 43, 29, .98), rgba(36, 27, 19, .98)) !important;
    box-shadow: inset 0 1px rgba(255, 242, 204, .11), inset 0 -3px rgba(77, 43, 15, .52), 0 4px 0 rgba(8, 5, 3, .62), 0 22px 48px var(--gmr3-shadow) !important;
}

body.wok-3d-shell:not(.route-landing):not(.route-home) .form-control,
body.wok-3d-shell:not(.route-landing):not(.route-home) input,
body.wok-3d-shell:not(.route-landing):not(.route-home) select,
body.wok-3d-shell:not(.route-landing):not(.route-home) textarea {
    border-color: rgba(224, 184, 99, .42) !important;
    border-radius: 5px !important;
    background: linear-gradient(180deg, rgba(27, 21, 15, .98), rgba(37, 28, 19, .98)) !important;
    box-shadow: inset 0 2px 6px rgba(4, 2, 1, .52), 0 1px rgba(255, 238, 196, .05) !important;
    color: var(--gmr3-paper) !important;
}

.login-button,
.register-button,
.btn-submit,
.ranking-container #player_search_button,
.clan-ranking-container #clan_search_button {
    border: 1px solid #f6d994 !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, #fff6cc, #e9c875 52%, #b97b2c) !important;
    box-shadow: inset 0 1px #fffdf1, inset 0 -2px rgba(104, 57, 15, .34), 0 4px 0 #633b13, 0 11px 24px rgba(8, 4, 2, .34) !important;
    color: #2b1c09 !important;
}

.ranking-container .page-menu li a,
.ranking-container .filter-menu li a,
.clan-ranking-container .page-menu li a,
.clan-ranking-container .filter-menu li a,
.gmr-news-filter,
.guide-list li a,
.sidebar-menu li a,
.sidebar-menu2 li a {
    border-color: rgba(226, 185, 99, .34) !important;
    border-radius: 4px !important;
    background: linear-gradient(180deg, rgba(70, 53, 35, .92), rgba(43, 33, 23, .96)) !important;
    box-shadow: inset 0 1px rgba(255, 239, 196, .08), inset 0 -2px rgba(13, 8, 4, .3), 0 2px 0 rgba(9, 5, 3, .38) !important;
    color: #eee4d5 !important;
}

.ranking-container .page-menu li.active a,
.ranking-container .page-menu li a:hover,
.ranking-container .filter-menu li.active a,
.ranking-container .filter-menu li a:hover,
.clan-ranking-container .page-menu li.active a,
.clan-ranking-container .page-menu li a:hover,
.clan-ranking-container .filter-menu li.active a,
.clan-ranking-container .filter-menu li a:hover,
.gmr-news-filter.is-active,
.gmr-news-filter:hover,
.guide-list li a.active,
.guide-list li a:hover,
.sidebar-menu li a.active,
.sidebar-menu li a:hover {
    border-color: #f2d184 !important;
    background: linear-gradient(180deg, #fff4c4, #dfbd6b 58%, #ad7127) !important;
    box-shadow: inset 0 1px #fffceb, inset 0 -2px rgba(96, 49, 10, .3), 0 3px 0 #5f3915, 0 8px 15px rgba(8, 4, 2, .26) !important;
    color: #291a08 !important;
}

.ranking-container table thead,
.ranking-container .table thead,
.clan-ranking-container .table thead {
    background: linear-gradient(180deg, #59442c, #3d2e20 55%, #302319) !important;
}

.ranking-container table tbody tr,
.ranking-container .table tbody tr,
.clan-ranking-container .table tbody tr {
    background: linear-gradient(180deg, rgba(57, 43, 30, .96), rgba(47, 36, 25, .96)) !important;
}

.ranking-container table tbody tr:nth-child(even),
.ranking-container .table tbody tr:nth-child(even),
.clan-ranking-container .table tbody tr:nth-child(even) {
    background: linear-gradient(180deg, rgba(64, 48, 32, .96), rgba(52, 39, 27, .96)) !important;
}

.news-item-content {
    background: linear-gradient(180deg, rgba(64, 48, 33, .94), rgba(42, 32, 23, .97)) !important;
}

.news-item:hover {
    border-color: rgba(245, 211, 135, .72) !important;
    transform: translateY(-7px) rotateX(.7deg) !important;
    box-shadow: inset 0 1px rgba(255, 242, 204, .13), inset 0 -3px rgba(77, 43, 15, .45), 0 6px 0 rgba(8, 5, 3, .62), 0 30px 52px rgba(8, 4, 2, .58) !important;
}

.wok-download-step__icon {
    border-color: #f3d488 !important;
    background: radial-gradient(circle at 34% 28%, #fffbe0, #f1d88d 38%, #c39543 72%, #7c4e1d) !important;
    box-shadow: inset 0 2px rgba(255, 255, 255, .75), inset 0 -4px rgba(84, 46, 12, .32), 0 5px 0 #593511, 0 12px 22px rgba(7, 4, 2, .34) !important;
    color: #3a250d !important;
}

.login-page-container,
.register-page-container {
    border-color: rgba(242, 205, 124, .52) !important;
    background: var(--gmr3-frame), linear-gradient(180deg, rgba(51, 39, 27, .99), rgba(28, 21, 15, .99)) !important;
    box-shadow: inset 0 1px rgba(255, 242, 205, .12), inset 0 -3px rgba(76, 42, 15, .5), 0 5px 0 rgba(8, 5, 3, .68), 0 32px 68px rgba(7, 4, 2, .64) !important;
}

@media (max-width: 820px) {
    .gmr-page-hero,
    .title-header,
    .guide-hero,
    .wok-download__hero,
    .gmr-account-hero {
        min-height: 205px !important;
        margin-bottom: 28px !important;
        padding: 38px 18px !important;
    }
}