/*
 * zMega light color mode
 *
 * This stylesheet intentionally keeps the current responsive layout and
 * components. It recreates the visual language of old.zmega.com and is fully
 * scoped so the dark mode remains unchanged.
 */

:root[data-color-mode="light"] {
    color-scheme: light;

    --bg-main: #efdc90;
    --bg-card: rgba(255, 248, 222, .7);
    --bg-card-2: rgba(245, 225, 164, .76);
    --bg-dark: #180d09;
    --bg-deep: #d9bf70;

    --text-main: #3b2a20;
    --text-muted: #735a43;
    --cream: #3b2a20;
    --muted-brown: #735a43;

    --accent-gold: #da9a2e;
    --accent-orange: #e59000;
    --accent-light: #6c2404;
    --accent: #e59000;
    --accent-dark: #6c2404;
    --gold: #ffc54c;
    --gold-2: #6c2404;

    --success: #277d25;
    --danger: #a90d19;
    --brown: rgba(255, 248, 222, .7);
    --brown-2: rgba(239, 211, 133, .74);
    --card: rgba(255, 248, 222, .7);
    --card-soft: rgba(239, 211, 133, .74);

    --silver-card-top: #fff7dc;
    --silver-card-mid: #f2d99b;
    --silver-card-bottom: #dfbf6f;
    --silver-card-soft: #f8e8b9;
    --silver-border: rgba(111, 68, 28, .34);
    --silver-border-soft: rgba(111, 68, 28, .2);
    --silver-glow: rgba(255, 255, 255, .46);
    --silver-shadow: 0 16px 34px rgba(77, 43, 17, .12), inset 0 1px 0 rgba(255, 255, 255, .7);
    --silver-shadow-hover: 0 20px 38px rgba(77, 43, 17, .18), inset 0 1px 0 rgba(255, 255, 255, .82);
    --block-border: rgba(125, 76, 28, .32);
    --block-border-soft: rgba(125, 76, 28, .18);
    --block-shadow: 0 16px 34px rgba(77, 43, 17, .12);
    --block-shadow-hover: 0 20px 38px rgba(77, 43, 17, .18);

    --bs-body-color: #3b2a20;
    --bs-body-bg: #efdc90;
    --bs-border-color: rgba(111, 68, 28, .3);
    --bs-secondary-color: #735a43;
    --bs-tertiary-bg: rgba(255, 248, 222, .66);
    --bs-link-color: #6c2404;
    --bs-link-hover-color: #a90d19;
}

/* Page canvas and shared typography */
html[data-color-mode="light"] body {
    color: #3b2a20;
    background-color: #efdc90;
    background-image:
        linear-gradient(rgba(255, 244, 200, .06), rgba(255, 244, 200, .06)),
        url("/images/style/bg_cent.jpg");
    background-position: top center, top center;
    background-size: auto, auto 207px;
    background-repeat: no-repeat, repeat;
    text-shadow: none;
}

html[data-color-mode="light"] .site-main {
    position: relative;
    color: #3b2a20;
}

html[data-color-mode="light"] a {
    color: #6c2404;
}

html[data-color-mode="light"] a:hover,
html[data-color-mode="light"] a:focus-visible {
    color: #a90d19;
}

html[data-color-mode="light"] :is(
    h1, h2, h3, h4, h5, h6,
    .section-title h1,
    .section-title h2,
    .page-section h1,
    .auth-section h1,
    .modal-title
) {
    color: #3b2a20 !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] :is(
    .section-title h1,
    .section-title h2,
    .page-section h1,
    .auth-section h1
)::after {
    height: 2px;
    background: linear-gradient(90deg, #a90d19 0 22%, #e59000 22% 100%);
    box-shadow: none;
}

html[data-color-mode="light"] :is(.text-cream, .text-body, .text-reset) {
    color: #3b2a20 !important;
}

html[data-color-mode="light"] :is(.text-muted, .text-muted-brown, .small, small) {
    color: #735a43 !important;
}

html[data-color-mode="light"] ::selection {
    color: #2b190e;
    background: #ffc54c;
}

/* Header */
html[data-color-mode="light"] .topbar {
    background-color: #180d09;
    background-image:
        linear-gradient(180deg, rgba(15, 6, 2, .12), rgba(15, 6, 2, .24)),
        url("/images/style/bg_top.png?1");
    background-position: top center, top center;
    background-size: auto, auto 318px;
    background-repeat: no-repeat, repeat-x;
    border-bottom: 0;
    box-shadow: 0 10px 26px rgba(48, 26, 12, .2);
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html[data-color-mode="light"] .topbar::after {
    bottom: -32px;
    width: 100vw;
    height: 34px;
    background: url("/images/style/bg_top.png?1") center bottom / 2600px 108px repeat-x;
    box-shadow: none;
}

html[data-color-mode="light"] .topbar .nav-icon {
    color: #ffc54c;
}

html[data-color-mode="light"] .topbar .navbar-toggler {
    border-color: rgba(255, 197, 76, .62);
    background: rgba(31, 15, 8, .82);
    box-shadow: none;
}

html[data-color-mode="light"] .topbar :is(.top-vote-toggle, .top-vote-link) {
    background-color: rgba(38, 19, 10, .82) !important;
    border-color: rgba(255, 197, 76, .32) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .08), 0 5px 12px rgba(0, 0, 0, .24) !important;
}

html[data-color-mode="light"] .topbar :is(.top-vote-toggle, .top-vote-link):hover,
html[data-color-mode="light"] .topbar :is(.top-vote-toggle, .top-vote-link):focus-visible {
    background-color: rgba(87, 47, 18, .96) !important;
    border-color: #ffc54c !important;
}

html[data-color-mode="light"] .topbar .top-vote-menu {
    background: #241109;
    border-color: rgba(255, 197, 76, .4);
    box-shadow: 0 16px 30px rgba(0, 0, 0, .38);
}

html[data-color-mode="light"] .topbar .top-vote-menu::before {
    background: #241109;
    border-color: rgba(255, 197, 76, .4);
}

html[data-color-mode="light"] .color-mode-toggle {
    color: #3b210f !important;
    background: linear-gradient(180deg, #fff0a4, #e8a51f) !important;
    border-color: #fff0aa !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 0 0 3px rgba(255, 197, 76, .18), 0 7px 18px rgba(0, 0, 0, .38) !important;
}

html[data-color-mode="light"] .color-mode-toggle:hover,
html[data-color-mode="light"] .color-mode-toggle:focus-visible {
    color: #5c170a !important;
    background: linear-gradient(180deg, #fff8cf, #ffc54c) !important;
    border-color: #fff8cf !important;
    box-shadow: 0 0 0 4px rgba(255, 197, 76, .25), 0 10px 24px rgba(0, 0, 0, .44) !important;
}

/* Legacy-inspired controls */
html[data-color-mode="light"] :is(.btn, .form-control, .form-select, .dropdown-menu) {
    font-family: 'Roboto', Arial, sans-serif;
}

html[data-color-mode="light"] :is(.btn-main, .btn-gold, .btn-primary, .support-button-toggle) {
    color: #351d0d !important;
    background: linear-gradient(180deg, #ffd35f, #f2a900) !important;
    border: 1px solid #e9a318 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .58), 0 7px 14px rgba(105, 57, 10, .18) !important;
}

html[data-color-mode="light"] :is(.btn-main, .btn-gold, .btn-primary, .support-button-toggle):hover,
html[data-color-mode="light"] :is(.btn-main, .btn-gold, .btn-primary, .support-button-toggle):focus-visible {
    color: #fff !important;
    background: linear-gradient(180deg, #f0a921, #df7f00) !important;
    border-color: #e59000 !important;
    box-shadow: 0 9px 18px rgba(105, 57, 10, .24) !important;
}

html[data-color-mode="light"] :is(.btn-brown, .btn-outline-light, .lang-switch a, .nav-pills .nav-link) {
    color: #5a2f17 !important;
    background: rgba(255, 250, 230, .58) !important;
    border: 1px solid rgba(121, 73, 26, .42) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .62);
}

html[data-color-mode="light"] :is(.btn-brown, .btn-outline-light, .lang-switch a, .nav-pills .nav-link):hover,
html[data-color-mode="light"] :is(.btn-brown, .btn-outline-light, .lang-switch a, .nav-pills .nav-link):focus-visible,
html[data-color-mode="light"] .nav-pills .nav-link.active {
    color: #351d0d !important;
    background: #ffc54c !important;
    border-color: #da9a2e !important;
    box-shadow: 0 7px 14px rgba(105, 57, 10, .16) !important;
}

html[data-color-mode="light"] :is(.btn-green, .btn-hero-donate-green) {
    color: #fff !important;
    background: linear-gradient(180deg, #80c900, #2f9400) !important;
    border-color: #4b9d00 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .42), 0 7px 15px rgba(43, 100, 0, .22) !important;
}

html[data-color-mode="light"] :is(.btn-green, .btn-hero-donate-green):hover,
html[data-color-mode="light"] :is(.btn-green, .btn-hero-donate-green):focus-visible {
    color: #fff !important;
    background: linear-gradient(180deg, #4daf00, #167b00) !important;
    border-color: #2f7e00 !important;
}

html[data-color-mode="light"] :is(.form-control, .form-select) {
    color: #3b2a20 !important;
    background: rgba(255, 251, 234, .92) !important;
    border-color: rgba(111, 68, 28, .38) !important;
    box-shadow: inset 0 1px 3px rgba(84, 46, 17, .1) !important;
    color-scheme: light;
}

html[data-color-mode="light"] :is(.form-control, .form-select):focus {
    color: #29150a !important;
    background: #fffaf0 !important;
    border-color: #da9a2e !important;
    box-shadow: 0 0 0 .2rem rgba(218, 154, 46, .18) !important;
}

html[data-color-mode="light"] :is(.form-control, .form-select)::placeholder {
    color: rgba(80, 55, 37, .58) !important;
}

html[data-color-mode="light"] :is(.form-control, .form-select):autofill,
html[data-color-mode="light"] :is(.form-control, .form-select):autofill:hover,
html[data-color-mode="light"] :is(.form-control, .form-select):autofill:focus,
html[data-color-mode="light"] :is(.form-control, .form-select):-webkit-autofill,
html[data-color-mode="light"] :is(.form-control, .form-select):-webkit-autofill:hover,
html[data-color-mode="light"] :is(.form-control, .form-select):-webkit-autofill:focus {
    color: #3b2a20 !important;
    caret-color: #3b2a20 !important;
    background: #fffaf0 !important;
    -webkit-text-fill-color: #3b2a20 !important;
    box-shadow: inset 0 0 0 1000px #fffaf0 !important;
    -webkit-box-shadow: 0 0 0 1000px #fffaf0 inset !important;
}

html[data-color-mode="light"] .form-select:not([multiple]):not([size]) {
    color-scheme: light;
    background-image:
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3e%3cpath fill='none' stroke='%236c2404' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 2 6 6 6-6'/%3e%3c/svg%3e"),
        linear-gradient(180deg, #fffdf4 0%, #f3dfae 100%) !important;
    background-repeat: no-repeat, no-repeat !important;
    background-position: right .9rem center, 0 0 !important;
    background-size: .9rem .6rem, 100% 100% !important;
}

html[data-color-mode="light"] .form-select:not([multiple]):not([size]):focus {
    background-image:
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3e%3cpath fill='none' stroke='%23a90d19' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 2 6 6 6-6'/%3e%3c/svg%3e"),
        linear-gradient(180deg, #fffef8 0%, #f8e9c1 100%) !important;
}

html[data-color-mode="light"] :is(.form-select option, .form-select optgroup) {
    color: #3b2a20 !important;
    background: #fff8dc !important;
}

html[data-color-mode="light"] :is(.dropdown-menu, .list-group-item) {
    color: #3b2a20;
    background: #fff6d7;
    border-color: rgba(111, 68, 28, .28);
}

html[data-color-mode="light"] .dropdown-item {
    color: #512f1c;
}

html[data-color-mode="light"] .dropdown-item:hover,
html[data-color-mode="light"] .dropdown-item:focus {
    color: #6c2404;
    background: rgba(255, 197, 76, .36);
}

/* Shared parchment panels */
html[data-color-mode="light"] :is(
    .game-card,
    .hero-card,
    .about-hero,
    .about-content-card,
    .about-info-card,
    .about-years-card,
    .download-chronicle,
    .download-file,
    .files-hero,
    .files-info,
    .files-changelog-box,
    .rules-hero,
    .rules-intro,
    .rules-warning-box,
    .rules-toc,
    .rules-nav-card,
    .rule-item,
    .bonus-hero,
    .bonus-card,
    .bonus-vote-card,
    .bonus-rewards-card,
    .bonus-table-wrap,
    .forum-last-card,
    .news-popup-card,
    .auth-section .game-card,
    .modal-content
) {
    color: #3b2a20 !important;
    background:
        linear-gradient(145deg, rgba(255, 252, 235, .7), rgba(238, 210, 136, .54)) !important;
    border: 1px solid rgba(111, 68, 28, .3) !important;
    box-shadow: 0 15px 32px rgba(84, 46, 17, .11), inset 0 1px 0 rgba(255, 255, 255, .68) !important;
}

html[data-color-mode="light"] :is(
    .game-card,
    .hero-card,
    .download-chronicle,
    .download-file,
    .about-content-card,
    .about-info-card,
    .bonus-card,
    .rules-toc-link,
    .files-quick-actions a
):hover {
    border-color: rgba(142, 85, 27, .52) !important;
    box-shadow: 0 19px 38px rgba(84, 46, 17, .16), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
    filter: none;
}

html[data-color-mode="light"] :is(
    .game-card,
    .hero-card,
    .about-page,
    .files-page,
    .rules-page,
    .bonus-page,
    .modal-content
) :is(h1, h2, h3) {
    color: #3b2a20 !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] :is(
    .modal-content,
    .game-card,
    .rules-content,
    .forum-content,
    .server-info-content
) a[href]:not(.btn):not(.nav-link):not(.dropdown-item):not(.quest-catalog-image):not(.forum-last-link) {
    color: #6c2404 !important;
    text-decoration-color: rgba(108, 36, 4, .46) !important;
}

html[data-color-mode="light"] :is(
    .modal-content,
    .game-card,
    .rules-content,
    .forum-content,
    .server-info-content
) a[href]:not(.btn):not(.nav-link):not(.dropdown-item):not(.quest-catalog-image):not(.forum-last-link):hover {
    color: #a90d19 !important;
    background: rgba(255, 197, 76, .18) !important;
}

html[data-color-mode="light"] :is(
    .game-card,
    .hero-card,
    .about-hero,
    .about-content-card,
    .about-info-card,
    .download-chronicle,
    .download-file,
    .files-hero,
    .files-info,
    .rules-content,
    .forum-content,
    .modal-content,
    .page-popup .modal-content
) a[href]:not(.btn):not(.nav-link):not(.dropdown-item):not(.image-tooltip):not(.quest-catalog-image):not(.forum-last-link)::before {
    background-color: #6c2404 !important;
    opacity: .32;
}

/* Main hero: white area below the original dark header */
html[data-color-mode="light"] .hero-section {
    position: relative;
    color: #3b2a20;
    background-color: rgba(255, 255, 255, .94);
    background-image:
        radial-gradient(circle at 78% 12%, rgba(255, 197, 76, .12), transparent 34%),
        linear-gradient(180deg, rgba(255, 255, 255, .97), rgba(255, 253, 244, .92));
    border-bottom: 0;
    box-shadow: none;
}

html[data-color-mode="light"] .hero-section::after {
    left: 50%;
    bottom: -20px;
    width: 100%;
    height: 81px;
    z-index: 3;
    transform: translateX(-50%);
    background: url("/images/style/bg_top_razr.png") top center / 2600px 81px repeat-x;
    box-shadow: none;
}

html[data-color-mode="light"] .hero-section + section {
    padding-top: 6rem !important;
}

html[data-color-mode="light"] .home-news-section {
    position: relative;
    z-index: 2;
    isolation: isolate;
    overflow: visible;
}

html[data-color-mode="light"] .home-news-section::after {
    content: "";
    position: absolute;
    right: auto;
    bottom: -42px;
    left: 50%;
    z-index: 3;
    width: 100vw;
    height: 63px;
    border: 0;
    border-radius: 0;
    background: url("/images/style/bg_cent_b.jpg") top center / 2600px 63px repeat-x !important;
    box-shadow: none;
    opacity: 1;
    pointer-events: none;
    transform: translateX(-50%);
}

html[data-color-mode="light"] .hero-section .home-hero-girl {
    top: -250px;
    left: clamp(65px, calc(2vw + 100px), 130px);
    width: clamp(660px, 55vw, 780px);
    aspect-ratio: 2 / 3;
    background-image: url('/images/girl_light.png?01');
    background-position: center top;
    background-size: 90% auto;
    opacity: .76;
    filter: saturate(.9) contrast(.98) drop-shadow(0 18px 30px rgba(84, 46, 17, .18));
    mix-blend-mode: normal;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    html[data-color-mode="light"] .hero-section .home-hero-girl {
        top: -185px;
        left: 25px;
        width: clamp(620px, 64vw, 700px);
        opacity: .5;
    }
}

html[data-color-mode="light"] .home-hero-copy {
    position: relative;
    z-index: 2;
}

html[data-color-mode="light"] .home-hero-copy :is(h1, .lead, .text-cream) {
    color: #3b2a20 !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] .badge-soft,
html[data-color-mode="light"] .hero-donate-bonus-ad {
    color: #6c2404 !important;
    background: rgba(255, 197, 76, .25) !important;
    border-color: rgba(146, 81, 18, .36) !important;
    box-shadow: none !important;
}

html[data-color-mode="light"] .hero-section .server-open-countdown {
    color: #3b2a20;
    background: rgba(255, 250, 230, .82) !important;
    border-color: rgba(159, 11, 33, .32) !important;
    box-shadow: 0 12px 26px rgba(84, 46, 17, .12) !important;
}

html[data-color-mode="light"] .hero-section .server-open-countdown-title,
html[data-color-mode="light"] .hero-section .server-open-countdown-title :is(a, span) {
    color: #6c2404 !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] .hero-section .server-open-countdown-item {
    color: #3b2a20;
    background: rgba(255, 255, 255, .66) !important;
    border-color: rgba(159, 11, 33, .28) !important;
    box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .42), 0 7px 14px rgba(84, 46, 17, .09) !important;
}

html[data-color-mode="light"] .hero-section .server-open-countdown-item::before {
    background: conic-gradient(
        from -90deg,
        #a90d19 0 var(--countdown-angle),
        rgba(130, 85, 45, .16) var(--countdown-angle) 360deg
    ) !important;
}

html[data-color-mode="light"] .hero-section .server-open-countdown-item :is(b, small) {
    color: #3b2a20 !important;
    text-shadow: none !important;
}

/* Server tiles and compact ratings */
html[data-color-mode="light"] .home-servers-card .servers {
    background: rgba(255, 252, 237, .44);
    border-color: rgba(111, 68, 28, .22);
}

html[data-color-mode="light"] .server-tile .server-id {
    background: rgba(255, 252, 237, .68) !important;
    border-color: rgba(218, 154, 46, .7) !important;
    box-shadow: 0 9px 18px rgba(84, 46, 17, .1), inset 0 1px 0 rgba(255, 255, 255, .72) !important;
}

html[data-color-mode="light"] .server-tile:hover .server-id,
html[data-color-mode="light"] .server-tile:focus-visible .server-id {
    background: linear-gradient(180deg, #ffd764, #f1ae20) !important;
    border-color: #e59000 !important;
    box-shadow: 0 12px 23px rgba(84, 46, 17, .18) !important;
}

html[data-color-mode="light"] .server-tile :is(.leftRect, .rightRect) {
    border-color: #da9a2e !important;
}

html[data-color-mode="light"] .server-tile :is(.server-name, .server-rate, .server-online) {
    color: #4a2d1b !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] .server-tile .server-rate {
    color: #7c2f0e !important;
}

html[data-color-mode="light"] .server-tile .server-online.is-online {
    color: #267900 !important;
}

html[data-color-mode="light"] .server-tile .server-online.is-offline {
    color: #a90d19 !important;
}

html[data-color-mode="light"] .server-tile:hover :is(.server-name, .server-rate, .server-online),
html[data-color-mode="light"] .server-tile:focus-visible :is(.server-name, .server-rate, .server-online) {
    color: #3b210f !important;
}

html[data-color-mode="light"] :is(.server-ribbon-red, .server-ribbon-gold) {
    background: transparent !important;
}

html[data-color-mode="light"] .server-ribbon-red > span {
    color: #fff !important;
    background: linear-gradient(120deg, #7f0712 0%, #c71928 55%, #ef5965 100%) !important;
}

html[data-color-mode="light"] .server-ribbon-gold > span {
    color: #3b210f !important;
    background: linear-gradient(120deg, #a96d10 0%, #ffc54c 55%, #e2a52d 100%) !important;
}

html[data-color-mode="light"] [data-mini-ratings],
html[data-color-mode="light"] .mini-rating-content {
    color: #3b2a20;
}

html[data-color-mode="light"] .mini-rating-row {
    background: rgba(255, 252, 237, .52) !important;
    border-color: rgba(111, 68, 28, .2) !important;
}

html[data-color-mode="light"] .mini-rating-row:nth-child(even) {
    background: rgba(218, 190, 112, .24) !important;
}

html[data-color-mode="light"] .mini-rating-row :is(.name, .score) {
    color: #3b2a20 !important;
}

html[data-color-mode="light"] .mini-rating-row .place {
    color: #a90d19 !important;
}

/* News and forum sidebar */
html[data-color-mode="light"] .news-scroll {
    scrollbar-color: #da9a2e rgba(126, 83, 39, .16);
}

html[data-color-mode="light"] .news-card:not(.has-bg) {
    color: #3b2a20 !important;
    background: rgba(255, 252, 237, .64) !important;
    border-color: rgba(111, 68, 28, .28) !important;
}

html[data-color-mode="light"] .news-card:not(.has-bg) :is(.news-card-title, .news-card-text, .news-date) {
    color: #3b2a20 !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] .news-card.has-bg {
    border-color: rgba(111, 68, 28, .36) !important;
    box-shadow: 0 14px 28px rgba(84, 46, 17, .15) !important;
}

html[data-color-mode="light"] .news-card.has-bg::after {
    background: linear-gradient(180deg, rgba(25, 12, 5, .06), rgba(25, 12, 5, .82)) !important;
}

html[data-color-mode="light"] .news-card.has-bg :is(.news-card-title, .news-card-text, .news-date) {
    color: #fff8e7 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .72) !important;
}

html[data-color-mode="light"] .news-card:hover {
    border-color: rgba(142, 85, 27, .52) !important;
    box-shadow: 0 18px 34px rgba(84, 46, 17, .2) !important;
}

html[data-color-mode="light"] .forum-last-card {
    background: rgba(255, 250, 228, .45) !important;
}

html[data-color-mode="light"] .forum-last-link,
html[data-color-mode="light"] .forum-last-card a.forum-last-link {
    color: #3b2a20 !important;
    background: rgba(255, 252, 237, .62) !important;
    border-color: rgba(111, 68, 28, .26) !important;
    box-shadow: inset 3px 0 0 #da9a2e, inset 0 1px 0 rgba(255, 255, 255, .68), 0 8px 16px rgba(84, 46, 17, .08) !important;
}

html[data-color-mode="light"] .forum-last-link:hover,
html[data-color-mode="light"] .forum-last-link:focus-visible,
html[data-color-mode="light"] .forum-last-card a.forum-last-link:hover,
html[data-color-mode="light"] .forum-last-card a.forum-last-link:focus-visible {
    color: #6c2404 !important;
    background: rgba(255, 226, 143, .72) !important;
    border-color: rgba(142, 85, 27, .5) !important;
    box-shadow: inset 3px 0 0 #a90d19, 0 12px 20px rgba(84, 46, 17, .14) !important;
}

html[data-color-mode="light"] .forum-last-title {
    color: #4a3020 !important;
    text-shadow: none;
}

html[data-color-mode="light"] .forum-last-badge {
    color: #3b210f !important;
    background: #ffc54c !important;
    border-color: #da9a2e !important;
    box-shadow: none !important;
}

html[data-color-mode="light"] .forum-last-date {
    color: #7b5c3f !important;
}

/* Tables */
html[data-color-mode="light"] :is(.table, .table-game, .bonus-table, .bonus-reward-table, .quest-table, .ratings-table, .rating-ally-table) {
    --bs-table-color: #3b2a20;
    --bs-table-bg: rgba(255, 250, 230, .48) !important;
    --bs-table-striped-color: #3b2a20;
    --bs-table-striped-bg: rgba(204, 177, 101, .25) !important;
    --bs-table-hover-color: #29150a;
    --bs-table-hover-bg: rgba(255, 197, 76, .36) !important;
    --bs-table-border-color: rgba(111, 68, 28, .24) !important;
    color: #3b2a20 !important;
}

html[data-color-mode="light"] :is(.table, .table-game, .bonus-table, .bonus-reward-table, .quest-table, .ratings-table, .rating-ally-table) thead,
html[data-color-mode="light"] .quest-imported-content .profession-table thead {
    color: #fff7df !important;
    background: linear-gradient(180deg, #724428, #4b2816) !important;
}

html[data-color-mode="light"] :is(.table, .table-game, .bonus-table, .bonus-reward-table, .quest-table, .ratings-table, .rating-ally-table) thead > tr > *,
html[data-color-mode="light"] .quest-imported-content .profession-table thead > tr > * {
    color: #fff7df !important;
    background: transparent !important;
    border-color: rgba(255, 221, 151, .24) !important;
}

html[data-color-mode="light"] :is(.table, .table-game, .bonus-table, .bonus-reward-table, .quest-table, .ratings-table, .rating-ally-table) > tbody > tr:nth-of-type(odd) > *,
html[data-color-mode="light"] .quest-imported-content .profession-table > tbody > tr:nth-of-type(odd) > * {
    color: #3b2a20 !important;
    background-color: rgba(255, 250, 230, .56) !important;
    border-color: rgba(111, 68, 28, .2) !important;
}

html[data-color-mode="light"] :is(.table, .table-game, .bonus-table, .bonus-reward-table, .quest-table, .ratings-table, .rating-ally-table) > tbody > tr:nth-of-type(even) > *,
html[data-color-mode="light"] .quest-imported-content .profession-table > tbody > tr:nth-of-type(even) > * {
    color: #3b2a20 !important;
    background-color: rgba(197, 169, 91, .28) !important;
    border-color: rgba(111, 68, 28, .2) !important;
}

html[data-color-mode="light"] :is(.table, .table-game, .bonus-table, .bonus-reward-table, .quest-table, .ratings-table, .rating-ally-table) > tbody > tr:hover > *,
html[data-color-mode="light"] .quest-imported-content .profession-table > tbody > tr:hover > * {
    color: #29150a !important;
    background-color: rgba(255, 197, 76, .4) !important;
}

/* Popup */
html[data-color-mode="light"] .page-popup .modal-content {
    color: #3b2a20 !important;
    background-color: #f0cf9d !important;
    background-image: url("/images/style/bg_popup2.jpg"), url("/images/style/bg_popup2.jpg") !important;
    background-position: top center, top center !important;
    background-size: cover, cover !important;
    background-repeat: no-repeat, no-repeat !important;
    background-blend-mode: multiply, normal;
    border: 1px solid rgba(91, 47, 18, .58) !important;
    border-radius: 28px 10px 30px 12px !important;
    box-shadow: 0 30px 86px rgba(48, 25, 10, .42), inset 0 1px 0 rgba(255, 250, 232, .66) !important;
}

html[data-color-mode="light"] .page-popup .modal-body {
    color: #3b2a20;
    background: transparent !important;
}

html[data-color-mode="light"] .page-popup .popup-loader {
    color: #3b2a20;
    background: rgba(255, 243, 214, .78) !important;
    -webkit-backdrop-filter: blur(3px);
    backdrop-filter: blur(3px);
}

html[data-color-mode="light"] .page-popup .modal-body .game-card {
    color: #3b2a20 !important;
    background: rgba(255, 255, 255, .7) !important;
    border-color: rgba(105, 61, 25, .3) !important;
    box-shadow: 0 12px 28px rgba(74, 39, 14, .13), inset 0 1px 0 rgba(255, 255, 255, .86) !important;
}

html[data-color-mode="light"] .page-popup .modal-body :is(
    .hero-card,
    .about-hero,
    .files-hero,
    .rules-hero,
    .bonus-hero,
    .ratings-hero,
    .quests-catalog-hero,
    .server-info-hero,
    .proxy-hero,
    .android-guide-page > header .game-card
) {
    color: #3b2a20 !important;
    background: rgba(255, 255, 255, .78) !important;
    border-color: rgba(105, 61, 25, .34) !important;
    box-shadow: 0 15px 34px rgba(74, 39, 14, .16), inset 0 1px 0 rgba(255, 255, 255, .9) !important;
    -webkit-backdrop-filter: blur(1.5px);
    backdrop-filter: blur(1.5px);
}

html[data-color-mode="light"] .modal-backdrop.show {
    opacity: .62;
}

/* Feature carousel */
html[data-color-mode="light"] .feature-carousel-section {
    position: relative;
    color: #25170e;
    background: #fff !important;
    border-top: 0;
    border-bottom: 0;
    box-shadow: none !important;
}

html[data-color-mode="light"] .feature-carousel-section::before {
    content: none;
    display: none;
}

html[data-color-mode="light"] .feature-carousel-section::after {
    background: none !important;
}

html[data-color-mode="light"] .feature-carousel,
html[data-color-mode="light"] .feature-carousel__viewport,
html[data-color-mode="light"] .feature-slide {
    color: #25170e;
    background: #fff !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-color-mode="light"] .feature-slide::after {
    background: radial-gradient(circle at 75% 50%, rgba(255, 197, 76, .1), transparent 42%) !important;
}

html[data-color-mode="light"] .feature-slide__content {
    position: relative;
    z-index: 3;
    color: #25170e;
    background: rgba(255, 255, 255, .75);
    border-radius: 18px;
    text-shadow: none;
}

html[data-color-mode="light"] .feature-slide__content :is(.feature-slide__title, .feature-slide__subtitle, .feature-slide__kicker, p) {
    color: #25170e !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] .feature-slide__subtitle,
html[data-color-mode="light"] .feature-slide__kicker {
    color: #8f2d0e !important;
}

html[data-color-mode="light"] .feature-slide__link {
    color: #7b2b10 !important;
    border-bottom-color: rgba(123, 43, 16, .42) !important;
}

html[data-color-mode="light"] .feature-slide__link:hover,
html[data-color-mode="light"] .feature-slide__link:focus-visible {
    color: #a90d19 !important;
}

html[data-color-mode="light"] .feature-slide__figure,
html[data-color-mode="light"] .feature-slide__image {
    filter: drop-shadow(0 12px 16px rgba(58, 31, 14, .18));
}

html[data-color-mode="light"] .feature-uptime__item {
    color: #3b2a20;
    background: #fff !important;
    border-color: rgba(159, 11, 33, .22) !important;
    box-shadow: inset 0 0 0 4px rgba(255, 255, 255, .85), 0 8px 18px rgba(84, 46, 17, .1) !important;
}

html[data-color-mode="light"] .feature-uptime__item::before {
    background: conic-gradient(
        from -90deg,
        #a90d19 0 var(--uptime-angle),
        rgba(115, 90, 67, .14) var(--uptime-angle) 360deg
    ) !important;
}

html[data-color-mode="light"] .feature-uptime__item :is(span, small) {
    color: #3b2a20 !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] .feature-carousel__dot {
    background: #dbc99e !important;
    border-color: #b98e45 !important;
}

html[data-color-mode="light"] .feature-carousel__dot.is-active {
    background: #ffc54c !important;
    border-color: #da9a2e !important;
    box-shadow: 0 0 0 3px rgba(218, 154, 46, .16) !important;
}

/* Home quests */
html[data-color-mode="light"] .home-quests-section {
    color: #3b2a20;
    background: transparent !important;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
}

html[data-color-mode="light"] .home-quests-section::before {
    top: -70px;
    right: auto;
    left: 50%;
    width: 100vw;
    height: 81px;
    border-radius: 0;
    background: url("/images/style/bg_top_razr.png") top center / 2600px 81px repeat-x !important;
    box-shadow: none;
    opacity: 1;
    transform: translateX(-50%);
}

html[data-color-mode="light"] .home-quests-section::after {
    top: auto;
    right: auto;
    bottom: -42px;
    left: 50%;
    width: 100vw;
    height: 63px;
    border: 0;
    border-radius: 0;
    background: url("/images/style/bg_cent_b.jpg") top center / 2600px 63px repeat-x !important;
    box-shadow: none;
    opacity: 1;
    transform: translateX(-50%);
}

html[data-color-mode="light"] .home-quest-search-results {
    color: #3b2a20;
    background: #fff7da !important;
    border-color: rgba(111, 68, 28, .34) !important;
    box-shadow: 0 18px 38px rgba(84, 46, 17, .22) !important;
}

html[data-color-mode="light"] .home-quest-search .form-control {
    color: #3b2a20 !important;
    background: rgba(255, 251, 234, .9) !important;
    border-color: rgba(111, 68, 28, .38) !important;
    box-shadow: inset 0 1px 3px rgba(84, 46, 17, .1) !important;
}

html[data-color-mode="light"] .home-quest-search .form-control:focus {
    background: #fffaf0 !important;
    border-color: #da9a2e !important;
    box-shadow: 0 0 0 .2rem rgba(218, 154, 46, .18) !important;
}

html[data-color-mode="light"] .home-quest-search .form-control::placeholder {
    color: rgba(80, 55, 37, .58) !important;
}

html[data-color-mode="light"] .home-quest-search-result {
    color: #3b2a20 !important;
    border-color: rgba(111, 68, 28, .14) !important;
}

html[data-color-mode="light"] .home-quest-search-result:hover,
html[data-color-mode="light"] .home-quest-search-result:focus-visible {
    color: #6c2404 !important;
    background: rgba(255, 197, 76, .28) !important;
}

html[data-color-mode="light"] .home-quest-search-result-title,
html[data-color-mode="light"] .home-quest-search-result-meta {
    color: #3b2a20 !important;
}

html[data-color-mode="light"] .quest-catalog-card {
    background: rgba(255, 250, 230, .68) !important;
}

html[data-color-mode="light"] .quest-catalog-image::after {
    background: linear-gradient(180deg, transparent 24%, rgba(30, 15, 7, .3) 56%, rgba(30, 15, 7, .92) 100%) !important;
}

html[data-color-mode="light"] .quest-catalog-image :is(.quest-catalog-title, .quest-catalog-title-english) {
    color: #fff8e7 !important;
    text-shadow: 0 2px 8px #000 !important;
}

html[data-color-mode="light"] .quest-catalog-body,
html[data-color-mode="light"] .quest-catalog-body p {
    color: #3b2a20 !important;
}

html[data-color-mode="light"] .quest-catalog-meta span {
    color: #6c2404 !important;
    background: rgba(255, 197, 76, .24) !important;
    border-color: rgba(111, 68, 28, .2) !important;
}

/* Quest directory and detail pages */
html[data-color-mode="light"] .quests-page {
    --quest-panel: linear-gradient(145deg, rgba(255, 249, 226, .82), rgba(232, 202, 124, .68));
    --quest-border: rgba(111, 68, 28, .28);
}

html[data-color-mode="light"] .quests-catalog-hero {
    color: #3b2a20;
    background:
        radial-gradient(circle at 85% 10%, rgba(255, 197, 76, .36), transparent 34%),
        radial-gradient(circle at 10% 100%, rgba(159, 11, 33, .08), transparent 38%),
        var(--quest-panel) !important;
}

html[data-color-mode="light"] .quests-catalog-hero p,
html[data-color-mode="light"] .quests-eyebrow,
html[data-color-mode="light"] .quests-hero-stats :is(span, strong) {
    color: #5f432f !important;
}

html[data-color-mode="light"] .quests-hero-stats span {
    background: rgba(255, 255, 255, .42);
}

html[data-color-mode="light"] :is(.quests-sticky-navigation, .quests-mobile-navigation) {
    color: #3b2a20;
    background: linear-gradient(180deg, rgba(255, 250, 230, .9), rgba(235, 207, 130, .82)) !important;
    border-color: rgba(111, 68, 28, .3) !important;
    box-shadow: 0 15px 30px rgba(84, 46, 17, .12) !important;
    scrollbar-color: #da9a2e rgba(126, 83, 39, .14);
}

html[data-color-mode="light"] :is(.quest-directory-heading strong, .quest-directory-copy, .quests-mobile-navigation > summary) {
    color: #4b2c18 !important;
}

html[data-color-mode="light"] .quest-directory-search {
    color: #6c2404;
    background: rgba(255, 252, 237, .7);
    border-color: rgba(111, 68, 28, .3);
}

html[data-color-mode="light"] .quest-directory-search input {
    color: #3b2a20;
}

html[data-color-mode="light"] .quest-directory-search input::placeholder {
    color: rgba(80, 55, 37, .58);
}

html[data-color-mode="light"] :is(.quest-directory-home, .quest-directory-link, .quest-directory-live-result) {
    color: #59412e !important;
}

html[data-color-mode="light"] :is(.quest-directory-home, .quest-directory-link, .quest-directory-live-result):hover,
html[data-color-mode="light"] :is(.quest-directory-home, .quest-directory-link, .quest-directory-live-result):focus-visible,
html[data-color-mode="light"] :is(.quest-directory-home, .quest-directory-link).active {
    color: #6c2404 !important;
    background: rgba(255, 197, 76, .3) !important;
    border-color: rgba(142, 85, 27, .36) !important;
}

html[data-color-mode="light"] :is(.quest-directory-summary, .quest-directory-summary::before, .quest-directory-live-id, .quest-directory-total) {
    color: #6c2404 !important;
}

html[data-color-mode="light"] .quest-directory-summary:hover,
html[data-color-mode="light"] .quest-directory-summary:focus-visible {
    background: rgba(255, 197, 76, .22);
}

html[data-color-mode="light"] .quest-category-heading > span {
    color: #8f2d0e;
    background: rgba(255, 197, 76, .28);
    border-color: rgba(111, 68, 28, .3);
}

html[data-color-mode="light"] .quest-imported-content .quest-hero,
html[data-color-mode="light"] .quest-imported-content .profession-hero {
    color: #fff8e7;
    background: #25130a !important;
    border-color: rgba(111, 68, 28, .46) !important;
}

html[data-color-mode="light"] .quest-imported-content :is(.quest-hero, .profession-hero) :is(h1, h2, h3, p, .eyebrow, .english, .quest-index) {
    color: #fff8e7 !important;
    text-shadow: 0 2px 8px rgba(0, 0, 0, .7) !important;
}

html[data-color-mode="light"] .quest-imported-content :is(.quest-hero-overlay, .profession-hero-overlay) {
    background: linear-gradient(90deg, rgba(26, 12, 5, .92), rgba(26, 12, 5, .42), rgba(26, 12, 5, .16)) !important;
}

html[data-color-mode="light"] .quest-imported-content :is(.intro-card, .notice-card, .content-card, .item-card, .reward-box, .mini-card, .step-card, .timeline-cell, .race-block, .class-path-card, .third-class-card, .profession-saga-grid > div) {
    color: #3b2a20 !important;
    background: rgba(255, 250, 230, .66) !important;
    border-color: rgba(111, 68, 28, .26) !important;
    box-shadow: none !important;
}

html[data-color-mode="light"] .quest-imported-content .notice-card {
    color: #582b12 !important;
    background: rgba(255, 207, 112, .34) !important;
    border-color: rgba(169, 13, 25, .25) !important;
}

html[data-color-mode="light"] .quest-imported-content :is(
    .item-card strong,
    .step-card h3,
    .timeline-cell strong,
    .manager-grid strong,
    .profession-saga-grid strong,
    .race-block-head h3,
    .class-path-card strong,
    .third-class-card strong,
    .profession-table td:first-child,
    .profession-table td:nth-child(2)
) {
    color: #3b2a20 !important;
}

html[data-color-mode="light"] .quest-imported-content .stat-box {
    color: #fff3d2;
    background:
        radial-gradient(circle at 18% 0%, rgba(255, 197, 76, .2), transparent 42%),
        linear-gradient(145deg, rgba(91, 42, 18, .94), rgba(34, 15, 8, .96)) !important;
    border-color: rgba(255, 197, 76, .52) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 8px 18px rgba(28, 11, 5, .28);
}

html[data-color-mode="light"] .quest-imported-content .stat-box strong {
    color: #ffc54c !important;
    text-shadow: 0 1px 4px rgba(0, 0, 0, .5);
}

html[data-color-mode="light"] .quest-imported-content .stat-box span {
    color: #fff3d2 !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .55);
}

html[data-color-mode="light"] .quest-imported-content .race-block-head {
    color: #3b2a20;
    background: rgba(224, 190, 104, .32) !important;
    border-color: rgba(111, 68, 28, .24) !important;
}

html[data-color-mode="light"] .quest-imported-content :is(.quest-inline-item, .quest-inline-actor, .quest-cross-link, .quest-step-entity, .related-links a) {
    color: #6c2404 !important;
    background: rgba(255, 247, 218, .74) !important;
    border-color: rgba(111, 68, 28, .3) !important;
}

html[data-color-mode="light"] .quest-imported-content :is(.quest-cross-link, .related-links a):hover,
html[data-color-mode="light"] .quest-imported-content :is(.quest-cross-link, .related-links a):focus-visible {
    color: #a90d19 !important;
    background: rgba(255, 197, 76, .32) !important;
}

html[data-color-mode="light"] .quest-imported-content .tip b {
    color: #267900 !important;
}

html[data-color-mode="light"] .quest-imported-content :is(.btn-ghost, .filter-btn) {
    color: #6c2404 !important;
    background: rgba(255, 250, 230, .62) !important;
    border-color: rgba(111, 68, 28, .3) !important;
}

html[data-color-mode="light"] .quest-imported-content :is(.btn-ghost, .filter-btn):hover,
html[data-color-mode="light"] .quest-imported-content :is(.btn-ghost, .filter-btn):focus-visible,
html[data-color-mode="light"] .quest-imported-content .filter-btn.active {
    color: #3b210f !important;
    background: #ffc54c !important;
    border-color: #da9a2e !important;
}

/* Interlude SEO section */
html[data-color-mode="light"] .interlude-servers-section {
    isolation: isolate;
    color: #3b2a20;
    margin-top: 2.4rem;
    padding-top: 3.2rem !important;
    padding-bottom: 1.35rem !important;
    background: transparent !important;
    border: 0;
    box-shadow: none !important;
    overflow: visible;
}

html[data-color-mode="light"] .interlude-servers-section::before {
    top: -42px;
    bottom: 0;
    right: auto;
    left: 50%;
    z-index: -1;
    width: 100vw;
    height: auto;
    background-color: #fff !important;
    background-image: url("/images/style/bg_cent_b.jpg") !important;
    background-position: top center !important;
    background-size: 2600px 63px !important;
    background-repeat: repeat-x !important;
    box-shadow: none;
    opacity: 1;
    transform: translateX(-50%);
}

html[data-color-mode="light"] .interlude-servers-section > .game-card {
    z-index: 1;
    margin-inline: 0 !important;
    color: #3b2a20 !important;
    background: #fff !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-color-mode="light"] .interlude-servers-section > .game-card::before {
    content: none !important;
    display: none !important;
}

html[data-color-mode="light"] .interlude-archive {
    color: #3b2a20;
    background: rgba(255, 252, 237, .58) !important;
    border-color: rgba(111, 68, 28, .26) !important;
}

html[data-color-mode="light"] .interlude-archive summary,
html[data-color-mode="light"] .interlude-archive summary small,
html[data-color-mode="light"] .interlude-archive__content {
    color: #3b2a20 !important;
}

html[data-color-mode="light"] .interlude-archive__content a.interlude-archive-link {
    color: #6c2404 !important;
    text-decoration-color: rgba(108, 36, 4, .46) !important;
}

html[data-color-mode="light"] .interlude-archive__content a.interlude-archive-link:hover,
html[data-color-mode="light"] .interlude-archive__content a.interlude-archive-link:focus-visible {
    color: #a90d19 !important;
    text-decoration-color: #a90d19 !important;
}

/* Rules, server descriptions and secondary content */
html[data-color-mode="light"] :is(.pro-spoiler, .rules-nav-card, .rules-warning-box, .alert, .accordion-item, .accordion-button) {
    color: #3b2a20;
    background-color: rgba(255, 250, 230, .66) !important;
    border-color: rgba(111, 68, 28, .28) !important;
}

html[data-color-mode="light"] .rules-page .rules-hero::after {
    background: radial-gradient(circle, rgba(169, 13, 25, .12), transparent 70%);
}

html[data-color-mode="light"] .rules-warning-box strong,
html[data-color-mode="light"] .rules-warning-box span,
html[data-color-mode="light"] .rules-toc-title,
html[data-color-mode="light"] .rules-document,
html[data-color-mode="light"] .rules-section-title {
    color: #3b2a20 !important;
}

html[data-color-mode="light"] .rules-warning-box span {
    color: #735a43 !important;
}

html[data-color-mode="light"] .rules-toc-link,
html[data-color-mode="light"] .rules-toc-nav a[href] {
    color: #6c351c !important;
}

html[data-color-mode="light"] .rules-toc-link:hover,
html[data-color-mode="light"] .rules-toc-link:focus-visible,
html[data-color-mode="light"] .rules-toc-link.active,
html[data-color-mode="light"] .rules-toc-nav a[href]:hover,
html[data-color-mode="light"] .rules-toc-nav a[href]:focus-visible {
    color: #8f190e !important;
    background: rgba(255, 197, 76, .28) !important;
}

html[data-color-mode="light"] .accordion-button:not(.collapsed) {
    color: #6c2404;
    background-color: rgba(255, 197, 76, .3) !important;
    box-shadow: inset 0 -1px 0 rgba(111, 68, 28, .2);
}

html[data-color-mode="light"] .server-info-content .pro-spoiler a[href]:not(.btn):not(.image-tooltip),
html[data-color-mode="light"] .pro-spoiler a[href]:not(.btn):not(.image-tooltip) {
    color: #6c2404 !important;
    text-decoration-color: rgba(108, 36, 4, .45) !important;
}

html[data-color-mode="light"] code,
html[data-color-mode="light"] pre {
    color: #5a2f17;
    background: rgba(255, 248, 222, .72);
    border-color: rgba(111, 68, 28, .24);
}

/* Forms, authentication and cabinet pages */
html[data-color-mode="light"] :is(.form-label, .form-check-label, .form-hint) {
    color: #65442e !important;
}

html[data-color-mode="light"] :is(.form-error:not(:empty), .alert-danger, .invalid-feedback, .is-invalid ~ .form-error) {
    color: #8b1720 !important;
    background: rgba(169, 13, 25, .1) !important;
    border-color: rgba(169, 13, 25, .28) !important;
}

html[data-color-mode="light"] .password-toggle-btn {
    color: #6c2404 !important;
    background: #efd99f !important;
    border: 1px solid rgba(111, 68, 28, .3);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7) !important;
}

html[data-color-mode="light"] .password-toggle-btn:is(:hover, :focus-visible, .is-visible) {
    color: #351d0d !important;
    background: linear-gradient(180deg, #ffd968, #edaa25) !important;
    box-shadow: 0 7px 16px rgba(105, 57, 10, .2) !important;
}

html[data-color-mode="light"] .register-steps li {
    background: linear-gradient(145deg, rgba(255, 253, 241, .86), rgba(235, 207, 137, .6));
    border-color: rgba(111, 68, 28, .28);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .7), 0 8px 18px rgba(84, 46, 17, .08);
}

html[data-color-mode="light"] .register-steps strong {
    color: #3b2a20 !important;
}

html[data-color-mode="light"] .register-steps p {
    color: #735a43 !important;
}

html[data-color-mode="light"] :is(.invite-server-note, .invite-kit-item, .cabinet-selected-character, .unsubscribe-email, .recovery-data) {
    color: #3b2a20 !important;
    background: rgba(255, 249, 224, .72) !important;
    border-color: rgba(111, 68, 28, .3) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .64) !important;
}

html[data-color-mode="light"] :is(.invite-server-note b, .invite-server-note span, .invite-server-note small, .invite-kit-item span, .unsubscribe-email, .recovery-data) {
    color: #4f3524 !important;
}

html[data-color-mode="light"] .cabinet-page [data-cabinet-characters].is-loading::after {
    color: #6c2404;
    background: rgba(255, 248, 222, .88);
}

/* Restore readable text links after the shared dark-card link treatment. */
html[data-color-mode="light"] :is(
    .game-card,
    .hero-card,
    .about-hero,
    .about-content-card,
    .about-info-card,
    .about-years-card,
    .download-chronicle,
    .download-file,
    .files-hero,
    .files-info,
    .files-changelog-box,
    .rules-hero,
    .rules-intro,
    .rules-warning-box,
    .rules-toc,
    .rules-nav-card,
    .rule-item,
    .bonus-hero,
    .bonus-card,
    .bonus-vote-card,
    .bonus-rewards-card,
    .bonus-table-wrap,
    .forum-last-card,
    .news-popup-card,
    .auth-section .game-card,
    .support-panel,
    .modal-content,
    .page-popup .modal-content,
    .forum-content,
    .rules-content
) a[href]:not(.btn):not(.nav-link):not(.dropdown-item):not(.image-tooltip):not(.support_link):not(.top-vote-link):not(.server-id):not(.server-tile):not(.download-main-link):not(.donate-bonus-ad-link):not(.feature-slide__link):not(.interlude-archive-link) {
    color: #6c2404 !important;
    text-decoration: none !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] :is(
    .game-card,
    .hero-card,
    .about-hero,
    .about-content-card,
    .about-info-card,
    .about-years-card,
    .download-chronicle,
    .download-file,
    .files-hero,
    .files-info,
    .files-changelog-box,
    .rules-hero,
    .rules-intro,
    .rules-warning-box,
    .rules-toc,
    .rules-nav-card,
    .rule-item,
    .bonus-hero,
    .bonus-card,
    .bonus-vote-card,
    .bonus-rewards-card,
    .bonus-table-wrap,
    .forum-last-card,
    .news-popup-card,
    .auth-section .game-card,
    .support-panel,
    .modal-content,
    .page-popup .modal-content,
    .forum-content,
    .rules-content
) a[href]:not(.btn):not(.nav-link):not(.dropdown-item):not(.image-tooltip):not(.support_link):not(.top-vote-link):not(.server-id):not(.server-tile):not(.download-main-link):not(.donate-bonus-ad-link):not(.feature-slide__link):not(.interlude-archive-link)::before {
    background-color: #6c2404 !important;
    opacity: .42;
}

html[data-color-mode="light"] :is(
    .game-card,
    .hero-card,
    .about-hero,
    .about-content-card,
    .about-info-card,
    .about-years-card,
    .download-chronicle,
    .download-file,
    .files-hero,
    .files-info,
    .files-changelog-box,
    .rules-hero,
    .rules-intro,
    .rules-warning-box,
    .rules-toc,
    .rules-nav-card,
    .rule-item,
    .bonus-hero,
    .bonus-card,
    .bonus-vote-card,
    .bonus-rewards-card,
    .bonus-table-wrap,
    .forum-last-card,
    .news-popup-card,
    .auth-section .game-card,
    .support-panel,
    .modal-content,
    .page-popup .modal-content,
    .forum-content,
    .rules-content
) a[href]:not(.btn):not(.nav-link):not(.dropdown-item):not(.image-tooltip):not(.support_link):not(.top-vote-link):not(.server-id):not(.server-tile):not(.download-main-link):not(.donate-bonus-ad-link):not(.feature-slide__link):not(.interlude-archive-link):is(:hover, :focus-visible) {
    color: #a90d19 !important;
    text-shadow: none !important;
}

/* Tables keep links distinct on every stripe and hover state. */
html[data-color-mode="light"] :is(.table, .table-game, .bonus-table, .bonus-reward-table, .quest-table, .ratings-table, .rating-ally-table) tbody a[href]:not(.btn):not(.image-tooltip),
html[data-color-mode="light"] :is(.rating-clan-link, .rating-character-link, .rating-ally-link) {
    color: #6c2404 !important;
    font-weight: 800;
    text-decoration: underline !important;
    text-decoration-color: rgba(108, 36, 4, .5) !important;
    text-underline-offset: 3px;
}

html[data-color-mode="light"] :is(.table, .table-game, .bonus-table, .bonus-reward-table, .quest-table, .ratings-table, .rating-ally-table) tbody a[href]:not(.btn):not(.image-tooltip)::before {
    content: none !important;
    display: none !important;
}

html[data-color-mode="light"] :is(.table, .table-game, .bonus-table, .bonus-reward-table, .quest-table, .ratings-table, .rating-ally-table) tbody a[href]:not(.btn):not(.image-tooltip):is(:hover, :focus-visible),
html[data-color-mode="light"] :is(.rating-clan-link, .rating-character-link, .rating-ally-link):is(:hover, :focus-visible) {
    color: #a90d19 !important;
    text-decoration-color: #a90d19 !important;
}

html[data-color-mode="light"] :is(.table, .table-game, .bonus-table, .bonus-reward-table, .quest-table, .ratings-table, .rating-ally-table) thead a[href]:not(.btn) {
    color: #fff7df !important;
    text-decoration-color: rgba(255, 247, 223, .65) !important;
}

/* Server-description spoilers */
html[data-color-mode="light"] .pro-spoiler-title {
    display: flex;
    align-items: center;
    color: #3b210f !important;
    background: linear-gradient(180deg, #fae9b4 0%, #dfb55f 100%) !important;
    border: 1px solid rgba(111, 68, 28, .38);
    border-left: 4px solid #a90d19;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72), 0 6px 14px rgba(84, 46, 17, .12) !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] .pro-spoiler-title:hover {
    background: linear-gradient(180deg, #fff0bf 0%, #e6bd69 100%) !important;
}

html[data-color-mode="light"] .pro-spoiler-title * {
    color: inherit !important;
}

html[data-color-mode="light"] .pro-spoiler-body {
    color: #3b2a20;
}

/* Donate */
html[data-color-mode="light"] .donate-range-scale button {
    color: #5a2f17;
    background: rgba(255, 250, 230, .82);
    border-color: rgba(111, 68, 28, .32);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .68);
}

html[data-color-mode="light"] .donate-range-scale button:is(:hover, .is-active) {
    color: #351d0d !important;
    background: linear-gradient(180deg, #ffd968, #edaa25) !important;
    border-color: #da9a2e;
}

html[data-color-mode="light"] .form-control.donate-summary-card {
    color: #fff !important;
    background: linear-gradient(135deg, #4b9d00, #267900) !important;
    border-color: #3d8100 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .28), 0 7px 16px rgba(38, 121, 0, .18) !important;
}

html[data-color-mode="light"] .donate-summary-card :is(strong, span, small) {
    color: #fff !important;
}

html[data-color-mode="light"] :is(.donate-tier, .donate-tier-empty) {
    color: #3b2a20;
    background: rgba(255, 249, 224, .66) !important;
    border-color: rgba(111, 68, 28, .28) !important;
}

html[data-color-mode="light"] .donate-tier.is-current {
    opacity: 1;
    filter: none;
    background: linear-gradient(180deg, rgba(255, 252, 237, .96), rgba(229, 199, 121, .74)) !important;
    border-color: rgba(111, 68, 28, .4) !important;
    box-shadow: 0 12px 24px rgba(84, 46, 17, .12) !important;
}

html[data-color-mode="light"] .donate-tier.is-next {
    opacity: .78;
    filter: saturate(.72);
    background: rgba(222, 190, 108, .3) !important;
    border-color: rgba(111, 68, 28, .3) !important;
}

html[data-color-mode="light"] .donate-tier.is-next:is(:hover, :focus-visible) {
    opacity: 1;
    filter: none;
    border-color: rgba(169, 13, 25, .42) !important;
    box-shadow: 0 14px 28px rgba(84, 46, 17, .15) !important;
}

html[data-color-mode="light"] :is(.donate-tier, .donate-tier-empty) h3,
html[data-color-mode="light"] :is(.donate-tier, .donate-tier-empty) p {
    color: #4a2d1b !important;
}

html[data-color-mode="light"] .donate-tier li {
    color: #fff !important;
    background: linear-gradient(135deg, #4b9d00, #267900) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25);
}

html[data-color-mode="light"] .donate-tier li b {
    color: #fffbd7 !important;
}

html[data-color-mode="light"] :is(.donate-pay-currency, .donate-pay-select-trigger) {
    color: #3b2a20 !important;
    background: linear-gradient(180deg, #fffaf0, #ead09a) !important;
    border-color: rgba(111, 68, 28, .38) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .68), 0 7px 15px rgba(84, 46, 17, .1) !important;
    color-scheme: light;
}

html[data-color-mode="light"] .donate-pay-select-trigger::after {
    border-color: #6c2404;
}

html[data-color-mode="light"] :is(.donate-pay-currency, .donate-pay-select-trigger):is(:hover, :focus-visible),
html[data-color-mode="light"] .donate-pay-select.is-open .donate-pay-select-trigger {
    color: #351d0d !important;
    background: linear-gradient(180deg, #ffd968, #edaa25) !important;
    border-color: #da9a2e !important;
}

html[data-color-mode="light"] .donate-pay-select-menu {
    color: #3b2a20;
    background: linear-gradient(180deg, #fffaf0, #ead09a) !important;
    border-color: rgba(111, 68, 28, .38) !important;
    box-shadow: 0 20px 42px rgba(84, 46, 17, .25), inset 0 1px 0 rgba(255, 255, 255, .7);
}

html[data-color-mode="light"] .donate-pay-select-group {
    color: #8f2d0e;
}

html[data-color-mode="light"] .donate-pay-select-option {
    color: #3b2a20 !important;
}

html[data-color-mode="light"] .donate-pay-select-option:is(:hover, :focus-visible) {
    color: #6c2404 !important;
    background: rgba(255, 197, 76, .32);
}

html[data-color-mode="light"] .donate-pay-select-option.is-selected {
    color: #351d0d !important;
    background: linear-gradient(180deg, #ffd968, #edaa25);
}

html[data-color-mode="light"] .donate-wallet {
    color: #3b2a20;
    background: rgba(255, 249, 224, .68);
    border: 1px solid rgba(111, 68, 28, .28);
}

html[data-color-mode="light"] .donate-confirm-message {
    color: #4f3524 !important;
}

html[data-color-mode="light"] .donate-note {
    color: #4f3524 !important;
    background: linear-gradient(135deg, rgba(255, 255, 255, .86), rgba(231, 211, 160, .72)) !important;
    border-color: rgba(47, 111, 159, .36) !important;
    border-left-color: #2f6f9f !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .9), 0 12px 25px rgba(65, 32, 11, .13);
}

html[data-color-mode="light"] .donate-note-icon {
    color: #fff;
    background: linear-gradient(145deg, #4388b8, #245d89);
    border-color: rgba(255, 255, 255, .72);
    box-shadow: 0 7px 15px rgba(36, 93, 137, .25);
}

html[data-color-mode="light"] .donate-note-title,
html[data-color-mode="light"] .donate-note p {
    color: #4f3524 !important;
}

html[data-color-mode="light"] .donate-note a[href] {
    color: #8f190e !important;
    font-weight: 900;
}

/* This CTA intentionally remains identical to the dark mode. */
html[data-color-mode="light"] .feature-carousel__register .btn.feature-carousel__register-btn {
    color: #1a1000 !important;
    background: linear-gradient(135deg, #ff8a00, #ffd166) !important;
    border: 1px solid #ffcc66 !important;
    box-shadow: 0 0 34px rgba(255, 138, 0, .48), 0 14px 34px rgba(0, 0, 0, .32) !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    text-shadow: none;
}

html[data-color-mode="light"] .feature-carousel__register .btn.feature-carousel__register-btn:is(:hover, :focus-visible) {
    color: #fff !important;
    background: linear-gradient(135deg, #ff9f1a, #ffe08a) !important;
    border-color: #ffe08a !important;
    box-shadow: 0 0 34px rgba(255, 138, 0, .48), 0 14px 34px rgba(0, 0, 0, .32) !important;
}

/* The floating support button intentionally keeps the dark-mode styling. */
html[data-color-mode="light"] .support_panel {
    color: #fff4dc;
    background: linear-gradient(160deg, #3a1f12, #170b06) !important;
    border-color: rgba(255, 197, 76, .44) !important;
    box-shadow: 0 24px 56px rgba(34, 15, 5, .42) !important;
}

html[data-color-mode="light"] .support_panel :is(.support_panel_title, .support_panel_subtitle, .support_panel_close, .support_link) {
    color: #fff4dc !important;
}

html[data-color-mode="light"] .support_panel_subtitle {
    color: #eac995 !important;
}

html[data-color-mode="light"] .support_link {
    background: rgba(255, 255, 255, .06) !important;
    border-color: rgba(255, 225, 169, .2) !important;
}

html[data-color-mode="light"] .support_link:hover,
html[data-color-mode="light"] .support_link:focus-visible {
    color: #fff !important;
    background: rgba(255, 197, 76, .16) !important;
    border-color: rgba(255, 197, 76, .38) !important;
}

/* Footer: original gray field with the red brush stroke */
html[data-color-mode="light"] .footer.site-footer {
    margin-top: 0 !important;
    padding-top: 118px;
    color: #3b2a20 !important;
    background-color: #d7d7d7 !important;
    background-image: url("/images/style/bg_bot.jpg") !important;
    background-position: top center !important;
    background-size: auto 152px !important;
    background-repeat: repeat-x !important;
    border-top: 0 !important;
    box-shadow: none !important;
}

html[data-color-mode="light"] .footer.site-footer::before {
    content: none !important;
    display: none !important;
}

html[data-color-mode="light"] .footer :is(.f_menu, .copy, .footer-copy-years, small) {
    color: #3b2a20 !important;
}

html[data-color-mode="light"] .footer .f_menu a,
html[data-color-mode="light"] .footer .copy a {
    color: #563727 !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] .footer .f_menu a::before {
    background: #a90d19 !important;
    box-shadow: none !important;
}

html[data-color-mode="light"] .footer .f_menu a:hover,
html[data-color-mode="light"] .footer .f_menu a:focus-visible,
html[data-color-mode="light"] .footer .copy a:hover,
html[data-color-mode="light"] .footer .copy a:focus-visible {
    color: #a90d19 !important;
}

html[data-color-mode="light"] .footer .flogo2 img {
    filter: grayscale(.25) sepia(.18) drop-shadow(0 5px 7px rgba(52, 31, 20, .2));
    opacity: .94;
}

html[data-color-mode="light"] .footer .copy {
    border-top-color: rgba(78, 54, 38, .2);
}

/* Page hero panels stay airy and consistent on the light canvas. */
html[data-color-mode="light"] .site-main :is(
    .hero-card,
    .about-hero,
    .files-hero,
    .rules-hero,
    .bonus-hero,
    .ratings-hero,
    .quests-catalog-hero,
    .server-info-hero,
    .proxy-hero,
    .android-guide-page > header .game-card
) {
    background-color: rgba(255, 255, 255, 0.7) !important;
    background-image: none !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-years-card {
    background:
        radial-gradient(circle at 22% 0%, rgba(255, 209, 102, .28), transparent 38%),
        linear-gradient(145deg, #7b3d20 0%, #4a2112 62%, #861422 100%) !important;
    border: 1px solid rgba(255, 197, 76, .72) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .2),
        0 16px 30px rgba(70, 29, 10, .28) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-years-number {
    color: #ffd166 !important;
    text-shadow: 0 2px 12px rgba(31, 10, 3, .42) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-years-label {
    color: #fff3d2 !important;
    text-shadow: 0 1px 3px rgba(31, 10, 3, .42);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page :is(.about-content-card, .about-info-card) {
    color: #40291b !important;
    background: rgba(255, 252, 241, .91) !important;
    border: 1px solid rgba(101, 56, 22, .38) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .96),
        0 15px 32px rgba(65, 32, 11, .16) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-content-card p {
    color: #4a3020 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-benefits li {
    color: #3d2719 !important;
    background: linear-gradient(90deg, rgba(255, 247, 217, .98), rgba(235, 205, 130, .84)) !important;
    border: 1px solid rgba(122, 72, 26, .3);
    box-shadow:
        inset 4px 0 0 #a90d19,
        inset 0 1px 0 rgba(255, 255, 255, .84),
        0 7px 16px rgba(75, 39, 14, .1);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-benefits li:nth-child(even) {
    background: linear-gradient(90deg, rgba(255, 252, 237, .98), rgba(242, 221, 168, .86)) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-benefits li::before {
    background: linear-gradient(145deg, #ffc54c, #a90d19) !important;
    border: 1px solid rgba(111, 48, 18, .32);
    box-shadow: 0 0 0 4px rgba(169, 13, 25, .09), 0 3px 8px rgba(73, 31, 9, .22);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-benefits :is(b, u) {
    color: #6c2404 !important;
    text-decoration-color: rgba(169, 13, 25, .5);
    text-underline-offset: 2px;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-info-card h2 {
    color: #4a2515 !important;
    padding-bottom: .8rem;
    border-bottom: 2px solid rgba(169, 13, 25, .42);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-mini-stat {
    margin-bottom: .55rem;
    padding: .85rem .8rem;
    background: rgba(238, 210, 139, .34);
    border: 1px solid rgba(111, 68, 28, .18);
    border-radius: 13px;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-mini-stat:last-child {
    margin-bottom: 0;
    border-bottom: 1px solid rgba(111, 68, 28, .18);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-mini-stat :is(strong, i) {
    color: #513321 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .about-page .about-mini-stat :is(span, b) {
    color: #81230d !important;
}

/* Unified hero hierarchy for About, Rules and the remaining content pages. */
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(
    .about-hero,
    .files-hero,
    .rules-hero,
    .bonus-hero,
    .ratings-hero,
    .quests-catalog-hero,
    .server-info-hero,
    .proxy-hero,
    .android-guide-page > header .game-card
) {
    color: #3b2417 !important;
    background:
        radial-gradient(circle at 88% 14%, rgba(255, 197, 76, .2), transparent 34%),
        linear-gradient(135deg, rgba(255, 254, 247, .96), rgba(244, 219, 156, .86)) !important;
    border: 1px solid rgba(101, 56, 22, .42) !important;
    box-shadow:
        inset 5px 0 0 #a90d19,
        inset 0 1px 0 rgba(255, 255, 255, .94),
        0 18px 40px rgba(65, 32, 11, .19) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(
    .about-hero,
    .files-hero,
    .rules-hero,
    .bonus-hero,
    .ratings-hero,
    .quests-catalog-hero,
    .server-info-hero,
    .proxy-hero,
    .android-guide-page > header .game-card
) :is(h1, h2, h3, p, .lead) {
    color: #3b2417 !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(
    .about-kicker,
    .files-kicker,
    .rules-kicker,
    .bonus-kicker,
    .ratings-kicker,
    .quests-eyebrow
) {
    color: #941623 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(
    .about-hero,
    .files-hero,
    .rules-hero,
    .proxy-hero
)::after {
    background: radial-gradient(circle, rgba(218, 154, 46, .28), transparent 69%) !important;
    opacity: .76;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(
    .news-archive-section,
    .cabinet-page,
    .cabinet-guide-page,
    .donate-page
) > .section-title,
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .cabinet-page > h1:first-child {
    color: #3b2417 !important;
    padding: 1.05rem 1.25rem;
    background:
        linear-gradient(90deg, rgba(255, 254, 247, .95), rgba(239, 213, 150, .84)) !important;
    border: 1px solid rgba(101, 56, 22, .36);
    border-left: 5px solid #a90d19;
    border-radius: 18px;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .94), 0 12px 28px rgba(65, 32, 11, .14);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(
    .news-archive-section,
    .cabinet-page,
    .cabinet-guide-page,
    .donate-page
) > .section-title :is(h1, h2, h3, p),
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .cabinet-page > h1:first-child :is(span, strong) {
    color: #3b2417 !important;
    text-shadow: none !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .cabinet-page > h1:first-child {
    margin-bottom: 1.5rem;
    font-size: clamp(1.65rem, 3vw, 2.4rem);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(
    .download-chronicle,
    .files-info,
    .files-changelog-box,
    .rules-toc,
    .rules-document,
    .bonus-card,
    .bonus-vote-card,
    .bonus-rewards-card,
    .ratings-nav,
    .ratings-table-card,
    .rating-ally-card,
    .clan-summary-card,
    .clan-war-status-card,
    .proxy-card,
    .quests-sticky-navigation,
    .quests-mobile-navigation,
    .quest-catalog-card,
    .server-changelog-sidebar,
    .android-guide-section
) {
    color: #40291b !important;
    background: rgba(255, 252, 241, .91) !important;
    border: 1px solid rgba(101, 56, 22, .36) !important;
    box-shadow:
        inset 0 1px 0 rgba(255, 255, 255, .96),
        0 15px 32px rgba(65, 32, 11, .15) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(
    .auth-section,
    .cabinet-page,
    .cabinet-guide-page,
    .donate-page
) .game-card {
    color: #40291b !important;
    background: rgba(255, 252, 241, .87) !important;
    border-color: rgba(101, 56, 22, .34) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .92), 0 14px 30px rgba(65, 32, 11, .14) !important;
}

/* Files */
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .download-launcher {
    color: #3d2719;
    background: linear-gradient(90deg, rgba(255, 248, 221, .98), rgba(232, 201, 127, .86)) !important;
    border: 1px solid rgba(111, 68, 28, .34);
    box-shadow: inset 4px 0 0 #a90d19, inset 0 1px 0 rgba(255, 255, 255, .82), 0 8px 18px rgba(69, 34, 11, .11);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .download-launcher :is(span, strong, small) {
    color: #4a2d1b !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .download-launcher small {
    color: #76543a !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .files-info {
    color: #4b2d1b !important;
    background: linear-gradient(135deg, rgba(255, 245, 207, .96), rgba(236, 204, 127, .84)) !important;
    border-left: 5px solid #a90d19 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .files-info-icon {
    color: #ffd166;
    background: linear-gradient(145deg, #713219, #971523) !important;
    box-shadow: 0 8px 18px rgba(86, 33, 10, .22);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .files-info :is(strong, p) {
    color: #4b2d1b !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .files-info a {
    color: #8f190e !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .files-changelog-box {
    color: #3d2719 !important;
    background: rgba(255, 254, 247, .94) !important;
}

/* Rules */
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .rules-page .rules-warning-box {
    color: #4b2d1b !important;
    background: rgba(255, 244, 210, .9) !important;
    border: 1px solid rgba(169, 13, 25, .3) !important;
    box-shadow: inset 4px 0 0 #a90d19, 0 9px 20px rgba(70, 34, 11, .11) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .rules-page .rules-warning-icon {
    color: #ffd166;
    background: linear-gradient(145deg, #713219, #971523) !important;
    box-shadow: 0 8px 18px rgba(86, 33, 10, .22);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .rules-page .rules-intro {
    color: #4b2d1b !important;
    background: rgba(245, 222, 163, .46) !important;
    border: 1px solid rgba(111, 68, 28, .22);
    border-left: 4px solid #a90d19;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .rules-page .server-changelog-date {
    color: #573824 !important;
    background: rgba(255, 248, 221, .9) !important;
    border-color: rgba(111, 68, 28, .24) !important;
    box-shadow: inset 3px 0 0 rgba(218, 154, 46, .76);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .rules-page .server-changelog-date:is(:hover, :focus-visible) {
    color: #7d1b12 !important;
    background: rgba(255, 223, 143, .78) !important;
    border-color: rgba(169, 13, 25, .34) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .rules-page .rules-section-title {
    color: #4a2515 !important;
    border-bottom: 2px solid rgba(169, 13, 25, .38);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .rules-page .rule-item {
    color: #3d2719 !important;
    background: linear-gradient(90deg, rgba(255, 251, 235, .98), rgba(239, 215, 158, .84)) !important;
    border: 1px solid rgba(111, 68, 28, .24) !important;
    border-left: 4px solid #da9a2e !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .85), 0 6px 14px rgba(70, 34, 11, .08) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .rules-page .rule-item:hover {
    border-left-color: #a90d19 !important;
    background: linear-gradient(90deg, #fff8dc, #edcc84) !important;
}

/* Bonus */
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .bonus-page .bonus-hero-badge {
    color: #fff3d2 !important;
    background: radial-gradient(circle at 25% 0%, rgba(255, 209, 102, .3), transparent 38%), linear-gradient(145deg, #73371e, #481e11 62%, #861422) !important;
    border: 1px solid rgba(255, 197, 76, .7) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .2), 0 14px 28px rgba(70, 29, 10, .25) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .bonus-page .bonus-hero-badge span {
    color: #ffd166 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .bonus-page .bonus-card-icon {
    color: #ffd166 !important;
    background: linear-gradient(145deg, #713219, #971523) !important;
    box-shadow: 0 8px 18px rgba(86, 33, 10, .2) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .bonus-page .bonus-list,
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .bonus-page .bonus-list li {
    color: #4a3020 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .bonus-page .bonus-list code {
    color: #7d1b12;
    background: rgba(235, 204, 127, .5);
    border: 1px solid rgba(111, 68, 28, .2);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .bonus-page .bonus-item-name strong {
    color: #3b2417 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .bonus-page .bonus-item-icon {
    background: rgba(255, 247, 218, .92) !important;
    border-color: rgba(111, 68, 28, .28) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .bonus-page .bonus-chance {
    color: #5b2c13 !important;
    background: linear-gradient(180deg, #ffe18a, #e8b23f) !important;
    border-color: #d39a2c !important;
}

/* Ratings */
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .ratings-page .ratings-nav-label {
    color: #6b4630 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .ratings-page .rating-sort-indicator {
    color: rgba(255, 247, 223, .72);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .ratings-page .clan-war-column {
    color: #40291b;
    background: rgba(255, 248, 222, .82) !important;
    border-color: rgba(111, 68, 28, .26) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .ratings-page .clan-war-column > header {
    color: #4a2515;
    background: rgba(235, 204, 127, .4) !important;
    border-bottom-color: rgba(111, 68, 28, .2);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .ratings-page .clan-war-column > header span {
    color: #fff3d2;
    background: #8f190e;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .ratings-page .rating-ally-header {
    background: linear-gradient(90deg, rgba(255, 244, 206, .92), rgba(229, 196, 116, .66)) !important;
    border-bottom-color: rgba(111, 68, 28, .24);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .ratings-page .rating-ally-title h2 {
    color: #4a2515 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .ratings-page .rating-ally-score {
    color: #8f190e;
}

/* Server descriptions */
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .server-info-page .server-info-content {
    color: #40291b !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .server-info-page .server-info-content :is(.name_p, .name_cat) {
    color: #7f2412 !important;
    padding-bottom: .45rem;
    border-bottom: 2px solid rgba(169, 13, 25, .3);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .server-info-page .server-info-content .ul_div,
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .server-info-page .server-info-content .stabs2 > .stab2 {
    color: #40291b;
    background: rgba(247, 227, 177, .5) !important;
    border-color: rgba(111, 68, 28, .24) !important;
    box-shadow: inset 4px 0 0 rgba(218, 154, 46, .78);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .server-info-page .server-info-content .stabs2 > label {
    background: rgba(255, 249, 225, .9) !important;
    border-color: rgba(111, 68, 28, .25) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .84), 0 7px 15px rgba(66, 31, 10, .09);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .server-info-page .server-info-content .stabs2 > input[type="radio"]:checked + label {
    background: linear-gradient(180deg, #ffe08a, #e5af39) !important;
    border-color: #c98b22 !important;
    box-shadow: 0 8px 18px rgba(94, 48, 8, .18);
}

/* Proxy */
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .proxy-page .proxy-help-box {
    color: #4b2d1b;
    background: rgba(255, 244, 210, .86) !important;
    border: 1px solid rgba(169, 13, 25, .26);
    box-shadow: inset 4px 0 0 #a90d19;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .proxy-page .proxy-help-box span {
    color: #73513a !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .proxy-page .proxy-help-icon {
    color: #ffd166;
    background: linear-gradient(145deg, #713219, #971523) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .proxy-page .proxy-note {
    color: #4b2d1b !important;
    background: rgba(239, 211, 139, .48) !important;
    border-color: rgba(111, 68, 28, .28) !important;
    border-left: 4px solid #a90d19 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .proxy-page .proxy-image {
    border-color: rgba(111, 68, 28, .38);
    box-shadow: 0 16px 30px rgba(64, 30, 10, .2);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .proxy-page :is(.proxy-steps li, .proxy-legend) {
    color: #4a3020 !important;
}

/* Quest catalogue and imported quest content */
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quests-page .quest-catalog-card {
    background: rgba(255, 252, 241, .92) !important;
    border-color: rgba(101, 56, 22, .34) !important;
    box-shadow: 0 13px 28px rgba(65, 32, 11, .14) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quests-page :is(.quests-sticky-navigation, .quests-mobile-navigation) {
    background: rgba(255, 250, 231, .94) !important;
    border-color: rgba(101, 56, 22, .36) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quest-imported-content :is(
    .intro-card,
    .content-card,
    .item-card,
    .reward-box,
    .mini-card,
    .step-card,
    .timeline-cell,
    .race-block,
    .class-path-card,
    .third-class-card,
    .profession-saga-grid > div
) {
    background: rgba(255, 252, 241, .9) !important;
    border-color: rgba(101, 56, 22, .3) !important;
    box-shadow: 0 10px 22px rgba(65, 32, 11, .11) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quest-imported-content .notice-card {
    background: rgba(247, 220, 155, .72) !important;
    border-color: rgba(169, 13, 25, .3) !important;
    border-left: 4px solid #a90d19 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quest-imported-content .step-card {
    border: 1px solid rgba(101, 56, 22, .38) !important;
    border-left: 4px solid #d99a2e !important;
    background:
        linear-gradient(105deg, rgba(239, 211, 139, .32), transparent 44%),
        rgba(255, 253, 245, .96) !important;
    box-shadow: inset 0 1px 0 #fff, 0 11px 24px rgba(65, 32, 11, .14) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quest-imported-content .step-card:nth-child(even) {
    border-left-color: #a90d19 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quest-imported-content .step-card::before {
    color: #fff5dd !important;
    background: linear-gradient(145deg, #7a431f, #4a2413) !important;
    box-shadow: 0 6px 14px rgba(65, 32, 11, .24);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quest-imported-content .step-card p {
    color: #553925 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quest-imported-content .quest-step-entity {
    border-color: rgba(101, 56, 22, .42) !important;
    background: #fff9e9 !important;
    box-shadow: 0 7px 16px rgba(65, 32, 11, .16);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quest-imported-content .quest-step-entity figcaption {
    background: linear-gradient(180deg, #71401f, #432315) !important;
    border-top: 1px solid rgba(255, 209, 102, .46);
    border-radius: 0 0 11px 11px;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quest-imported-content .quest-step-entity strong {
    color: #fff6de !important;
    text-shadow: 0 1px 2px rgba(0, 0, 0, .42);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .quest-imported-content .quest-step-entity span {
    color: #ffd166 !important;
}

/* Structured changelog */
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-sidebar-title {
    color: #7f2412;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-date {
    color: #553521;
    background: rgba(255, 248, 221, .88);
    border-color: rgba(111, 68, 28, .24);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-date:is(:hover, :focus-visible) {
    color: #7d1b12;
    background: rgba(255, 225, 151, .72);
    border-color: rgba(169, 13, 25, .32);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-date.is-active {
    color: #5a2413;
    background: linear-gradient(90deg, #ffe195, #e8b54c);
    border-color: #c98b22;
    box-shadow: inset 4px 0 0 #a90d19, 0 8px 18px rgba(78, 36, 9, .14);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-day {
    background: rgba(255, 251, 236, .92);
    border-color: rgba(111, 68, 28, .28);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-day-header h2 {
    color: #7f2412 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-entry,
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-entry:hover {
    color: #40291b !important;
    background: rgba(255, 253, 244, .95) !important;
    border: 1px solid rgba(111, 68, 28, .28) !important;
    border-left: 5px solid #a90d19 !important;
    box-shadow: 0 10px 22px rgba(65, 32, 11, .1) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-entry-head {
    border-bottom-color: rgba(111, 68, 28, .22);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-entry-head h3 {
    color: #4a2515 !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-server-list span {
    color: #6c2404;
    background: rgba(239, 211, 139, .48);
    border-color: rgba(111, 68, 28, .26);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-change-list li {
    color: #3d2719;
    background: linear-gradient(90deg, #fffdf5, #f0dbac);
    border-color: rgba(111, 68, 28, .24);
    box-shadow: inset 0 1px 0 #fff, 0 5px 12px rgba(65, 32, 11, .1);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .server-changelog-content {
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .changelog-toolbar {
    color: #40291b !important;
    background: rgba(255, 252, 241, .92) !important;
    border-color: rgba(101, 56, 22, .34) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .changelog-scope-switch {
    background: rgba(239, 211, 139, .38) !important;
    border-color: rgba(101, 56, 22, .28) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .files-page .changelog-browser .changelog-scope-switch button:not(.is-active) {
    color: #5c3c27 !important;
}

/* Android and cabinet guides */
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .android-guide-page .android-guide-section > :is(.game-card, .d-grid) .game-card,
html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .android-guide-page .android-guide-section > .game-card {
    color: #432c1d !important;
    background: rgba(245, 222, 164, .42) !important;
    border-color: rgba(111, 68, 28, .22) !important;
    box-shadow: inset 3px 0 0 rgba(218, 154, 46, .72), inset 0 1px 0 rgba(255, 255, 255, .78) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .android-guide-page .server-changelog-date {
    color: #573824 !important;
    background: rgba(255, 248, 221, .9) !important;
    border-color: rgba(111, 68, 28, .24) !important;
    box-shadow: inset 3px 0 0 rgba(218, 154, 46, .76);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .android-guide-page .server-changelog-date:is(:hover, :focus-visible) {
    color: #7d1b12 !important;
    background: rgba(255, 223, 143, .78) !important;
    border-color: rgba(169, 13, 25, .34) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .cabinet-guide-page .guide-inline-preview {
    color: #432819 !important;
    background: linear-gradient(90deg, rgba(255, 248, 221, .96), rgba(231, 198, 119, .82)) !important;
    border-color: rgba(111, 68, 28, .3) !important;
    box-shadow: inset 4px 0 0 #a90d19, 0 8px 18px rgba(65, 32, 11, .11);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .cabinet-guide-page .guide-ui-icon {
    color: #7f2412;
    background: rgba(255, 245, 207, .88);
    border-color: rgba(111, 68, 28, .28);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .cabinet-guide-page .guide-input-box {
    background: #fffaf0;
    border-color: rgba(111, 68, 28, .38);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .cabinet-guide-page .guide-button-box {
    color: #3b210f;
    background: linear-gradient(180deg, #ffe08a, #e5af39);
    border-color: #c98b22;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .cabinet-guide-page .guide-premium-info {
    color: #432c1d;
    background: rgba(245, 222, 164, .46);
    border-color: rgba(111, 68, 28, .26);
    border-left: 4px solid #a90d19;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .cabinet-guide-page :is(.guide-step-image, .guide-inline-preview) {
    box-shadow: 0 13px 26px rgba(65, 32, 11, .17);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(.cabinet-page, .cabinet-guide-page) :is(
    .cabinet-account-line,
    .cabinet-account-balance,
    .cabinet-account-status
) {
    color: #40291b !important;
    background: linear-gradient(90deg, rgba(255, 250, 232, .98), rgba(236, 207, 139, .72)) !important;
    border-color: rgba(101, 56, 22, .34) !important;
    box-shadow: inset 4px 0 0 rgba(218, 154, 46, .9), inset 0 1px 0 #fff, 0 6px 14px rgba(65, 32, 11, .1);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(.cabinet-page, .cabinet-guide-page) :is(
    .cabinet-account-line,
    .cabinet-account-balance,
    .cabinet-account-status
) :is(strong, .cabinet-account-value) {
    color: #40291b !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(.cabinet-page, .cabinet-guide-page) .cabinet-account-status.is-banned {
    color: #811923;
    background: rgba(169, 13, 25, .1);
    border-color: rgba(169, 13, 25, .32);
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) :is(.cabinet-page, .cabinet-guide-page) .cabinet-account-status.is-banned a:not(.btn) {
    color: #8f190e !important;
}

/* Smooth theme transition without animating the first paint */
html[data-color-mode="light"] body,
html[data-color-mode="light"] .topbar,
html[data-color-mode="light"] .hero-section,
html[data-color-mode="light"] .game-card,
html[data-color-mode="light"] .feature-carousel-section,
html[data-color-mode="light"] .footer.site-footer {
    transition: color .22s ease, background-color .22s ease, border-color .22s ease, box-shadow .22s ease;
}

@media (max-width: 991.98px) {
    html[data-color-mode="light"] .topbar {
        background-position: top center;
        background-size: auto, 1800px auto;
    }

    html[data-color-mode="light"] .topbar .navbar-collapse {
        margin-top: .65rem;
        padding: .8rem;
        background: rgba(30, 14, 7, .98);
        border: 1px solid rgba(255, 197, 76, .3);
        border-radius: 14px;
        box-shadow: 0 18px 32px rgba(0, 0, 0, .34);
    }

    html[data-color-mode="light"] .hero-section .home-hero-girl {
        top: -180px;
        left: -10px;
        width: clamp(560px, 78vw, 660px);
        opacity: .5;
    }

    html[data-color-mode="light"] .feature-slide__content {
        background: rgba(255, 255, 255, .84);
    }
}

@media (max-width: 767.98px) {
    html[data-color-mode="light"] .hero-section::after {
        bottom: -16px;
        height: 63px;
        background-size: 2022px 63px;
    }

    html[data-color-mode="light"] .hero-section + section {
        padding-top: 4.7rem !important;
    }

    html[data-color-mode="light"] .hero-section .server-open-countdown {
        width: 100% !important;
    }

    html[data-color-mode="light"] .home-news-section::after {
        bottom: -30px;
        height: 45px;
        background-size: 1857px 45px !important;
    }

    html[data-color-mode="light"] .home-quests-section::before {
        top: -55px;
        height: 63px;
        background-size: 2022px 63px !important;
    }

    html[data-color-mode="light"] .home-quests-section::after {
        height: 45px;
        background-size: 1857px 45px !important;
    }

    html[data-color-mode="light"] .home-quests-section::after {
        bottom: -30px;
    }

    html[data-color-mode="light"] .interlude-servers-section::before {
        top: -30px;
        bottom: 0;
        height: auto;
        background-size: 1857px 45px !important;
    }

    html[data-color-mode="light"] .footer.site-footer {
        padding-top: 98px;
        background-size: 1684px 99px !important;
    }
}

@media (max-width: 700px) {
    html[data-color-mode="light"] .hero-section .home-hero-girl {
        top: -185px;
        left: calc(50% - min(85vw, 325px) + 100px) !important;
        width: min(170vw, 650px) !important;
        height: auto !important;
        max-width: none !important;
        opacity: .5;
        filter: saturate(.86) contrast(.96) drop-shadow(0 14px 24px rgba(84, 46, 17, .14));
    }
}

@media (max-width: 575.98px) {
    html[data-color-mode="light"] .color-mode-toggle {
        width: 36px;
        height: 36px;
        min-width: 36px;
    }

    html[data-color-mode="light"] .hero-section .home-hero-girl {
        top: 10px;
        left: calc(50% - min(97vw, 310px) + 100px) !important;
        width: min(194vw, 620px) !important;
        opacity: .5;
    }

    html[data-color-mode="light"] .page-popup .modal-content {
        border-radius: 18px 7px 20px 8px !important;
    }

    html[data-color-mode="light"] .feature-slide__content {
        padding-inline: .75rem;
    }

    html[data-color-mode="light"] .interlude-servers-section > .game-card {
        border-radius: 14px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-color-mode="light"] body,
    html[data-color-mode="light"] .topbar,
    html[data-color-mode="light"] .hero-section,
    html[data-color-mode="light"] .game-card,
    html[data-color-mode="light"] .feature-carousel-section,
    html[data-color-mode="light"] .footer.site-footer {
        transition: none;
    }
}

/* v1.0.614: simplified home panels and cabinet grouping */
html[data-color-mode="light"] .hero-section [data-mini-ratings],
html[data-color-mode="light"] .home-news-section [data-mini-ratings],
html[data-color-mode="light"] .home-news-section .forum-last-card {
    background-color: rgba(255, 255, 255, .7) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: 0 16px 34px rgba(65, 32, 11, .17) !important;
}

html[data-color-mode="light"] :is(.site-main, .page-popup .modal-body) .cabinet-server-characters-card > .section-title:not(:first-child) {
    border-top-color: rgba(101, 56, 22, .24);
}

/* v1.0.615: quest metadata and classic server selector */
html[data-color-mode="light"] .quest-imported-content .hero-meta span {
    color: #fff7df !important;
    background: rgba(54, 27, 11, .92) !important;
    border-color: rgba(255, 197, 76, .78) !important;
    box-shadow: 0 6px 16px rgba(35, 14, 4, .38), inset 0 1px rgba(255, 255, 255, .12) !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .72) !important;
}

html[data-color-mode="light"] .hero-section .home-servers-card {
    overflow: visible;
}

html[data-color-mode="light"] .hero-section .home-servers-card .servers {
    align-items: flex-start;
    justify-content: center;
    column-gap: 0;
    row-gap: 14px;
    padding: .35rem 0 .8rem;
    background: transparent;
    border: 0;
}

html[data-color-mode="light"] .hero-section .home-servers-card .server-tile {
    display: flex;
    flex: 0 0 129px;
    justify-content: center;
    width: 129px;
    min-width: 129px;
    margin: 0;
    perspective: none;
    text-decoration: none !important;
}

html[data-color-mode="light"] .hero-section .server-tile .server-id {
    box-sizing: content-box;
    width: 110px;
    height: 88px;
    min-height: 88px;
    margin: 0 2px;
    padding: 13px 9px 26px 6px;
    overflow: visible;
    isolation: auto;
    color: #da9a2e;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    filter: none !important;
    transform: none !important;
    transition: background-color .55s ease-in-out, border-radius .55s ease-in-out, box-shadow .55s ease-in-out;
}

html[data-color-mode="light"] .hero-section .server-tile .server-id::before,
html[data-color-mode="light"] .hero-section .server-tile .server-id::after {
    content: none;
}

html[data-color-mode="light"] .hero-section .server-tile :is(.leftRect, .rightRect) {
    top: 17px;
    bottom: auto;
    box-sizing: border-box;
    width: 26px;
    height: 90px;
    background: transparent !important;
    border: 2px solid #da9a2e !important;
    opacity: 1 !important;
    z-index: 3;
    transform-origin: center;
    animation: lightServerBracketIn 2s linear 1 both;
}

html[data-color-mode="light"] .hero-section .server-tile .leftRect {
    left: 7px;
    border-right-width: 0 !important;
    border-radius: 20px 0 0 8px / 50px 0 0 12px;
}

html[data-color-mode="light"] .hero-section .server-tile .rightRect {
    right: 7px;
    border-left-width: 0 !important;
    border-radius: 0 8px 20px 0 / 0 12px 50px 0;
}

html[data-color-mode="light"] .hero-section .server-tile .server-body {
    box-sizing: content-box;
    display: block;
    width: 100%;
    height: 100%;
    min-height: 88px;
    margin: -4px 0 0;
    padding: 13px 0 26px;
    text-align: center;
}

html[data-color-mode="light"] .hero-section .server-tile .server-name {
    position: static;
    display: block;
    margin: -14px 0 0;
    color: #513b2d !important;
    font-size: 14px;
    line-height: normal;
    letter-spacing: 0;
    text-align: center;
    text-transform: none;
    text-shadow: none !important;
}

html[data-color-mode="light"] .hero-section .server-tile .server-body img {
    display: inline-block;
    width: 85px !important;
    height: 45px !important;
    max-width: none;
    object-fit: contain;
    filter: none;
    opacity: 1;
    transform: none !important;
}

html[data-color-mode="light"] .hero-section .server-tile .server-rate {
    position: static;
    display: block;
    min-width: 0;
    min-height: 0;
    margin: -10px 0 0;
    padding: 0;
    color: #513b2d !important;
    background: transparent !important;
    border-radius: 0;
    box-shadow: none !important;
    font-size: 20px;
    line-height: normal;
    text-transform: uppercase;
}

html[data-color-mode="light"] .hero-section .server-tile .server-online,
html[data-color-mode="light"] .hero-section .server-tile .server-online.is-online,
html[data-color-mode="light"] .hero-section .server-tile .server-online.is-offline {
    position: static;
    display: block;
    min-width: 0;
    min-height: 0;
    margin: 10px 0 0;
    padding: 0;
    color: #513b2d !important;
    background: transparent !important;
    border-radius: 0;
    font-size: 18px;
    line-height: normal;
}

html[data-color-mode="light"] .hero-section .server-tile:is(:hover, :focus-visible) .server-id {
    color: #fff;
    background: #ffc54c !important;
    border: 0 !important;
    border-radius: 200px / 40px;
    border-top-right-radius: 7px 50px;
    border-bottom-left-radius: 7px 25px;
    box-shadow: 0 12px 24px rgba(84, 46, 17, .2) !important;
    filter: none !important;
    transform: none !important;
}

html[data-color-mode="light"] .hero-section .server-tile:is(:hover, :focus-visible) :is(.server-name, .server-rate, .server-online, .server-online.is-online, .server-online.is-offline) {
    color: #fff !important;
    text-shadow: 0 1px 3px rgba(70, 37, 8, .3) !important;
}

html[data-color-mode="light"] .hero-section .server-tile:is(:hover, :focus-visible) .server-ribbon {
    opacity: 0;
    visibility: hidden;
}

html[data-color-mode="light"] .hero-section .server-ribbon-br {
    animation: lightServerRibbonShake .82s linear 2 2s;
    backface-visibility: hidden;
}

@media (min-width: 871px) {
    html[data-color-mode="light"] .hero-section .home-servers-card .servers {
        display: flex;
        flex-wrap: wrap;
    }
}

@media (max-width: 870.98px) {
    html[data-color-mode="light"] .hero-section .home-servers-card .servers {
        flex-wrap: nowrap !important;
        justify-content: flex-start;
    }

    html[data-color-mode="light"] .hero-section .home-servers-card .server-id,
    html[data-color-mode="light"] .hero-section .home-servers-card .server-body {
        min-height: 88px !important;
    }
}

@keyframes lightServerBracketIn {
    from { transform: rotateY(-90deg); }
    to { transform: rotateY(0deg); }
}

@keyframes lightServerRibbonShake {
    10%, 90% { transform: translate3d(-3px, 0, 0); }
    20%, 80% { transform: translate3d(3px, 0, 0); }
    30%, 50%, 70% { transform: translate3d(-5px, 0, 0); }
    40%, 60% { transform: translate3d(5px, 0, 0); }
}

@media (prefers-reduced-motion: reduce) {
    html[data-color-mode="light"] .hero-section .server-tile .server-id {
        transition: none;
    }

    html[data-color-mode="light"] .hero-section .server-tile :is(.leftRect, .rightRect),
    html[data-color-mode="light"] .hero-section .server-ribbon-br {
        animation: none;
    }
}

/* v1.0.616: larger desktop servers, donate hierarchy and professions */
html[data-color-mode="light"] .hero-section .server-tile .server-id {
    overflow: hidden;
}

@media (min-width: 992px) {
    html[data-color-mode="light"] .hero-section .col-md-5 > .rounded.p-3 {
        padding-right: .25rem !important;
        padding-left: .25rem !important;
    }

    html[data-color-mode="light"] .hero-section .home-servers-card .servers {
        row-gap: 18px;
    }

    html[data-color-mode="light"] .hero-section .home-servers-card .server-tile {
        flex-basis: 147px;
        width: 147px;
        min-width: 147px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-id {
        width: 123px;
        height: 92px;
        min-height: 92px;
        padding: 14px 9px 28px;
    }

    html[data-color-mode="light"] .hero-section .server-tile :is(.leftRect, .rightRect) {
        top: 18px;
        width: 28px;
        height: 98px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .leftRect {
        left: 8px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .rightRect {
        right: 8px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-body {
        height: 92px;
        min-height: 92px;
        padding: 14px 0 28px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-name {
        margin-top: -15px;
        font-size: 15px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-body img {
        width: 92px !important;
        height: 49px !important;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-rate {
        margin-top: -10px;
        font-size: 21px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-online,
    html[data-color-mode="light"] .hero-section .server-tile .server-online.is-online,
    html[data-color-mode="light"] .hero-section .server-tile .server-online.is-offline {
        margin-top: 9px;
        font-size: 18px;
    }
}

/* v1.0.623: donate page restored to the lighter legacy composition */
html[data-color-mode="light"]
:is(.site-main, .page-popup .modal-body)
.cabinet-donate-page .donate-panel.game-card {
    display: grid;
    gap: 1.625rem;
    height: auto !important;
    padding: 0 !important;
    overflow: visible;
    color: #111 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none !important;
}

html[data-color-mode="light"]
:is(.site-main, .page-popup .modal-body)
.cabinet-donate-page .donate-bonus-panel.game-card,
html[data-color-mode="light"] .cabinet-donate-page :is(
    .donate-select-box,
    .donate-count-box,
    .donate-pay-box
) {
    color: #111 !important;
    background: rgba(255, 255, 255, .72) !important;
    border: 0 !important;
    border-radius: 15px;
    box-shadow: 0 12px 30px rgba(75, 48, 25, .1) !important;
}

html[data-color-mode="light"]
:is(.site-main, .page-popup .modal-body)
.cabinet-donate-page .donate-bonus-panel.game-card {
    height: auto !important;
    padding: 1.55rem !important;
    overflow: visible;
}

html[data-color-mode="light"] .cabinet-donate-page :is(
    .donate-select-box,
    .donate-count-box,
    .donate-pay-box
) {
    padding: 1.25rem;
    margin-bottom: 0;
}

html[data-color-mode="light"] .cabinet-donate-page :is(
    .donate-panel,
    .donate-bonus-panel
)::after {
    content: none !important;
}

@media (min-width: 1200px) {
    html[data-color-mode="light"] .site-main .cabinet-donate-page > .row {
        --bs-gutter-x: 3rem;
    }
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-box > h2 {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    padding: 0 !important;
    margin: -1px !important;
    overflow: hidden !important;
    clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important;
    border: 0 !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-select-box > .row > [class*="col-"],
html[data-color-mode="light"] .cabinet-donate-page .donate-amount-fields > [class*="col-"] {
    display: flex;
    flex-direction: column;
}

html[data-color-mode="light"] .cabinet-donate-page :is(.donate-select-box, .donate-count-box) .form-label {
    display: block;
    width: 100%;
    min-height: 1.5rem;
    margin-bottom: .5rem !important;
    color: #432617 !important;
    font-weight: 900;
    line-height: 1.25;
}

html[data-color-mode="light"] .cabinet-donate-page :is(.donate-select-box, .donate-amount-fields) .donate-input {
    width: 100%;
    margin-top: auto;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-select-box .form-select.donate-input {
    min-height: 64px;
    padding: .75rem 2.75rem .75rem 1.05rem;
    color: #111 !important;
    background-color: #ffc64f !important;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3e%3cpath fill='none' stroke='%23111111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 2 6 6 6-6'/%3e%3c/svg%3e") !important;
    background-repeat: no-repeat !important;
    background-position: right 1rem center !important;
    background-size: .85rem .55rem !important;
    border: 0 !important;
    border-radius: 13px;
    box-shadow: none !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-size: 1.08rem;
    letter-spacing: .04em;
    text-transform: uppercase;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-select-box .form-select.donate-input:focus {
    box-shadow: 0 0 0 3px rgba(239, 51, 36, .2) !important;
}

@media (min-width: 768px) {
    html[data-color-mode="light"] .cabinet-donate-page .donate-select-box > .row {
        --bs-gutter-x: 2.75rem;
    }
}

html[data-color-mode="light"] .cabinet-donate-page .donate-count-box,
html[data-color-mode="light"] .cabinet-donate-page .donate-count-box [data-donate-amount] {
    color: #111 !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-count-box [data-donate-amount] {
    min-height: 64px;
    padding: .7rem 1rem;
    background: #ffc64f !important;
    border: 0 !important;
    border-radius: 13px;
    box-shadow: none !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-size: 1.55rem;
    transition: background-color .18s ease, box-shadow .18s ease;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-count-box [data-donate-amount]:focus {
    background: #ffd36a !important;
    outline: 0;
    box-shadow:
        inset 0 0 0 2px #ef3324,
        0 0 0 3px rgba(239, 51, 36, .18),
        0 8px 18px rgba(84, 46, 17, .16) !important;
}

html[data-color-mode="light"] .cabinet-donate-page .form-control.donate-summary-card {
    min-height: 64px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    padding: .7rem 1rem !important;
    transform: none;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range-wrap {
    padding: 0;
    margin-top: .8rem;
    margin-bottom: 1.25rem !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range::-webkit-slider-runnable-track {
    height: 10px;
    background: #ffc448 !important;
    border: 0;
    border-radius: 3px;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range::-moz-range-track,
html[data-color-mode="light"] .cabinet-donate-page .donate-range::-moz-range-progress {
    height: 10px;
    background: #ffc448 !important;
    border: 0;
    border-radius: 3px;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range::-webkit-slider-thumb {
    width: 26px;
    height: 26px;
    margin-top: -8px;
    background: #ec2934 !important;
    border: 0;
    box-shadow: none;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range::-moz-range-thumb {
    width: 26px;
    height: 26px;
    background: #ec2934 !important;
    border: 0;
    box-shadow: none;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range-ruler {
    height: 10px;
    margin: -.1rem 0 .2rem;
    overflow: visible;
    background: transparent;
    border: 0;
    box-shadow: none;
    transform: none;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range-ruler::after {
    right: 0;
    left: 0;
    background: repeating-linear-gradient(
        to right,
        transparent 0,
        transparent 9px,
        rgba(117, 137, 151, .72) 9px,
        rgba(117, 137, 151, .72) 10px
    );
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale {
    position: relative;
    display: block;
    height: 1.7rem;
    margin-top: .2rem;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale button {
    position: absolute;
    top: 0;
    padding: 0;
    color: #111 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 0;
    box-shadow: none !important;
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: 500;
    transform: translateX(-50%);
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale button:nth-child(1) { left: 4%; }
html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale button:nth-child(2) { left: 10%; }
html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale button:nth-child(3) { left: 20%; }
html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale button:nth-child(4) { left: 40%; }
html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale button:nth-child(5) { left: 60%; }
html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale button:nth-child(6) {
    right: 0;
    left: auto;
    transform: none;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale button:is(:hover, .is-active) {
    color: #ef3324 !important;
    background: transparent !important;
    border: 0 !important;
    transform: translateX(-50%);
}

html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale button:nth-child(6):is(:hover, .is-active) {
    transform: none;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-bonus-line {
    min-height: 61px;
    margin-bottom: 0 !important;
    padding: .75rem 1rem;
    color: #fff !important;
    background: linear-gradient(90deg, #f03a17, #ffcd00) !important;
    border: 0 !important;
    border-radius: 10px;
    box-shadow: none !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-size: clamp(1.15rem, 2vw, 1.45rem);
    text-shadow: 0 1px 1px rgba(0, 0, 0, .15);
}

html[data-color-mode="light"] .cabinet-donate-page .donate-bonus-line > strong {
    display: none;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-list {
    gap: .48rem;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method {
    position: relative;
    width: calc(100% - 24px);
    min-height: 66px;
    margin-left: 24px;
    padding: .65rem .85rem .55rem 2.65rem;
    overflow: visible;
    color: #111 !important;
    background: linear-gradient(180deg, #fbfbfb, #dedede) !important;
    border: 0 !important;
    border-radius: 14px;
    box-shadow: 8px 6px 22px rgba(54, 47, 39, .18) !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-row .donate-pay-method {
    width: auto;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method img {
    position: absolute;
    top: 50%;
    left: -24px;
    width: 50px;
    height: 50px;
    border: 4px solid #fff;
    transform: translateY(-50%);
    transition: transform .35s ease;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method > span {
    width: 100%;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method strong,
html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method small {
    color: #111 !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method strong {
    font-size: clamp(.98rem, 1.45vw, 1.18rem);
    font-weight: 700;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method small {
    color: #2b241d !important;
    font-size: .74rem;
    font-weight: 600;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method strong i {
    float: none;
    color: #e78900 !important;
    font-weight: 700;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method:is(:hover, :focus-visible) {
    color: #111 !important;
    background: linear-gradient(90deg, #e59000, #ffc54c) !important;
    border: 0 !important;
    box-shadow: 8px 8px 24px rgba(54, 47, 39, .22) !important;
    transform: translateY(-1px);
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method:is(:hover, :focus-visible) :is(strong, small) {
    color: #111 !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method:is(:hover, :focus-visible) img {
    transform: translateY(-50%) rotate(12deg);
}

html[data-color-mode="light"] .cabinet-donate-page :is(.donate-pay-currency, .donate-pay-select) {
    flex: 0 0 104px;
    width: 104px;
    max-width: 104px;
}

html[data-color-mode="light"] .cabinet-donate-page :is(.donate-pay-currency, .donate-pay-select-trigger) {
    min-height: 66px;
    color: #111 !important;
    background-color: #eee !important;
    background-image: linear-gradient(180deg, #fbfbfb, #dedede) !important;
    border: 0 !important;
    border-radius: 14px;
    box-shadow: 8px 6px 22px rgba(54, 47, 39, .16) !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-size: 1.2rem;
    font-weight: 700;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-currency {
    background-image:
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3e%3cpath fill='none' stroke='%23111111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 2 6 6 6-6'/%3e%3c/svg%3e"),
        linear-gradient(180deg, #fbfbfb, #dedede) !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-select-trigger::after {
    border-color: #111;
}

html[data-color-mode="light"] .cabinet-donate-page :is(.donate-pay-currency, .donate-pay-select-trigger):is(:hover, :focus-visible),
html[data-color-mode="light"] .cabinet-donate-page .donate-pay-select.is-open .donate-pay-select-trigger {
    color: #111 !important;
    background-image: linear-gradient(90deg, #e59000, #ffc54c) !important;
    border: 0 !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-currency:is(:hover, :focus-visible) {
    background-image:
        url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 10'%3e%3cpath fill='none' stroke='%23111111' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 2 6 6 6-6'/%3e%3c/svg%3e"),
        linear-gradient(90deg, #e59000, #ffc54c) !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-select-menu {
    color: #111;
    background: linear-gradient(180deg, #fbfbfb, #dedede) !important;
    border: 0 !important;
    box-shadow: 0 18px 38px rgba(54, 47, 39, .28) !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-select-group {
    color: #9f5d00;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-select-option {
    color: #111 !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-select-option:is(:hover, :focus-visible, .is-selected) {
    color: #111 !important;
    background: linear-gradient(90deg, #e59000, #ffc54c) !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-bonus-panel > h2 {
    color: #111 !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-size: clamp(1.65rem, 2.3vw, 2rem);
    font-weight: 700;
    text-transform: uppercase;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-bonus-panel > p {
    color: #16120f !important;
    margin-left: 2.85rem;
    margin-bottom: 2.1rem !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-size: clamp(1rem, 1.5vw, 1.16rem);
    line-height: 1.25;
}

html[data-color-mode="light"] .cabinet-donate-page :is(.donate-tier, .donate-tier-empty),
html[data-color-mode="light"] .cabinet-donate-page .donate-tier.is-current,
html[data-color-mode="light"] .cabinet-donate-page .donate-tier.is-next {
    padding: 0;
    color: #111 !important;
    background: transparent !important;
    border: 0 !important;
    box-shadow: none !important;
    filter: none;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier {
    margin-bottom: 2.15rem;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier.is-current {
    opacity: 1;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier.is-next {
    opacity: .38;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier.is-next:is(:hover, :focus-visible) {
    opacity: .67;
    background: transparent !important;
    border: 0 !important;
    box-shadow: 0 0 0 3px rgba(239, 51, 36, .16) !important;
    transform: translateY(-1px);
    outline: none;
}

html[data-color-mode="light"] .cabinet-donate-page :is(.donate-tier, .donate-tier-empty) h3,
html[data-color-mode="light"] .cabinet-donate-page :is(.donate-tier, .donate-tier-empty) p {
    color: #111 !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier h3,
html[data-color-mode="light"] .cabinet-donate-page .donate-tier-empty h3 {
    font-size: clamp(1.35rem, 2.1vw, 1.95rem);
    font-weight: 500;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier h3 span {
    color: #ef3e2c !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier ul {
    gap: .5rem;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier li {
    position: relative;
    min-height: 64px;
    margin-left: 24px;
    padding: .62rem .85rem .55rem 2.55rem;
    color: #111 !important;
    background: linear-gradient(90deg, #73b200 0%, #b6da7d 48%, rgba(255, 255, 255, .96) 100%) !important;
    border-radius: 13px;
    box-shadow: 7px 5px 20px rgba(54, 47, 39, .16);
    font-size: clamp(1rem, 1.6vw, 1.25rem);
    font-weight: 500;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier li img {
    position: absolute;
    top: 50%;
    left: -24px;
    width: 52px;
    height: 52px;
    border: 4px solid #fff;
    transform: translateY(-50%);
    transition: transform .35s ease;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier li :is(span, b) {
    color: #111 !important;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier li b {
    margin-left: auto;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier li:hover img {
    transform: translateY(-50%) rotate(20deg);
}

html[data-color-mode="light"] .cabinet-donate-page .donate-tier li:hover {
    background: linear-gradient(90deg, #5d9800 0%, #a9d06e 48%, rgba(255, 255, 255, .98) 100%) !important;
    box-shadow: 9px 7px 24px rgba(54, 47, 39, .2);
}

@media (max-width: 767.98px) {
    html[data-color-mode="light"] .cabinet-donate-page .donate-panel.game-card {
        gap: 1.15rem;
    }

    html[data-color-mode="light"] .cabinet-donate-page :is(
        .donate-select-box,
        .donate-count-box,
        .donate-pay-box
    ),
    html[data-color-mode="light"]
    :is(.site-main, .page-popup .modal-body)
    .cabinet-donate-page .donate-bonus-panel.game-card {
        padding: 1rem !important;
    }
}

@media (max-width: 575.98px) {
    html[data-color-mode="light"] .cabinet-donate-page :is(
        .donate-select-box,
        .donate-count-box,
        .donate-pay-box
    ),
    html[data-color-mode="light"]
    :is(.site-main, .page-popup .modal-body)
    .cabinet-donate-page .donate-bonus-panel.game-card {
        padding: .875rem !important;
    }

    html[data-color-mode="light"] .cabinet-donate-page .donate-select-box .form-select.donate-input,
    html[data-color-mode="light"] .cabinet-donate-page .donate-count-box [data-donate-amount] {
        min-height: 56px;
        font-size: 1rem;
    }

    html[data-color-mode="light"] .cabinet-donate-page .form-control.donate-summary-card {
        min-height: 56px;
    }

    html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale {
        display: flex;
        justify-content: space-between;
        gap: .2rem;
        height: auto;
    }

    html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale button,
    html[data-color-mode="light"] .cabinet-donate-page .donate-range-scale button:nth-child(n) {
        position: static;
        font-size: .82rem;
        transform: none !important;
    }

    html[data-color-mode="light"] .cabinet-donate-page .donate-bonus-line {
        min-height: 54px;
        padding: .65rem .75rem;
        font-size: 1.05rem;
    }

    html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method {
        width: calc(100% - 18px);
        min-height: 60px;
        margin-left: 18px;
        padding: .55rem .55rem .5rem 2.15rem;
    }

    html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method img {
        left: -18px;
        width: 44px;
        height: 44px;
    }

    html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method strong {
        font-size: .92rem;
    }

    html[data-color-mode="light"] .cabinet-donate-page .donate-pay-method small {
        font-size: .67rem;
    }

    html[data-color-mode="light"] .cabinet-donate-page :is(.donate-pay-currency, .donate-pay-select) {
        flex-basis: 80px;
        width: 80px;
        max-width: 80px;
    }

    html[data-color-mode="light"] .cabinet-donate-page :is(.donate-pay-currency, .donate-pay-select-trigger) {
        min-height: 60px;
        font-size: .95rem;
    }

    html[data-color-mode="light"] .cabinet-donate-page .donate-tier li {
        min-height: 58px;
        margin-left: 18px;
        padding-left: 2.2rem;
        font-size: .95rem;
    }

    html[data-color-mode="light"] .cabinet-donate-page .donate-tier li img {
        left: -18px;
        width: 44px;
        height: 44px;
    }

    html[data-color-mode="light"] .cabinet-donate-page .donate-bonus-panel > p {
        margin-left: 0;
        margin-bottom: 1.65rem !important;
    }
}

@container (max-width: 420px) {
    html[data-color-mode="light"] .cabinet-donate-page :is(.donate-pay-currency, .donate-pay-select) {
        flex-basis: 80px;
        width: 80px;
        max-width: 80px;
    }

    html[data-color-mode="light"] .cabinet-donate-page :is(.donate-pay-currency, .donate-pay-select-trigger) {
        min-height: 60px;
        font-size: .95rem;
    }
}

html[data-color-mode="light"] #quests-content .quest-imported-content .race-block {
    color: #3b2a20 !important;
    background: rgba(221, 191, 114, .38) !important;
    border-color: rgba(101, 56, 22, .34) !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .72), 0 10px 22px rgba(65, 32, 11, .12) !important;
}

html[data-color-mode="light"] #quests-content .quest-imported-content .race-block-head {
    padding: .65rem .75rem;
    border: 1px solid rgba(101, 56, 22, .24) !important;
    border-radius: 11px;
    background: rgba(241, 218, 158, .76) !important;
}

html[data-color-mode="light"] #quests-content .quest-imported-content :is(.class-path-card, .third-class-card) {
    color: #3b2a20 !important;
    background: rgba(255, 253, 245, .96) !important;
    border: 1px solid rgba(101, 56, 22, .34) !important;
    box-shadow: inset 0 1px #fff, 0 7px 16px rgba(65, 32, 11, .11) !important;
}

html[data-color-mode="light"] #quests-content .quest-imported-content :is(.class-path-card, .third-class-card):is(:hover, :focus-visible) {
    color: #29150a !important;
    background: #ffe4a0 !important;
    border-color: #b67118 !important;
    box-shadow: inset 3px 0 #a90d19, 0 10px 20px rgba(65, 32, 11, .16) !important;
}

html[data-color-mode="light"] #quests-content .quest-imported-content :is(.class-path-card, .third-class-card) strong {
    color: #3b210f !important;
}

html[data-color-mode="light"] #quests-content .quest-imported-content :is(.class-path-card, .third-class-card) small {
    color: #6c4b34 !important;
}

html[data-color-mode="light"] #quests-content .quest-imported-content .path-number {
    color: #fff7df !important;
    background: #5a321c !important;
    border-color: #b97822 !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .15);
}

html[data-color-mode="light"] #quests-content .quest-imported-content .path-arrow {
    color: #a90d19 !important;
}

html[data-color-mode="light"] #quests-content .quest-imported-content .profession-table-wrap {
    background: rgba(255, 253, 245, .82) !important;
    border-color: rgba(101, 56, 22, .34) !important;
    box-shadow: 0 10px 22px rgba(65, 32, 11, .12);
}

html[data-color-mode="light"] #quests-content .quest-imported-content .profession-table td a[href] {
    color: #6c2404 !important;
}

html[data-color-mode="light"] #quests-content .quest-imported-content .profession-table td a[href]:is(:hover, :focus-visible) {
    color: #a90d19 !important;
}

html[data-color-mode="light"] .feature-carousel-section + .home-quests-section {
    margin-top: 1.25rem;
}

@media (max-width: 767.98px) {
    html[data-color-mode="light"] .feature-carousel-section + .home-quests-section {
        margin-top: 1rem;
    }
}

/* v1.0.617: automatic color mode and refined light home hero */
html[data-color-mode="light"] .feature-carousel-section {
    padding-bottom: 4rem;
}

html[data-color-mode="light"] .feature-carousel-section + .home-quests-section::before {
    content: "" !important;
    display: block !important;
    position: absolute;
    z-index: 4;
    top: -81px !important;
    right: auto;
    left: 50%;
    width: 100vw;
    height: 81px;
    border: 0;
    border-radius: 0;
    background: url("/images/style/bg_top_razr.png") top center / 2600px 81px repeat-x !important;
    box-shadow: none !important;
    opacity: 1 !important;
    visibility: visible !important;
    transform: translateX(-50%);
    pointer-events: none;
}

@media (min-width: 992px) and (max-width: 1199.98px) {
    html[data-color-mode="light"] .hero-section > .container > .row > .col-md-7 {
        width: 48%;
    }

    html[data-color-mode="light"] .hero-section > .container > .row > .col-md-5 {
        width: 52%;
    }
}

@media (min-width: 1200px) {
    html[data-color-mode="light"] .hero-section > .container > .row > .col-md-7 {
        width: 55%;
    }

    html[data-color-mode="light"] .hero-section > .container > .row > .col-md-5 {
        width: 45%;
    }
}

html[data-color-mode="light"] .hero-section .server-ribbon-br {
    bottom: 20px;
}

@media (min-width: 992px) {
    html[data-color-mode="light"] .hero-section .col-md-5 > .rounded.p-3 {
        padding-right: 0 !important;
        padding-left: 0 !important;
    }

    html[data-color-mode="light"] .hero-section .home-servers-card .server-tile {
        flex-basis: 162px;
        width: 162px;
        min-width: 162px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-id {
        width: 135px;
        height: 101px;
        min-height: 101px;
        padding: 15px 10px 31px;
    }

    html[data-color-mode="light"] .hero-section .server-tile :is(.leftRect, .rightRect) {
        top: 20px;
        width: 31px;
        height: 108px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .leftRect {
        left: 9px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .rightRect {
        right: 9px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-body {
        height: 101px;
        min-height: 101px;
        padding: 15px 0 31px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-name {
        margin-top: -17px;
        font-size: 17px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-body img {
        width: 101px !important;
        height: 54px !important;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-rate {
        margin-top: -11px;
        font-size: 23px;
    }

    html[data-color-mode="light"] .hero-section .server-tile .server-online,
    html[data-color-mode="light"] .hero-section .server-tile .server-online.is-online,
    html[data-color-mode="light"] .hero-section .server-tile .server-online.is-offline {
        margin-top: 10px;
        font-size: 20px;
    }

}

@media (max-width: 767.98px) {
    html[data-color-mode="light"] .feature-carousel-section + .home-quests-section::before {
        top: -63px !important;
        height: 63px;
        background-size: 2022px 63px !important;
    }
}

/* v1.0.618: light page edge and orange countdown rings */
html[data-color-mode="light"],
html[data-color-mode="light"] body {
    max-width: 100%;
    overflow-x: clip;
}

html[data-color-mode="light"] .site-main {
    position: relative;
    max-width: 100%;
    padding-bottom: 63px;
    overflow-x: clip;
}

html[data-color-mode="light"] .site-main::after {
    content: "";
    position: absolute;
    z-index: 4;
    right: 0;
    bottom: 0;
    left: 0;
    height: 63px;
    background: url("/images/style/bg_cent_b.jpg") top center / 2600px 63px repeat-x;
    pointer-events: none;
}

html[data-color-mode="light"] .hero-section .server-open-countdown {
    background-color: rgba(255, 255, 255, .7) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: 0 16px 34px rgba(65, 32, 11, .17) !important;
    -webkit-backdrop-filter: none;
    backdrop-filter: none;
}

html[data-color-mode="light"] :is(
    .hero-section .server-open-countdown-item,
    .feature-uptime__item
)::before {
    padding: 5px;
    filter: drop-shadow(0 0 5px rgba(224, 137, 18, .34));
    animation: lightCountdownOrangeShimmer 3.8s ease-in-out infinite;
}

html[data-color-mode="light"] .hero-section .server-open-countdown-item::before {
    background: conic-gradient(
        from -90deg,
        #ed9718 0 var(--countdown-angle),
        rgba(132, 87, 43, .18) var(--countdown-angle) 360deg
    ) !important;
}

html[data-color-mode="light"] .feature-uptime__item::before {
    background: conic-gradient(
        from -90deg,
        #ed9718 0 var(--uptime-angle),
        rgba(132, 87, 43, .18) var(--uptime-angle) 360deg
    ) !important;
}

@keyframes lightCountdownOrangeShimmer {
    0%, 100% {
        filter: brightness(.92) saturate(1) drop-shadow(0 0 4px rgba(179, 91, 0, .3));
    }
    45% {
        filter: brightness(1.2) saturate(1.12) drop-shadow(0 0 8px rgba(255, 168, 40, .58));
    }
    62% {
        filter: brightness(1.06) saturate(1.06) drop-shadow(0 0 6px rgba(237, 151, 24, .46));
    }
}

@media (prefers-reduced-motion: reduce) {
    html[data-color-mode="light"] :is(
        .hero-section .server-open-countdown-item,
        .feature-uptime__item
    )::before {
        animation: none !important;
    }
}

@media (max-width: 767.98px) {
    html[data-color-mode="light"] .site-main {
        padding-bottom: 45px;
    }

    html[data-color-mode="light"] .site-main::after {
        height: 45px;
        background-position: top center;
        background-size: auto 45px;
        background-repeat: repeat-x;
    }
}

@supports not (overflow: clip) {
    html[data-color-mode="light"],
    html[data-color-mode="light"] body,
    html[data-color-mode="light"] .site-main {
        overflow-x: hidden;
    }
}

/* v1.0.619: the home page already has its own section edges */
html[data-color-mode="light"] .site-main.site-main--home {
    padding-bottom: 0;
}

html[data-color-mode="light"] .site-main.site-main--home::after {
    content: none;
}

/* v1.0.622: compact home transition below the hero */
html[data-color-mode="light"] .site-main--home > .hero-section + .home-news-section {
    padding-top: 2rem !important;
}

@media (max-width: 767.98px) {
    html[data-color-mode="light"] .site-main--home > .hero-section + .home-news-section {
        padding-top: 1.5rem !important;
    }
}

/* v1.0.628: lighter server typography and a solid Top-5 heading */
html[data-color-mode="light"] .hero-section .server-tile :is(
    .server-name,
    .server-rate,
    .server-online
) {
    font-weight: 400 !important;
}

html[data-color-mode="light"] .hero-section .server-tile .server-rate {
    font-size: 18px;
}

html[data-color-mode="light"] .top5-title {
    background: none !important;
    -webkit-background-clip: border-box;
    background-clip: border-box;
    -webkit-text-fill-color: #e59000;
    color: #e59000 !important;
    text-shadow: none;
}

html[data-color-mode="light"] .top5-title h2 {
    -webkit-text-fill-color: #e59000;
    color: #e59000 !important;
}

@media (min-width: 992px) {
    html[data-color-mode="light"] .hero-section .server-tile .server-rate {
        font-size: 20.7px;
    }
}

/* v1.0.629: payment row typography */
html[data-color-mode="light"] .cabinet-donate-page .donate-pay-row .donate-pay-method :is(
    [data-pay-amount],
    small,
    i
) {
    font-family: 'Roboto', Arial, sans-serif;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-row .donate-pay-method strong {
    font-weight: 700;
}

/* v1.0.630: standalone payment accents use readable Roboto text */
html[data-color-mode="light"] .cabinet-donate-page .donate-pay-list > .donate-pay-method :is(i, small) {
    font-family: 'Roboto', Arial, sans-serif;
}

html[data-color-mode="light"] .cabinet-donate-page .donate-pay-list > .donate-pay-method small {
    font-weight: 400;
}

/* v1.0.633: expressive light registration page, isolated from other auth screens */
html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page {
    --register-brown: #3d2416;
    --register-brown-soft: #6f4a30;
    --register-gold: #e39a20;
    --register-gold-light: #ffd36b;
    --register-red: #a90d19;
    position: relative;
    isolation: isolate;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 1.6rem .75rem;
    border-radius: 34px 14px 38px 18px;
    background:
        radial-gradient(circle at 5% 8%, rgba(169, 13, 25, .1), transparent 28%),
        radial-gradient(circle at 96% 4%, rgba(255, 197, 76, .28), transparent 31%);
    pointer-events: none;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page > .row {
    position: relative;
    z-index: 1;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card,
html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-start-card {
    padding: clamp(1.35rem, 2.25vw, 2rem) !important;
    border-radius: 28px 12px 30px 15px;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card {
    color: var(--register-brown) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 211, 107, .22), transparent 32%),
        linear-gradient(150deg, rgba(255, 254, 248, .97), rgba(244, 222, 170, .9)) !important;
    border: 1px solid rgba(94, 49, 20, .48) !important;
    box-shadow:
        inset 0 4px 0 rgba(169, 13, 25, .92),
        inset 0 1px 0 rgba(255, 255, 255, .98),
        0 24px 46px rgba(65, 32, 11, .2) !important;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card::before {
    background-position: 38% center !important;
    opacity: .13 !important;
    filter: saturate(.58) sepia(.18) contrast(.92);
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 30px;
    z-index: 2;
    width: 132px;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, var(--register-red) 0 30%, var(--register-gold) 30% 100%);
    box-shadow: 0 4px 12px rgba(169, 13, 25, .18);
    pointer-events: none;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card h1 {
    margin-bottom: 1.55rem !important;
    color: var(--register-brown) !important;
    font-size: clamp(2.15rem, 3.4vw, 2.75rem);
    line-height: 1;
    letter-spacing: -.025em;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card h1::after {
    width: 96px;
    height: 3px;
    margin-top: .72rem;
    background: linear-gradient(90deg, var(--register-red) 0 34%, var(--register-gold) 34% 100%);
    box-shadow: 0 5px 12px rgba(169, 13, 25, .14);
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card .form-label {
    margin-bottom: .42rem;
    color: #4f301e !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: .015em;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card .form-control {
    min-height: 48px;
    padding: .68rem .82rem;
    color: #352014 !important;
    background: rgba(255, 254, 248, .94) !important;
    border: 1px solid rgba(126, 76, 34, .5) !important;
    border-radius: 12px 7px 13px 8px;
    box-shadow:
        inset 0 2px 5px rgba(74, 37, 14, .08),
        0 5px 12px rgba(84, 46, 17, .06) !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease, transform .18s ease;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card .form-control:focus {
    color: #29150a !important;
    background: #fffef8 !important;
    border-color: var(--register-red) !important;
    box-shadow:
        0 0 0 3px rgba(169, 13, 25, .1),
        0 9px 19px rgba(84, 46, 17, .13),
        inset 0 1px 2px rgba(84, 46, 17, .06) !important;
    transform: translateY(-1px);
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card .form-control:autofill,
html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card .form-control:autofill:hover,
html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card .form-control:autofill:focus,
html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card .form-control:-webkit-autofill,
html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card .form-control:-webkit-autofill:hover,
html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card .form-control:-webkit-autofill:focus {
    caret-color: #352014 !important;
    -webkit-text-fill-color: #352014 !important;
    -webkit-box-shadow: inset 0 0 0 1000px #fffef8 !important;
    box-shadow: inset 0 0 0 1000px #fffef8 !important;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card .password-toggle-btn {
    color: #75200f !important;
    background: linear-gradient(145deg, #f7e6b8, #e8c36d) !important;
    border-color: rgba(111, 68, 28, .4);
    box-shadow: inset 0 1px rgba(255, 255, 255, .8), 0 5px 12px rgba(84, 46, 17, .12) !important;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card .password-toggle-btn:is(:hover, :focus-visible, .is-visible) {
    color: #fff5db !important;
    background: linear-gradient(145deg, #8e2515, var(--register-red)) !important;
    border-color: #7b1b13;
    box-shadow: 0 7px 16px rgba(109, 27, 15, .22) !important;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-submit-btn {
    position: relative;
    min-height: 52px;
    margin-top: .2rem;
    overflow: hidden;
    color: #2f190a !important;
    background: linear-gradient(105deg, #e78f0b 0%, #ffd05a 52%, #efa719 100%) !important;
    border: 1px solid #c6790a !important;
    border-radius: 14px 28px 14px 26px;
    box-shadow:
        inset 0 -3px 0 rgba(169, 13, 25, .82),
        inset 0 1px 0 rgba(255, 255, 255, .72),
        0 11px 24px rgba(124, 68, 10, .24) !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-size: 1.05rem;
    font-weight: 900;
    letter-spacing: .015em;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-submit-btn::before {
    content: "✓";
    display: inline-grid;
    place-items: center;
    width: 1.45rem;
    height: 1.45rem;
    margin-right: .5rem;
    border-radius: 50%;
    color: #fff8e2;
    background: var(--register-red);
    box-shadow: inset 0 1px rgba(255, 255, 255, .28);
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-submit-btn:is(:hover, :focus-visible) {
    color: #241104 !important;
    background: linear-gradient(105deg, #f0a21d 0%, #ffdc75 50%, #f7b52c 100%) !important;
    border-color: #9e5b05 !important;
    box-shadow:
        inset 0 -3px 0 var(--register-red),
        inset 0 1px 0 rgba(255, 255, 255, .86),
        0 15px 29px rgba(124, 68, 10, .3) !important;
    transform: translateY(-2px);
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-recovery-links {
    gap: .8rem;
    padding-top: .2rem;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-recovery-links a[href] {
    color: #7c2914 !important;
    font-weight: 800;
    text-decoration-color: rgba(124, 41, 20, .42) !important;
    text-underline-offset: 4px;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-recovery-links a[href]:hover {
    color: var(--register-red) !important;
    text-decoration-color: var(--register-red) !important;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-start-card {
    color: var(--register-brown) !important;
    background:
        radial-gradient(circle at 90% 4%, rgba(255, 208, 87, .3), transparent 31%),
        radial-gradient(circle at 8% 88%, rgba(169, 13, 25, .08), transparent 30%),
        linear-gradient(150deg, rgba(255, 254, 247, .98), rgba(238, 207, 132, .86)) !important;
    border: 1px solid rgba(94, 49, 20, .48) !important;
    box-shadow:
        inset 0 4px 0 rgba(227, 154, 32, .95),
        inset 0 1px 0 rgba(255, 255, 255, .98),
        0 24px 46px rgba(65, 32, 11, .2) !important;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-start-card::before {
    background:
        radial-gradient(circle at 15% 10%, rgba(255, 209, 102, .22), transparent 31%),
        repeating-linear-gradient(125deg, rgba(109, 55, 21, .025) 0 1px, transparent 1px 7px);
    opacity: 1;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-start-card h2 {
    margin-bottom: .45rem;
    color: var(--register-brown) !important;
    font-size: clamp(1.8rem, 2.7vw, 2.25rem);
    line-height: 1.05;
    letter-spacing: -.02em;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-start-card > .text-muted-brown {
    margin-bottom: 1.35rem !important;
    color: var(--register-brown-soft) !important;
    font-size: .98rem;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps {
    position: relative;
    gap: .72rem;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps::before {
    content: "";
    position: absolute;
    top: 25px;
    bottom: 25px;
    left: 22px;
    z-index: 0;
    width: 3px;
    border-radius: 999px;
    background: linear-gradient(180deg, var(--register-red), var(--register-gold) 24%, #d6a64b 82%, rgba(214, 166, 75, .2));
    box-shadow: 0 0 0 4px rgba(227, 154, 32, .08);
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps li {
    position: relative;
    z-index: 1;
    grid-template-columns: 46px minmax(0, 1fr);
    gap: .82rem;
    padding: .78rem .92rem .78rem .65rem;
    color: var(--register-brown) !important;
    background: rgba(255, 254, 248, .84) !important;
    border: 1px solid rgba(111, 68, 28, .34) !important;
    border-radius: 12px 22px 12px 22px;
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .9),
        0 8px 17px rgba(84, 46, 17, .1) !important;
    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps li:is(:hover, :focus-within) {
    border-color: rgba(169, 13, 25, .44) !important;
    box-shadow:
        inset 0 1px rgba(255, 255, 255, .96),
        0 12px 23px rgba(84, 46, 17, .16) !important;
    transform: translateX(3px);
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps li.is-current {
    background: linear-gradient(105deg, rgba(255, 239, 185, .97), rgba(255, 253, 241, .9)) !important;
    border-color: rgba(169, 13, 25, .38) !important;
    box-shadow:
        inset 4px 0 0 var(--register-red),
        inset 0 1px rgba(255, 255, 255, .94),
        0 10px 21px rgba(84, 46, 17, .13) !important;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-step-num {
    position: relative;
    z-index: 2;
    width: 46px;
    height: 46px;
    color: #2a1608;
    background: linear-gradient(145deg, var(--register-gold-light), #c7780d);
    border: 3px solid rgba(255, 250, 228, .96);
    box-shadow: 0 7px 15px rgba(132, 73, 12, .24);
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-weight: 900;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps li.is-current .register-step-num {
    color: #fff4dc;
    background: linear-gradient(145deg, #c93426, #821616);
    box-shadow: 0 7px 16px rgba(126, 24, 18, .27);
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps strong {
    margin-bottom: .22rem;
    color: var(--register-brown) !important;
    font-size: 1rem;
    line-height: 1.2;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps p {
    color: #76563e !important;
    font-size: .9rem;
    line-height: 1.4;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps b {
    color: #6e2613 !important;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps .btn {
    min-height: 34px;
    padding: .35rem .78rem !important;
    color: #2d1708 !important;
    background: linear-gradient(105deg, #e99a19, #ffd260) !important;
    border-color: #c47a0a !important;
    box-shadow: inset 0 1px rgba(255, 255, 255, .7), 0 6px 13px rgba(120, 65, 9, .18) !important;
    font-size: .9rem;
}

html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps .btn:is(:hover, :focus-visible) {
    color: #fff7e2 !important;
    background: linear-gradient(105deg, #8a2115, var(--register-red)) !important;
    border-color: #731511 !important;
}

@media (max-width: 991.98px) {
    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card,
    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-start-card {
        height: auto !important;
    }
}

@media (max-width: 575.98px) {
    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page {
        padding-right: .55rem !important;
        padding-left: .55rem !important;
    }

    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page::before {
        inset: .8rem .25rem;
    }

    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card,
    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-start-card {
        padding: 1.1rem !important;
        border-radius: 22px 9px 24px 11px;
    }

    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-form-card h1 {
        font-size: 2rem;
    }

    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps li {
        grid-template-columns: 40px minmax(0, 1fr);
        gap: .65rem;
        padding: .7rem .68rem .7rem .55rem;
    }

    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-step-num {
        width: 40px;
        height: 40px;
        border-width: 2px;
    }

    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps::before {
        left: 19px;
    }

    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-steps p {
        font-size: .84rem;
    }

    html[data-color-mode="light"] body:not(.tg-site) .auth-section.register-page .register-recovery-links {
        flex-wrap: wrap;
    }
}

/* v1.0.635: shared expressive treatment for public light-theme forms */
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section.register-page .register-start-kicker {
    display: none;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section.register-page .register-form-card {
    height: auto !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) {
    --auth-brown: #3d2416;
    --auth-brown-soft: #6f4a30;
    --auth-gold: #e39a20;
    --auth-gold-light: #ffd36b;
    --auth-red: #a90d19;
    position: relative;
    isolation: isolate;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page)::before {
    content: "";
    position: absolute;
    z-index: 0;
    inset: 1.6rem .75rem;
    border-radius: 34px 14px 38px 18px;
    background:
        radial-gradient(circle at 5% 8%, rgba(169, 13, 25, .1), transparent 28%),
        radial-gradient(circle at 96% 4%, rgba(255, 197, 76, .28), transparent 31%);
    pointer-events: none;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) > .row {
    position: relative;
    z-index: 1;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) {
    position: relative;
    overflow: hidden;
    padding: clamp(1.35rem, 2.25vw, 2rem) !important;
    color: var(--auth-brown) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 211, 107, .22), transparent 32%),
        linear-gradient(150deg, rgba(255, 254, 248, .97), rgba(244, 222, 170, .9)) !important;
    border: 1px solid rgba(94, 49, 20, .48) !important;
    border-radius: 28px 12px 30px 15px;
    box-shadow:
        inset 0 4px 0 rgba(169, 13, 25, .92),
        inset 0 1px 0 rgba(255, 255, 255, .98),
        0 24px 46px rgba(65, 32, 11, .2) !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form)::before {
    opacity: .13 !important;
    filter: saturate(.58) sepia(.18) contrast(.92);
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form)::after {
    content: "";
    position: absolute;
    top: 4px;
    left: 30px;
    z-index: 2;
    width: 132px;
    height: 4px;
    border-radius: 0 0 999px 999px;
    background: linear-gradient(90deg, var(--auth-red) 0 30%, var(--auth-gold) 30% 100%);
    box-shadow: 0 4px 12px rgba(169, 13, 25, .18);
    pointer-events: none;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) > * {
    position: relative;
    z-index: 1;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) > :is(h1, h2) {
    margin-bottom: 1.45rem !important;
    color: var(--auth-brown) !important;
    line-height: 1.05;
    letter-spacing: -.02em;
    text-shadow: none !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) > :is(h1, h2)::after {
    content: "";
    display: block;
    width: 96px;
    height: 3px;
    margin-top: .72rem;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--auth-red) 0 34%, var(--auth-gold) 34% 100%);
    box-shadow: 0 5px 12px rgba(169, 13, 25, .14);
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card.text-center:has(form) > h1::after {
    margin-right: auto;
    margin-left: auto;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) .text-muted-brown {
    color: var(--auth-brown-soft) !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) .form-label {
    margin-bottom: .42rem;
    color: #4f301e !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: .015em;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) :is(.form-control, .form-select) {
    min-height: 48px;
    padding: .68rem .82rem;
    color: #352014 !important;
    background: rgba(255, 254, 248, .94) !important;
    border: 1px solid rgba(126, 76, 34, .5) !important;
    border-radius: 12px 7px 13px 8px;
    box-shadow:
        inset 0 2px 5px rgba(74, 37, 14, .08),
        0 5px 12px rgba(84, 46, 17, .06) !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease, transform .18s ease;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) :is(.form-control, .form-select):focus {
    color: #29150a !important;
    background: #fffef8 !important;
    border-color: var(--auth-red) !important;
    box-shadow:
        0 0 0 3px rgba(169, 13, 25, .1),
        0 9px 19px rgba(84, 46, 17, .13),
        inset 0 1px 2px rgba(84, 46, 17, .06) !important;
    transform: translateY(-1px);
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) .form-control:autofill,
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) .form-control:autofill:hover,
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) .form-control:autofill:focus,
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) .form-control:-webkit-autofill,
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) .form-control:-webkit-autofill:hover,
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) .form-control:-webkit-autofill:focus {
    caret-color: #352014 !important;
    -webkit-text-fill-color: #352014 !important;
    -webkit-box-shadow: inset 0 0 0 1000px #fffef8 !important;
    box-shadow: inset 0 0 0 1000px #fffef8 !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) .password-toggle-btn {
    color: #75200f !important;
    background: linear-gradient(145deg, #f7e6b8, #e8c36d) !important;
    border-color: rgba(111, 68, 28, .4);
    box-shadow: inset 0 1px rgba(255, 255, 255, .8), 0 5px 12px rgba(84, 46, 17, .12) !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) .password-toggle-btn:is(:hover, :focus-visible, .is-visible) {
    color: #fff5db !important;
    background: linear-gradient(145deg, #8e2515, var(--auth-red)) !important;
    border-color: #7b1b13;
    box-shadow: 0 7px 16px rgba(109, 27, 15, .22) !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) form button.btn-gold {
    min-height: 50px;
    color: #2f190a !important;
    background: linear-gradient(105deg, #e78f0b 0%, #ffd05a 52%, #efa719 100%) !important;
    border: 1px solid #c6790a !important;
    border-radius: 14px 28px 14px 26px;
    box-shadow:
        inset 0 -3px 0 rgba(169, 13, 25, .82),
        inset 0 1px 0 rgba(255, 255, 255, .72),
        0 11px 24px rgba(124, 68, 10, .24) !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-weight: 900;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) form button.btn-gold:is(:hover, :focus-visible) {
    color: #241104 !important;
    background: linear-gradient(105deg, #f0a21d 0%, #ffdc75 50%, #f7b52c 100%) !important;
    border-color: #9e5b05 !important;
    box-shadow:
        inset 0 -3px 0 var(--auth-red),
        inset 0 1px 0 rgba(255, 255, 255, .86),
        0 15px 29px rgba(124, 68, 10, .3) !important;
    transform: translateY(-2px);
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) a[href]:not(.btn) {
    color: #7c2914 !important;
    font-weight: 800;
    text-decoration: underline !important;
    text-decoration-color: rgba(124, 41, 20, .42) !important;
    text-underline-offset: 4px;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) a[href]:not(.btn)::before {
    content: none !important;
    display: none !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.auth-section:not(.register-page) .game-card:has(form) a[href]:not(.btn):is(:hover, :focus-visible) {
    color: var(--auth-red) !important;
    text-decoration-color: var(--auth-red) !important;
}

html[data-color-mode="light"] .hero-section .server-open-countdown-title > a,
html[data-color-mode="light"] .hero-section .server-open-countdown-title > a > span {
    color: #a90d19 !important;
}

html[data-color-mode="light"] .hero-section .server-open-countdown-title > a {
    font-weight: 800;
    text-decoration-line: underline;
    text-decoration-style: dashed;
    text-decoration-thickness: 1.5px;
    text-decoration-color: rgba(169, 13, 25, .58);
    text-underline-offset: .24em;
    cursor: pointer;
}

html[data-color-mode="light"] .hero-section .server-open-countdown-title > a:is(:hover, :focus-visible),
html[data-color-mode="light"] .hero-section .server-open-countdown-title > a:is(:hover, :focus-visible) > span {
    color: #d34b16 !important;
    text-decoration-color: #d34b16;
}

html[data-color-mode="light"] .hero-section .server-open-countdown-title > a:focus-visible {
    outline: 2px solid rgba(211, 75, 22, .42);
    outline-offset: 3px;
    border-radius: 3px;
}

@media (max-width: 991.98px) {
    html[data-color-mode="light"] body:not(.tg-site)
    :is(.site-main, .page-popup .modal-body)
    .auth-section.invite-page:not(.register-page) .h-100 {
        height: auto !important;
    }
}

@media (max-width: 575.98px) {
    html[data-color-mode="light"] body:not(.tg-site)
    :is(.site-main, .page-popup .modal-body)
    .auth-section:not(.register-page) {
        padding-right: .55rem !important;
        padding-left: .55rem !important;
    }

    html[data-color-mode="light"] body:not(.tg-site)
    :is(.site-main, .page-popup .modal-body)
    .auth-section:not(.register-page)::before {
        inset: .8rem .25rem;
    }

    html[data-color-mode="light"] body:not(.tg-site)
    :is(.site-main, .page-popup .modal-body)
    .auth-section:not(.register-page) .game-card:has(form) {
        padding: 1.1rem !important;
        border-radius: 22px 9px 24px 11px;
    }

    html[data-color-mode="light"] body:not(.tg-site)
    :is(.site-main, .page-popup .modal-body)
    .auth-section:not(.register-page) .game-card:has(form) form .btn-lg {
        white-space: normal;
        line-height: 1.25;
    }
}

/* =============================================================
   v1.0.636: expressive light cabinet forms
   ============================================================= */
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
:is(.cabinet-account-form-page, .cabinet-premium-page, .cabinet-donate-coin-page) {
    --cabinet-form-brown: #3d2416;
    --cabinet-form-brown-soft: #6f4a30;
    --cabinet-form-gold: #e39a20;
    --cabinet-form-red: #a90d19;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
:is(
    .cabinet-account-form-page .cabinet-account-form-card,
    .cabinet-premium-page .premium-connect-card,
    .cabinet-donate-coin-page .donate-coin-exchange-card
) {
    position: relative;
    overflow: visible !important;
    padding: clamp(1.35rem, 2.25vw, 2rem) !important;
    color: var(--cabinet-form-brown) !important;
    background:
        radial-gradient(circle at 100% 0, rgba(255, 211, 107, .24), transparent 32%),
        radial-gradient(circle at 0 100%, rgba(169, 13, 25, .055), transparent 28%),
        linear-gradient(150deg, rgba(255, 254, 248, .98), rgba(244, 222, 170, .91)) !important;
    border: 1px solid rgba(94, 49, 20, .48) !important;
    border-radius: 28px 12px 30px 15px;
    box-shadow:
        inset 0 4px 0 rgba(169, 13, 25, .92),
        inset 0 1px 0 rgba(255, 255, 255, .98),
        0 24px 46px rgba(65, 32, 11, .2) !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card :is(p, .text-muted-brown) {
    color: var(--cabinet-form-brown-soft) !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card p > strong {
    color: var(--cabinet-form-brown) !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
:is(
    .cabinet-account-form-page .cabinet-account-form-card,
    .cabinet-premium-page .premium-connect-card,
    .cabinet-donate-coin-page .donate-coin-exchange-card
) > form.ajax-form .form-label {
    margin-bottom: .42rem;
    color: #4f301e !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-size: .86rem;
    font-weight: 800;
    letter-spacing: .015em;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
:is(
    .cabinet-account-form-page .cabinet-account-form-card,
    .cabinet-premium-page .premium-connect-card,
    .cabinet-donate-coin-page .donate-coin-exchange-card
) > form.ajax-form :is(input.form-control:not(.captcha-input), textarea.form-control) {
    min-height: 48px;
    padding: .68rem .82rem;
    color: #352014 !important;
    background: rgba(255, 254, 248, .96) !important;
    border: 1px solid rgba(126, 76, 34, .5) !important;
    border-radius: 12px 7px 13px 8px;
    box-shadow:
        inset 0 2px 5px rgba(74, 37, 14, .08),
        0 5px 12px rgba(84, 46, 17, .06) !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease, transform .18s ease;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
:is(
    .cabinet-account-form-page .cabinet-account-form-card,
    .cabinet-premium-page .premium-connect-card,
    .cabinet-donate-coin-page .donate-coin-exchange-card
) > form.ajax-form select.form-select {
    min-height: 48px;
    padding: .68rem 2.75rem .68rem .82rem;
    color: #352014 !important;
    background-color: #fffef8 !important;
    border: 1px solid rgba(126, 76, 34, .5) !important;
    border-radius: 12px 7px 13px 8px;
    box-shadow:
        inset 0 2px 5px rgba(74, 37, 14, .08),
        0 5px 12px rgba(84, 46, 17, .06) !important;
    transition: border-color .18s ease, box-shadow .18s ease, background-color .18s ease, transform .18s ease;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
:is(
    .cabinet-account-form-page .cabinet-account-form-card,
    .cabinet-premium-page .premium-connect-card,
    .cabinet-donate-coin-page .donate-coin-exchange-card
) > form.ajax-form :is(input.form-control:not(.captcha-input), textarea.form-control, select.form-select):focus {
    color: #29150a !important;
    background-color: #fffef8 !important;
    border-color: var(--cabinet-form-red) !important;
    box-shadow:
        0 0 0 3px rgba(169, 13, 25, .1),
        0 9px 19px rgba(84, 46, 17, .13),
        inset 0 1px 2px rgba(84, 46, 17, .06) !important;
    transform: translateY(-1px);
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .password-toggle-field .form-control {
    padding-right: 3.15rem;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .form-control:autofill,
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .form-control:autofill:hover,
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .form-control:autofill:focus,
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .form-control:-webkit-autofill,
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .form-control:-webkit-autofill:hover,
html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .form-control:-webkit-autofill:focus {
    caret-color: #352014 !important;
    -webkit-text-fill-color: #352014 !important;
    -webkit-box-shadow: inset 0 0 0 1000px #fffef8 !important;
    box-shadow: inset 0 0 0 1000px #fffef8 !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .password-toggle-btn {
    color: #75200f !important;
    background: linear-gradient(145deg, #f7e6b8, #e8c36d) !important;
    border-color: rgba(111, 68, 28, .4);
    box-shadow: inset 0 1px rgba(255, 255, 255, .8), 0 5px 12px rgba(84, 46, 17, .12) !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .password-toggle-btn:is(:hover, :focus-visible, .is-visible) {
    color: #fff5db !important;
    background: linear-gradient(145deg, #8e2515, var(--cabinet-form-red)) !important;
    border-color: #7b1b13;
    box-shadow: 0 7px 16px rgba(109, 27, 15, .22) !important;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .form-check {
    min-width: 0;
    padding: .68rem .78rem .68rem 2.25rem;
    color: var(--cabinet-form-brown) !important;
    background: rgba(255, 254, 248, .72);
    border: 1px solid rgba(111, 68, 28, .25);
    border-radius: 11px 18px 11px 18px;
    box-shadow: inset 0 1px rgba(255, 255, 255, .82), 0 5px 11px rgba(84, 46, 17, .065);
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .form-check-input {
    margin-left: -1.5rem;
    border-color: rgba(111, 68, 28, .55);
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .form-check-input:checked {
    background-color: var(--cabinet-form-red);
    border-color: var(--cabinet-form-red);
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .form-check-input:focus-visible {
    border-color: var(--cabinet-form-red);
    box-shadow: 0 0 0 3px rgba(169, 13, 25, .14);
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
.cabinet-account-form-page .cabinet-account-form-card > form.ajax-form .form-check-label {
    min-width: 0;
    color: var(--cabinet-form-brown) !important;
    line-height: 1.4;
    overflow-wrap: anywhere;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
:is(
    .cabinet-account-form-page .cabinet-account-form-card,
    .cabinet-premium-page .premium-connect-card,
    .cabinet-donate-coin-page .donate-coin-exchange-card
) > form.ajax-form > button.btn-gold {
    min-height: 50px;
    color: #2f190a !important;
    background: linear-gradient(105deg, #e78f0b 0%, #ffd05a 52%, #efa719 100%) !important;
    border: 1px solid #c6790a !important;
    border-radius: 14px 28px 14px 26px;
    box-shadow:
        inset 0 -3px 0 rgba(169, 13, 25, .82),
        inset 0 1px 0 rgba(255, 255, 255, .72),
        0 11px 24px rgba(124, 68, 10, .24) !important;
    font-family: 'a_FuturaRound', Arial, sans-serif;
    font-size: 1rem;
    font-weight: 900;
}

html[data-color-mode="light"] body:not(.tg-site)
:is(.site-main, .page-popup .modal-body)
:is(
    .cabinet-account-form-page .cabinet-account-form-card,
    .cabinet-premium-page .premium-connect-card,
    .cabinet-donate-coin-page .donate-coin-exchange-card
) > form.ajax-form > button.btn-gold:is(:hover, :focus-visible) {
    color: #241104 !important;
    background: linear-gradient(105deg, #f0a21d 0%, #ffdc75 50%, #f7b52c 100%) !important;
    border-color: #9e5b05 !important;
    box-shadow:
        inset 0 -3px 0 var(--cabinet-form-red),
        inset 0 1px 0 rgba(255, 255, 255, .86),
        0 15px 29px rgba(124, 68, 10, .3) !important;
    transform: translateY(-2px);
}

@media (min-width: 992px) {
    html[data-color-mode="light"] .rules-page .rules-sidebar {
        scrollbar-color: #c47a18 rgba(111, 68, 28, .13);
    }

    html[data-color-mode="light"] .rules-page .rules-sidebar::-webkit-scrollbar-track {
        background: rgba(111, 68, 28, .11);
    }

    html[data-color-mode="light"] .rules-page .rules-sidebar::-webkit-scrollbar-thumb {
        border-color: transparent;
        background: linear-gradient(180deg, #efb547, #c87517 68%, #a90d19) padding-box;
        box-shadow: 0 0 8px rgba(145, 72, 14, .2);
    }

    html[data-color-mode="light"] .rules-page .rules-sidebar::-webkit-scrollbar-thumb:hover {
        background: linear-gradient(180deg, #ffc75c, #d98019 58%, #8f190e) padding-box;
    }
}

@media (max-width: 575.98px) {
    html[data-color-mode="light"] body:not(.tg-site)
    :is(.site-main, .page-popup .modal-body)
    :is(.cabinet-account-form-page, .cabinet-premium-page, .cabinet-donate-coin-page) {
        padding-right: .55rem !important;
        padding-left: .55rem !important;
    }

    html[data-color-mode="light"] body:not(.tg-site)
    :is(.site-main, .page-popup .modal-body)
    :is(
        .cabinet-account-form-page .cabinet-account-form-card,
        .cabinet-premium-page .premium-connect-card,
        .cabinet-donate-coin-page .donate-coin-exchange-card
    ) {
        padding: 1.1rem !important;
        border-radius: 22px 9px 24px 11px;
    }

    html[data-color-mode="light"] body:not(.tg-site)
    :is(.site-main, .page-popup .modal-body)
    :is(.cabinet-account-form-page, .cabinet-premium-page, .cabinet-donate-coin-page) > .section-title {
        flex-direction: column;
        align-items: stretch !important;
    }

    html[data-color-mode="light"] body:not(.tg-site)
    :is(.site-main, .page-popup .modal-body)
    :is(.cabinet-account-form-page, .cabinet-premium-page, .cabinet-donate-coin-page) > .section-title > .btn {
        align-self: flex-start;
    }

    html[data-color-mode="light"] body:not(.tg-site)
    :is(.site-main, .page-popup .modal-body)
    :is(
        .cabinet-account-form-page .cabinet-account-form-card,
        .cabinet-premium-page .premium-connect-card,
        .cabinet-donate-coin-page .donate-coin-exchange-card
    ) > form.ajax-form > button.btn-gold {
        white-space: normal;
        line-height: 1.25;
    }
}

/* =============================================================
   v1.0.639: compact light forum activity grid
   ============================================================= */
html[data-color-mode="light"] .home-news-section .home-forum-card.game-card,
html[data-color-mode="light"] .home-news-section .home-forum-card.game-card:hover{
    background-color: rgba(255, 255, 255, .72) !important;
    background-image: none !important;
    border: 0 !important;
    box-shadow: 0 13px 28px rgba(65, 32, 11, .15) !important;
    filter: none;
}

html[data-color-mode="light"] .home-news-section .home-forum-card a.forum-last-link{
    color: #3b2a20 !important;
    background: rgba(255, 255, 255, .44) !important;
    border-color: rgba(111, 68, 28, .12) !important;
    box-shadow: none !important;
}

html[data-color-mode="light"] .home-news-section .home-forum-card a.forum-last-link:is(:hover, :focus-visible){
    color: #5c2c13 !important;
    background: rgba(255, 213, 105, .3) !important;
    border-color: rgba(142, 85, 27, .28) !important;
    box-shadow: inset 2px 0 #a90d19, 0 7px 15px rgba(84, 46, 17, .1) !important;
}

html[data-color-mode="light"] .home-forum-card .home-forum-topic-icon{
    color: #8f4514;
    background: rgba(255, 197, 76, .27);
    border-color: rgba(151, 82, 20, .26);
}

html[data-color-mode="light"] .home-forum-card .forum-last-title{
    color: #3f291b !important;
}

html[data-color-mode="light"] .home-forum-card .forum-last-badge{
    color: #fff5df !important;
    background: #5b321c !important;
    border-color: transparent !important;
    box-shadow: none !important;
}

html[data-color-mode="light"] .home-forum-card .forum-last-date{
    color: #806247 !important;
}

html[data-color-mode="light"] .home-forum-card .home-forum-topic-arrow{
    color: rgba(169, 13, 25, .55) !important;
}

html[data-color-mode="light"] .home-forum-card .forum-last-link:is(:hover, :focus-visible) .home-forum-topic-arrow{
    color: #a90d19 !important;
}