/* ====== DARK THEME OVERRIDES ====== */
html.dark body {
    color-scheme: dark;
    
    /* === ZINC PALETTE (Neutral with slight blue tint) === */
    --zinc-50:  #fafafa;
    --zinc-100: #f4f4f5;
    --zinc-200: #e4e4e7;
    --zinc-300: #d4d4d8;
    --zinc-400: #a1a1aa;
    --zinc-500: #71717a;
    --zinc-600: #52525b;
    --zinc-700: #3f3f46;
    --zinc-800: #27272a;
    --zinc-900: #18181b;
    --zinc-950: #0e0e11;

    /* === SEMANTIC MAPPINGS === */
    
    /* Backgrounds */
    --bg-body: var(--zinc-950);
    --bg-card: var(--zinc-900);
    --bg-secondary: var(--zinc-800);
    --bg-tertiary: #202023;
    --bg-hover: rgba(255, 255, 255, 0.05);

    /* Glassmorphism System */
    --glass-bg: rgba(24, 24, 27, 0.75);
    --glass-border: rgba(255, 255, 255, 0.08);
    --glass-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.5);
    --backdrop-blur: blur(12px);

    /* Text */
    --text-main: var(--zinc-200);
    --text-heading: var(--zinc-50);
    --text-black: #ffffff;
    --text-white: #fff;
    --text-secondary: var(--zinc-300);
    --text-light: var(--zinc-400);
    --text-placeholder: var(--zinc-500);
    --breadcrumbs-color: rgba(161, 161, 170, 0.78);
    --breadcrumbs-link-color: var(--text-light);
    --breadcrumbs-separator-color: var(--breadcrumbs-color);
    --breadcrumbs-hover-color: var(--text-main);
    
    /* Borders */
    --border-light: rgba(255, 255, 255, 0.04);
    --border-medium: rgba(255, 255, 255, 0.06);
    --border-dark: rgba(0, 0, 0, 0.4);
    
    /* Brand / Accents */
    --accent: #65c454;
    --accent-hover: #72cf60;
    --accent-dark: #51a642;
    --accent-darker: #3c8230;
    --warning-bg: rgba(253, 218, 96, 0.2);
    --warning-border: #fdda60;

    /* Danger */
    --danger: #f87171;
    --danger-hover: #fca5a5;
    
    /* Links */
    --link-color: #60a5fa;
    --link-hover: #93c5fd;
    
    /* Navigation */
    --nav-btn-bg: rgba(255, 255, 255, 0.15);
    --nav-btn-active: rgba(255, 255, 255, 0.5);
    --nav-pagination-bg: var(--zinc-900);
    --nav-pagination-border: rgba(255, 255, 255, 0.06);
    --nav-pagination-text: var(--zinc-400);
    --nav-pagination-hover-bg: rgba(255, 255, 255, 0.04);
    --nav-pagination-hover-text: var(--zinc-300);
    --nav-pagination-active-bg: rgba(101, 196, 84, 0.15);
    --nav-pagination-active-text: var(--accent);
    --nav-pagination-arrow-bg: rgba(255, 255, 255, 0.03);
    --nav-pagination-arrow-icon: var(--zinc-500);
    
    /* Nav Menu Override */
    --nav-menu-bg: var(--bg-card);
    --nav-menu-border: var(--border-medium);
    --nav-menu-text: var(--text-secondary);
    --nav-menu-text-hover: var(--text-main);
    
    /* Tags */
    --tag-bg: var(--zinc-800);

    /* Inputs */
    --input-bg: rgba(255, 255, 255, 0.03);
    --input-border: var(--border-medium);
    
    /* Menu & Dropdowns */
    --menu-dropdown-bg: var(--glass-bg);
    
    /* Shadows */
    --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.5);
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.5);
    --shadow-card: 0 0 0 1px rgba(255, 255, 255, 0.04);
    
    /* Utils */
    --rating-good: #72c062;
    --rating-medium: #ddb068;
    --rating-poor: #f87171;
    
    /* Danger */
    --danger-bg: rgba(248, 113, 113, 0.15);
    
    /* Font Smoothing */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    
    /* Selection */
    --selection-bg: var(--zinc-600);
    --selection-text: #ffffff;

    /* Notice (Примечание) */
    --notice-bg: rgba(255, 255, 255, 0.02);
    --notice-border: var(--border-medium);
    --notice-accent: #8d6e63;
    --notice-head: #bcaaa4;
    --notice-text: var(--zinc-300);
    --notice-separator: rgba(255, 255, 255, 0.08);
}

/* Typography */
html.dark h1, html.dark h2, html.dark h3, html.dark h4, html.dark h5, html.dark h6 {
    color: var(--text-heading);
}

/* Override Selection globally for dark theme */
html.dark ::selection {
    background: var(--selection-bg);
    color: var(--selection-text);
}

/*--- Dark Theme Main Elements ---*/
.dark .br_stat {background: rgba(255, 255, 255, 0.015); color: var(--zinc-500); box-shadow: none; border: 1px solid rgba(255, 255, 255, 0.03); transition: background var(--transition-md), color var(--transition-md), border-color var(--transition-md);}
.dark .br_stat span {color: var(--zinc-400);}
.dark .br_stat:hover {background: rgba(255, 255, 255, 0.04); border-color: rgba(255, 255, 255, 0.08); color: var(--text-secondary);}
.dark .br_stat:hover span {color: var(--text-main);}
.dark .logo img {color-scheme: dark;}
.dark .header-main {
    background: rgba(24, 24, 27, 0.65);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.02);
    border-bottom: 1px solid rgb(255 255 255 / 4%);
    z-index: 50;
}

.dark .main, .dark .block-right,
.dark .carusel-box.showfull {
    background: rgba(24, 24, 27, 0.85);
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    border: 1px solid rgba(255, 255, 255, 0.02);
    border-radius: var(--radius-lg);
}
.dark .nav-menu {
    box-shadow: inset 1px 0 0 0 rgba(255, 255, 255, 0.03),
                inset -1px 0 0 0 rgba(255, 255, 255, 0.03),
                inset 0 -1px 0 0 rgba(255, 255, 255, 0.03);
}
/* Inputs & Search (Glassy & Refined) */
.dark #quicksearch input {
    border: 1px solid rgba(255, 255, 255, 0.04);
    color: var(--text-main);
    box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px inset;
    background: rgba(255, 255, 255, 0.04);
}
.dark #quicksearch input:focus {
    background: var(--bg-card);
    border-color: rgba(255, 255, 255, 0.1);
    box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.08);
}
.dark #quicksearch input::placeholder {color: var(--text-placeholder);}
.dark .search-button:hover {
    color: var(--text-main);
    background: var(--warning-bg);
    border-color: var(--warning-border);
}

/* Glassmorphism Containers */
.dark #searchsuggestions,
.dark .ui-dialog,
.dark .years-mega {
    background: var(--bg-card) !important;
    border: 1px solid var(--border-medium) !important;
    box-shadow: var(--glass-shadow) !important;
}

.dark #searchsuggestions {--search-scrollbar: rgba(255, 255, 255, 0.2); --search-chip-color: rgba(255, 255, 255, 0.38); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3), 0 12px 32px rgba(0, 0, 0, 0.5) !important;}
.dark #searchsuggestions a:hover {background-color: var(--bg-hover);}
.dark #searchsuggestions a, .dark #searchsuggestions span.notfound {border-bottom: 1px solid var(--border-light);}

.dark .search-item__title {color: var(--text-secondary);}
.dark #searchsuggestions .search-item:hover .search-item__title {color: var(--text-white);}
.dark .search-item__chip--accent {color: #5eead4;}
.dark .search-item__chip--announce {color: #fbbf24;}
.dark #searchsuggestions span.seperator a {
    border-top-color: rgba(255, 255, 255, 0.08);
    background: rgba(255, 255, 255, 0.03);
    color: var(--text-white);
}
.dark #searchsuggestions span.seperator a:hover {
    border-top-color: rgba(255, 255, 255, 0.12);
    background: rgba(255, 255, 255, 0.06);
}
.dark .search-page__hero {
    background:
        radial-gradient(circle at top right, rgba(245, 158, 11, 0.12), transparent 34%),
        linear-gradient(135deg, rgba(255, 255, 255, 0.03), rgba(255, 255, 255, 0.01));
    border-color: var(--border-medium);
    box-shadow: var(--glass-shadow);
}
.dark .search-page__title {color: var(--text-white);}
.dark .search-page__lead {color: var(--text-secondary);}
.dark .search-page #searchinput {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border-medium);
    box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.35);
    color: var(--text-main);
}
.dark .search-page #searchinput:focus {
    background: var(--bg-card);
    border-color: rgba(255, 255, 255, 0.16);
    box-shadow: 0 0 0 3px rgba(254, 217, 96, 0.12);
}
.dark .search-page__summary {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.08);
}
.dark .search-page__summary-label {
    background: rgba(255, 255, 255, 0.06);
    color: #fde68a;
}
.dark .search-page__summary-text {color: var(--text-main);}
.dark .search-page__ext-toggle {
    background: rgba(255, 255, 255, 0.03);
    border-color: rgba(255, 255, 255, 0.08);
}
.dark .search-page__ext-toggle-track {background: rgba(255, 255, 255, 0.18);}
.dark .search-page__ext-toggle-thumb {background: #f3f3f3; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.55);}
.dark .search-page__ext-toggle-input:checked + .search-page__ext-toggle-track {background: var(--accent);}
.dark .search-page__ext-toggle-text {color: var(--text-main);}

.dark .berrors {
	background: rgba(251, 191, 36, 0.04);
	color: var(--rating-medium);
	border-color: rgba(251, 191, 36, 0.15);
	box-shadow: 0 1px 0 rgba(0, 0, 0, 0.15);
}
.dark .berrors_icon,
.dark .berrors_head,
.dark .notice_icon {
	color: var(--rating-medium);
}
.dark .berrors_text {
	color: #fde68a;
	opacity: 0.9;
}

/* --- Search Results & Updates Redesign --- */
.dark .menu-headnav {color: var(--nav-menu-text);}
.dark .menu-headnav:hover {color: var(--nav-menu-text-hover);}
.dark .menu-headnav.open {color: var(--nav-menu-text-hover);}

.dark .search_res, .dark .short_upd {
    transition: background-color var(--transition-base), border-color var(--transition-base), box-shadow var(--transition-base);
}
.dark .search_res:hover, .dark .short_upd:hover {
    background-color: var(--bg-hover);
    border-color: var(--border-medium);
    z-index: 5;
}
.dark .search_res {
    background: var(--bg-card);
    border-color: rgba(255, 255, 255, 0.09);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
}
.dark .search_res:hover {
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}
.dark .search_res:hover .search_res_title, 
.dark .short_upd:hover .short_upd__title {
    color: var(--text-white);
}
.dark .search_res_title {color: var(--text-white);}
.dark .search_res_subtitle,
.dark .short_upd__subtitle,
.dark .search_res_date,
.dark .search_res_rating-caption {
    color: var(--text-secondary);
}
.dark .search_res_subtitle span:not(:first-child)::before {
    background: currentColor;
}
.dark .short_upd__subtitle span:not(:first-child)::before {
    background: currentColor;
}
.dark .search_res_img img {
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    transition: box-shadow var(--transition-md), filter var(--transition-md);
}
.dark .short_upd {
    background: var(--bg-card);
    border-color: rgba(255, 255, 255, 0.09);
    box-shadow: 0 8px 18px rgba(0, 0, 0, 0.24);
}
.dark .short_upd__img {
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    transition: box-shadow var(--transition-md), filter var(--transition-md);
}
.dark .search_res:hover .search_res_img img {
    box-shadow: 0 8px 16px rgba(0,0,0,0.5);
    filter: brightness(1.1);
}
.dark .short_upd:hover {
    border-color: rgba(255, 255, 255, 0.14);
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.3);
}
.dark .short_upd:hover .short_upd__img {
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.45);
    filter: brightness(1.1);
}
.dark .search_chip {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-main);
}
.dark .search_chip--soft {
    background: transparent;
    border-color: var(--border-medium);
    color: var(--text-secondary);
}
.dark .search_chip--accent {
    background: rgba(20, 184, 166, 0.16);
    color: #99f6e4;
}
.dark .search_res_footer {
    border-top-color: rgba(255, 255, 255, 0.06);
}
.dark .search_res_rating-box {
    background: rgba(255, 255, 255, 0.04);
    border-color: var(--border-medium);
}
.dark .shor_rt .strate {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-white);
}
.dark .short_upd__meta-item {
    color: var(--text-secondary);
}
.dark .short_upd__meta-item:not(:first-child)::before {
    color: rgba(255, 255, 255, 0.22);
}
.dark .short_upd__date {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-main);
}
.dark .short_upd__version {
    background: rgba(255, 255, 255, 0.06);
    border-color: rgba(255, 255, 255, 0.08);
}
.dark .short_upd__version-label {
    background: rgba(251, 191, 36, 0.16);
    color: #fde68a;
}
.dark .short_upd__version-value {
    color: var(--text-main);
}
.dark .short_upd__footer {
    border-top-color: rgba(255, 255, 255, 0.08);
}
.dark .search_res_cta {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-main);
}
.dark .search_res:hover .search_res_cta {
    background: var(--warning-bg);
    color: var(--text-black);
}
.dark .short_upd__cta {
    background: rgba(255, 255, 255, 0.05);
    color: var(--text-main);
}
.dark .short_upd:hover .short_upd__cta {
    background: var(--warning-bg);
    color: var(--text-black);
}
.dark .search-page__feedback .berrors {
    background: rgba(255, 255, 255, 0.02);
    border-color: var(--border-medium);
    color: var(--text-main);
}
.dark .search-page__feedback .berrors_icon,
.dark .search-page__feedback .berrors_head {
    color: var(--text-white);
}
.dark .search-page__feedback .berrors_text {
    color: var(--text-secondary);
}

.dark .years-mega__decade {background-color: var(--bg-hover);}
.dark .years-mega__bg-icon {color: var(--text-white); opacity: 0.09;}
.dark .years-mega__head {
    --years-accent: var(--text-white);
    background-image:
        radial-gradient(ellipse 70% 80% at 28% 45%, var(--bg-card) 0%, transparent 72%),
        radial-gradient(circle, color-mix(in srgb, var(--text-white) 14%, transparent) 0.5px, transparent 1px);
}
.dark .years-mega__title {color: var(--text-white);}
.dark .years-mega__badge {color: var(--text-secondary);}
.dark .year-chip {background-color: var(--bg-card); color: var(--text-white); box-shadow: none;}
.dark .year-chip:hover {background-color: var(--zinc-600); color: var(--text-white);}
.dark .year-chip[aria-current="page"] {background-color: var(--accent); color: var(--text-white);}

.dark .carousel-loading {color: var(--text-light);}
/* Gradient Placeholder */
.dark img[data-src] {background: linear-gradient(110deg, var(--zinc-800) 8%, var(--zinc-700) 18%, var(--zinc-800) 33%); background-size: 200% 100%; animation-duration: 3s;}

/* --- Game Card Redesign --- */
.dark .short_title a {
    color: var(--zinc-100);
    font-weight: 500;
    transition: color var(--transition-base);
}
.dark .shor_subtitle {
    color: var(--text-light); 
}

.dark .short_item:hover .short_title a {
    color: var(--text-white);
}

.dark .short_item .short_img {
    border-radius: var(--radius-md, 8px);
}
.dark .short_item:hover .short_img {
    border-color: var(--bg-hover);
}
.dark .short_item .short_img img {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.4);
}
.dark .short_item:hover .short_img img {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.8);
}


.dark .headcat h1 {color: var(--text-secondary);}
.dark .catheader h2 {color: var(--text-secondary);}
.dark .cat-tab {
    color: var(--text-light);
    border-color: var(--border-medium);
}
.dark .cat-tab:hover {
    background-color: rgba(255, 255, 255, 0.06);
    border-color: var(--accent-hover);
}
.dark .cat-tab:focus-visible {
    outline-color: var(--accent-hover);
}
.dark .cat-tab.is-active {
    background-color: var(--text-secondary);
    border-color: var(--text-secondary);
    color: var(--zinc-950);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.28);
}
.dark .cat-tab.is-active .catnewscount {
    color: rgba(14, 14, 17, 0.7);
}
.dark .ddprev, .dark .ddnext {
    color: var(--text-light);
    box-shadow: none;
}
.dark .carousel-nav-control {
    color: var(--text-light);
    box-shadow: none;
}
.dark .ddprev[data-page]:hover, .dark .ddnext[data-page]:hover {
    color: var(--text-white);
}
.dark .carousel-nav-control[data-page]:hover {
    color: var(--text-white);
}
.dark .ddprev:not([data-page]), .dark .ddnext:not([data-page]),
.dark .ddprev:disabled, .dark .ddnext:disabled {
    color: var(--zinc-700);
    opacity: 0.55;
    box-shadow: none;
}
.dark .carousel-nav-control:not([data-page]),
.dark .carousel-nav-control:disabled {
    color: var(--zinc-700);
    opacity: 0.55;
    box-shadow: none;
}

.dark .account-menu_profile {color: var(--text-light);}
.dark .lb-menu li a {color: var(--text-white);}


.dark .carousp.active {color: var(--text-secondary);}

/* --- Top Items & Similar Games Redesign --- */
.dark .itemtop-title a {
    color: var(--zinc-300);
    font-weight: 500;
    transition: color var(--transition-base);
}
.dark .itemtop-box:hover .itemtop-title a,
.dark .si-games:hover .itemtop-title a {
    color: var(--text-white);
}
.dark .itemtop-box .imgbox,
.dark .si-games .imgbox {
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5);
    transition: transform 0.4s cubic-bezier(0.165, 0.84, 0.44, 1), box-shadow var(--transition-lg);
}
.dark .itemtop-box:hover .imgbox, 
.dark .si-games:hover .imgbox {
    box-shadow: 0 12px 24px rgba(0, 0, 0, 0.75);
    border-color: var(--bg-hover);
}

.dark .catheader {
    border-bottom: none;
    position: relative;
    padding-bottom: 15px;
}

.dark .catheader::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: linear-gradient(90deg, var(--border-medium) 0%, transparent 100%);
}
.dark .catheader h1 {color: var(--text-heading); font-weight: 500;}

.dark .side-item {
    transition: transform var(--transition-base);
}
.dark .side-item:hover .side-body .name {color: var(--text-white);}
.dark .side-body .strate[class*="rating_"] {
    background: var(--zinc-800) !important; 
    color: var(--text-light);
}
.dark .side-item:hover .side-body .strate[class*="rating_"] {
    box-shadow: 0 1px 4px rgba(0,0,0,0.5); 
}
.dark .side-img {
    box-shadow: 0 4px 6px rgba(0,0,0,0.3);
}

/* Category Sidebar Navigation - Optical Margin Compensation */
.dark .sidenav-list a {
    background: transparent;
    color: var(--text-secondary);

    /* OPTICAL COMPENSATION: */
    padding: 7px 10px;
    margin: 0 -10px;

    display: flex;
    align-items: center;
    transition: background var(--transition-base), color var(--transition-base);
}
.dark .sidenav-list a:hover {
    background: var(--bg-hover);
    color: var(--zinc-50);
}

.dark .sidenav-list.sidenav-list--compact a {
    display: inline-flex;
    padding: 4px 8px 4px 6px;
    margin: -4px 0 -4px -6px;
    background: transparent;
    color: var(--zinc-400);
    border: none;
}
.dark .sidenav-list.sidenav-list--compact a::before {color: var(--zinc-500);}
.dark .sidenav-list.sidenav-list--compact a:hover {background: rgba(255, 255, 255, 0.06); color: var(--zinc-50);}
.dark .sidenav-list.sidenav-list--compact a:hover::before {color: var(--zinc-50);}

.dark .rcomm_meta .author {color: var(--text-main); font-weight: 700;}

.dark .sctag a {color: var(--text-white); opacity: 0.85;}
.dark .sctag a:hover {opacity: 1;}
.dark .category-wrapper {
    --cat-scrollbar-track: rgba(255, 255, 255, 0.08);
    --cat-scrollbar-thumb: rgba(255, 255, 255, 0.28);
}
.dark .sidenav-list hr {border-top: 1px solid var(--border-light);}

.dark .comm-author {color: var(--text-main);}
.dark .comm-author a {color: var(--text-main);}
.dark .comgroup {color: var(--text-light);}
.dark .comm-av .comgroup,
.dark .ac-author-avatar .comgroup,
.dark .profile-popup__avatar .comgroup,
.dark .team_author .team_av .comgroup,
.dark .rel_author_av .comgroup {
    color: #fff;
    border-color: var(--bg-card);
}
.dark #Tooltip {
    background: #f3f4f6;
    color: #0f172a;
}
.dark .comm-reply .eldot {color: var(--text-light);}
.dark .comm-reply .eldot:hover {color: var(--text-white);}

.dark .side-body .name {color: var(--text-secondary);}
.dark .comgroup:hover {color: var(--text-white);}

.dark .actual-box::-webkit-scrollbar-thumb {background: var(--zinc-600);border-radius:var(--radius-full);}
.dark .actual-box::-webkit-scrollbar-track-piece {background: var(--bg-hover);}

.dark .open_alltag {
    background: transparent;
    border-top: 1px solid rgba(255, 255, 255, 0.08);
    color: var(--text-secondary);
    box-shadow: none;
}
.dark .open_alltag:hover {
    background: rgba(255, 255, 255, 0.06);
    color: var(--text-white);
}

/* Pagination dark overrides */
.dark .pages > span:not(.nav_ext) {
    color: var(--nav-pagination-active-text);
    background: var(--nav-pagination-active-bg);
    box-shadow: inset 0 0 0 1px rgba(101, 196, 84, 0.25);
}
.dark .nav_ext {color: var(--zinc-600);}

.dark .catfaq-item__head {background-color: var(--bg-hover); border: 1px solid var(--bg-card); color: var(--text-secondary);}

.dark .subhnamever {color: var(--warning-border); text-shadow: none;}
.dark .subver {color: var(--zinc-300);}
.dark .ul-details__label {font-weight: 600; color: var(--text-secondary);}
.dark .ulgenre a:hover {color: var(--text-white);}
.dark .unit-rating, .dark .unit-rating span:hover, .dark .unit-rating span.current-rating {background-image: url('../images/black-rating.svg?v=n39j8');}
.dark .poster-imgbox .imgbox {box-shadow: var(--shadow-md); border: 1px solid var(--border-light);}
.dark .quoteinf {display: inline-flex; align-items: center; gap: 4px; color: var(--link-color); margin-top: var(--space-2); border-bottom: none; font-weight: 500; transition: color var(--transition-base);}
.dark .quoteinf__text {border-bottom: 1px dashed var(--zinc-600);}
.dark .quoteinf:hover {color: var(--link-hover);}
.dark .tquote {display: inline-block; font-weight: 500; color: rgba(255, 255, 255, 0.8); background: rgba(255, 255, 255, 0.03); padding: 10px 16px 10px 24px; border-radius: 6px;}
.dark .tquote::before {left: 10px; top: 10px; color: rgba(255, 255, 255, 0.2);}
.dark .nottorent_sub {color: var(--zinc-400);}
.dark .game_desc h2, .dark .game_desc h3, .dark .game_desc h4 { color: var(--text-heading); }
.dark .game_desc__toggle {
    background: transparent;
    border-color: var(--border-light);
    color: var(--text-secondary);
}
.dark .game_desc__toggle:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--border-medium);
    color: var(--text-main);
}
.dark .open-scr {
    background: transparent;
    border-color: var(--border-light);
    color: var(--text-secondary);
}
.dark .open-scr:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--border-medium);
    color: var(--text-main);
}

/* Accents using variables */
.dark .itemtop_games {background: var(--accent-dark);}
.dark .itemtop_games:hover {background: var(--accent);}

.dark .scrhead, .dark .videohead {color: var(--zinc-300); font-weight: 500; font-size: 16px;}
.dark .scrblock img {box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 4px;}
.dark .box-steamrating {color: var(--text-secondary);}
.dark .gr_rate {color: var(--rating-good);}
.dark .info-basictor__value {color: var(--text-secondary);}
.dark .info-basictor__value b, .dark .info-basictor__value strong {font-weight: 500;}
.dark .info-basictor__icon { color: var(--zinc-500); }
.dark .info-basictor__label { color: var(--zinc-400); }
.dark .info-basictor__item--size {
    background: var(--bg-secondary);
    border-color: var(--border-dark);
    box-shadow: none;
}
.dark details.spoiler {background: #242424; border-color: #242424; border-left: none;}
.dark details.spoiler[open] {box-shadow: inset 1px 0 0 #242424;}
.dark .i_spoiler {background: transparent; border: none; border-left: 3px solid transparent; color: var(--text-secondary); transition: background var(--transition-xs), color var(--transition-xs), border-color var(--transition-xs);}
.dark .i_spoiler:hover {color: var(--text-white);}
.dark .opencast {border: 1px solid var(--border-dark); background: var(--bg-card); color: var(--text-secondary);}
.dark .ajax-content .opencast { border: none; background: var(--bg-card); }
.dark .reldist a {
    color: var(--zinc-300);
    border-bottom: 1px dashed var(--zinc-600);
    font-weight: 500;
    letter-spacing: 0.3px;
}
.dark .reldist a:hover,
.dark .reldist a:focus {
    color: var(--text-white);
    border-color: var(--zinc-400);
}

.dark .itemdown_games {background: var(--accent-dark);}
.dark .itemdown_games:hover {background: var(--accent); box-shadow: none;}
.dark .itemdown_magnet {
    background: var(--bg-secondary);
    border-color: var(--border-medium);
    color: var(--text-white);
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}
.dark .itemdown_magnet:hover,
.dark .itemdown_magnet:focus {
    background: var(--bg-hover);
    border-color: rgba(255, 255, 255, 0.12);
    color: var(--text-white);
    box-shadow: none;
}
.dark .itemdown_magnet:focus-visible {
    outline-color: rgba(255, 255, 255, 0.16);
}
.dark .itemdown_magnet:active {
    background: var(--bg-tertiary);
    border-color: var(--border-medium);
    color: var(--text-white);
    box-shadow: none;
}
.dark [class^="itemdown_nottorent"] {
    background: #2b3545;
    border-color: #2b3545;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08);
    color: #fff;
}
.dark [class^="itemdown_nottorent"]:hover,
.dark [class^="itemdown_nottorent"]:focus {
    background: #344155;
    border-color: #344155;
    color: #fff;
}
.dark [class^="itemdown_nottorent"]:active {
    color: #fff;
}
.dark .tupd {font-weight: 400; color: var(--text-secondary);}
.dark .tupd::after {border-top-color: var(--border-light);}
.dark .tech_details .infotech { border-bottom: 1px solid var(--border-light); color: var(--text-main); }
.dark .tech_details-label { color: var(--zinc-400); }
.dark .tech_details-value { color: var(--zinc-200); }
.dark .tracker_list.highlighted {background: var(--bg-secondary); outline: 10px solid var(--bg-secondary);}
.dark .tracker_list.highlighted .list_item {background: var(--zinc-900);}
.dark .list_item {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border-light);
    border-left: 3px solid var(--border-medium);
    border-radius: var(--radius-md);
    padding: 12px 16px;
    transition: background var(--transition-md), border-color var(--transition-md), color var(--transition-md);
    color: var(--text-secondary);
}

.dark .list_item:hover {
    background: var(--bg-hover);
    border-color: var(--border-medium);
    border-left-color: var(--accent);
    color: var(--text-main);
    box-shadow: none;
}

.dark .list_item.tm5, .dark .list_item.tm6 {
    border-left-color: rgba(96, 165, 250, 0.5);
}
.dark .list_item.tm5:hover, .dark .list_item.tm6:hover {
    background: var(--bg-hover);
    border-color: var(--border-medium);
    border-left-color: var(--link-color);
    box-shadow: none;
}
.dark .list_item.tm5.activesp, .dark .list_item.tm6.activesp {
    border-left-color: var(--link-color);
}

.dark .list_item .showtitle {
    color: var(--zinc-300);
    transition: color var(--transition-base);
}
.dark .list_item:hover .showtitle {
    color: var(--text-white);
}
.dark .list_item .show_ver {
    background: transparent;
    border: none;
    padding: 0;
    color: var(--zinc-400);
}
.dark .list_item:hover .show_ver {
    color: var(--zinc-200);
    background: transparent;
}
.dark .show_ver {color: var(--zinc-300);}
.dark .showtitle {color: var(--zinc-200);}
.dark .dist_size {
    color: var(--zinc-400);
    background: rgba(255, 255, 255, 0.06);
}

.dark .packagedownld-spoiler__action {
    background: var(--accent-dark);
    color: var(--text-white);
}
.dark .packagedownld-spoiler__action:hover,
.dark .packagedownld-spoiler__action:focus {
    background: var(--accent);
    color: var(--text-white);
}
.dark .packagedownld-spoiler__meta {
    background: var(--bg-secondary);
    border-color: var(--border-dark);
    box-shadow: none;
}
.dark .packagedownld-spoiler__icon {
    color: var(--zinc-400);
}
.dark .packagedownld-spoiler__label {
    color: var(--zinc-400);
}
.dark .packagedownld-spoiler__value {
    color: var(--text-secondary);
}
.dark .title-list {
    position: relative;
    display: flex;
    align-items: center;
    gap: 10px;
    padding: 6px 0;
    margin: 18px 0 12px;
    background: transparent;
    border: 0;
    border-radius: 0;
    box-shadow: none;
    font-weight: 700;
    font-size: 18px;
    color: var(--text-secondary);
}

.dark .title-list::before {
    content: "";
    width: 3px;
    height: 18px;
    background: var(--warning-border);
    border-radius: var(--radius-full);
    opacity: 0.9;
    flex: 0 0 auto;
}

.dark .title-list::after {
    content: "";
    flex: 1;
    height: 1px;
    background: linear-gradient(90deg, var(--border-medium), transparent);
    transform: translateY(1px);
}

.dark .dist_type-badge {
    color: rgba(255, 255, 255, 0.5);
}
.dark .dist_type-badge::after {
    color: rgba(255, 255, 255, 0.38);
}
.dark .list_item:hover .dist_type-badge,
.dark .list_item.activesp .dist_type-badge {
    color: var(--text-white);
}
.dark .list_item:hover .dist_type-badge::after,
.dark .list_item.activesp .dist_type-badge::after {
    color: var(--text-white);
}

.dark .althead_name {color: var(--text-white);}
.dark .althead_warning {background: var(--notice-bg); border-color: var(--notice-border); border-left-color: var(--notice-accent);}
.dark .althead_warning_head {color: var(--notice-head); border-bottom-color: var(--notice-separator);}
.dark .althead_warning_text {color: var(--notice-text);}
.dark .appruv_warning:hover {color: var(--notice-head); background: rgba(255, 255, 255, .06);}

.dark a.otherlink {color: var(--text-secondary); border-bottom: 1px solid var(--border-light);}
.dark a.otherlink:hover {background-color: var(--bg-hover); color: var(--link-color);}
.dark a.otherlink::before {color: var(--text-light);}
.dark a.otherlink:hover::before {color: var(--link-color);}

.dark .opencast code {
    color: var(--zinc-300);
    border-color: var(--border-medium);
    background: rgba(0, 0, 0, 0.2);
}
.dark .opencast details.mce-accordion {
    background: #242424;
    border-color: #242424;
}
.dark .opencast details.mce-accordion[open] {
    background: var(--bg-card);
    border-color: #242424;
    box-shadow: inset 1px 0 0 #242424;
}
.dark .opencast details.mce-accordion > summary {
    border-left-color: transparent;
    color: var(--text-secondary);
}
.dark .opencast details.mce-accordion > summary:hover {
    color: var(--text-white);
}
.dark .althead,
.dark .otherlink_info_head {
    border-bottom-color: var(--zinc-500);
    color: var(--text-main);
}
.dark .althead_text {
    color: var(--zinc-400);
}

.dark details.item {color: var(--text-secondary); border-bottom: 1px solid var(--border-light);}
.dark details.item a {color: var(--link-color);}
.dark details.item a:hover {color: var(--link-hover);}
.dark details.item a::after {color: var(--link-color);}
.dark summary[h]::before {color: var(--text-light);}
.dark summary[h]:hover, .dark details.item a:hover {background-color: var(--bg-hover);}

.dark .tracker_note {color: var(--zinc-400);}
.dark .navfaq a {color: var(--text-secondary);}
.dark .navfaq a:hover {color: var(--text-white);}
.dark .divhr {background: var(--border-light);}


.dark .apptag a {
    color: var(--text-secondary);
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--border-light);
    border-radius: 12px;
    transition: background var(--transition-base), color var(--transition-base), border-color var(--transition-base);
}
.dark .apptag a:hover {
    background: rgba(255, 255, 255, 0.08);
    color: var(--text-main);
    border-color: var(--border-medium);
    box-shadow: none;
}
.dark .button_showtag {color: var(--text-secondary); border-color: var(--border-light);}
.dark .button_showtag:hover {background: rgba(255, 255, 255, 0.08); color: var(--text-main); border-color: var(--border-medium);}
.dark .device {
    color: var(--text-secondary);
    background: rgba(255, 255, 255, 0.02);
    border: 1px solid var(--border-light);
    border-radius: 4px;
}

.dark .rel_network {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid var(--border-light);
    border-left: 3px solid var(--border-medium);
    border-radius: var(--radius-md);
    transition: background var(--transition-md), border-color var(--transition-md), color var(--transition-md);
    color: var(--text-secondary);
}
.dark .rel_network:hover {
    background: var(--bg-hover);
    border-color: var(--border-medium);
    border-left-color: var(--accent);
    color: var(--text-main);
    box-shadow: none;
}

.dark .shortnet-name {
    color: var(--zinc-200);
}

.dark .shortnet-size {
    color: var(--text-light);
    background: var(--bg-hover);
}

.dark .shortnet-version {
    color: var(--zinc-300);
}
.dark .shortnet-version--empty {
    color: var(--text-light);
}

/* Net header link */
.dark .net_header {
    background: var(--bg-secondary);
    color: var(--warning-border);
    border: 1px solid var(--border-light);
    border-left: 3px solid var(--warning-border);
    padding: 2px 6px;
}
.dark .net_header:hover {
    background: var(--zinc-800);
    color: #ffe066;
    border-color: var(--border-medium);
    border-left-color: #ffe066;
}
.dark .shortnet-badge {
    background: var(--bg-secondary);
    color: var(--warning-border);
    border: 1px solid var(--border-light);
    border-left: 3px solid var(--warning-border);
}
.dark .rel_network:hover .shortnet-badge {
    background: var(--zinc-800);
    color: #ffe066;
    border-color: var(--border-medium);
    border-left-color: #ffe066;
}

/* External link icon */
.dark .rel_network .i_square-up {
    color: var(--text-light);
    opacity: 0.45;
}
.dark .rel_network:hover .i_square-up {
    opacity: 1;
    color: var(--text-main);
}

.dark .c-head {color: var(--zinc-300);}
.dark .rel_author_text {color: var(--zinc-300);}

.dark .c-head .commcount {background: var(--bg-secondary); color: var(--zinc-300);}

.dark .ac-author-avatar {
    background-color: rgba(255, 255, 255, 0.03);
    box-shadow: inset 0 0 0 1px var(--bg-tertiary);
}
.dark .ac-textarea {
    background-color: rgba(255, 255, 255, 0.03);
}
.dark .ac-textarea:focus-within {
    background-color: var(--bg-hover);
    border-color: var(--border-medium);
    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.6);
}
.dark .ac-textarea textarea {background: transparent; color: var(--text-white); border: none;}
.dark .ac-textarea textarea::placeholder {color: var(--zinc-500); transition: color var(--transition-md);}
.dark .ac-textarea:focus-within textarea::placeholder {color: var(--zinc-400);}
.dark .ac-counter {color: var(--zinc-400);}
.dark .ac-textarea:focus-within .ac-counter {color: var(--text-main);}
.dark .ac-submit, .dark .btn-cn {
    background-color: var(--accent-dark); 
    color: var(--text-white);
    border: none;
    transition: background-color var(--transition-base), box-shadow var(--transition-base), transform var(--transition-base);
}
.dark .ac-submit:hover, .dark .btn-cn:hover {
    background-color: var(--accent);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.6);
    transform: translateY(-1px);
}
.dark .ac-submit--icon {
    background: transparent;
    color: var(--zinc-400);
    box-shadow: none;
}
.dark .ac-submit--icon:hover {
    background: var(--bg-hover);
    color: var(--text-white);
    box-shadow: none;
    transform: none;
}
.dark .ac-submit--icon:focus-visible {
    outline-color: var(--border-medium);
}
.dark .ac-submit:active, .dark .btn-cn:active {
    transform: translateY(0);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.4);
}
.dark .ac-submit--icon:active {
    box-shadow: none;
}
.dark .profile-box .btn-cn {background-color: var(--accent-dark);}
.dark .profile-box .btn-cn:hover {background-color: var(--accent-hover); transform: translateY(-1px);}
.dark .profile-box .btn-cn:active {transform: translateY(0);}

.dark #comm-status {border-bottom: 1px solid var(--bg-tertiary);}
.dark #dle-comments-list > .comments-tree-list > .comments-tree-item {border-top: 1px solid var(--bg-tertiary);}
.dark [data-ajax="steam_updinfo"] {color: var(--text-light);}
.dark [data-ajax="steam_updinfo"] .updinfo_button__text {border-bottom: 1px dashed var(--zinc-600);}
.dark [data-ajax="steam_updinfo"]:hover {color: var(--text-white);}
.dark .comm-reply a {color: var(--text-light);}
.dark .comm-reply a:hover {color: var(--text-white);}
.dark .i_ratebut {color: var(--text-light);}
.dark .i_ratebut:hover::after {background: var(--bg-hover);}
.dark .ratingtypeplusminus {color: var(--text-light);}
.dark .head-addcomm-title {color: var(--text-secondary);}

.dark .mass_comments_action {background-color: inherit; border: 1px solid var(--border-light); color: var(--text-light);}
.dark select {background-color: var(--bg-secondary); border: 1px solid var(--border-medium); border-radius: var(--radius-md); color: var(--text-main); background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");}
.dark #dlefastreplycomments {background: var(--bg-card); border: 1px solid var(--bg-card);}
.dark .comments-edit-area {background: inherit; border: inherit;}
.dark input[type="submit"].bbcodes, .dark input[type="button"].bbcodes, .dark input.bbcodes, .dark .ui-dialog-buttonset button, .dark .form-submit button {
    background-color: var(--zinc-800); 
    color: var(--text-white); 
    border: 1px solid var(--border-medium);
    box-shadow: 0 2px 4px rgba(0,0,0,0.2);
    transition: background-color var(--transition-base), border-color var(--transition-base);
}
.dark .form-submit button:hover, .dark input[type="submit"].bbcodes:hover, .dark input[type="button"].bbcodes:hover, .dark .ui-dialog-buttonset button:hover {
    background-color: var(--zinc-700); 
    border-color: var(--zinc-500);
}
.dark .form-textarea > label {background-color: var(--zinc-700); color: var(--text-main);}


.dark input[type="text"], .dark input[type="password"], .dark input[type="email"] {border-color: var(--border-medium); background: var(--input-bg); color: var(--text-main);}
.dark .input-wrap input {background: var(--input-bg); border: 1px solid var(--border-medium); color: var(--text-main);}
.dark .input-wrap input:focus {border-color: var(--text-main); box-shadow: 0 0 0 1px var(--text-main);}

.dark .cat_overflow__toggle {
    background: transparent;
    border-color: var(--border-light);
    color: var(--text-secondary);
}
.dark .cat_overflow__toggle:hover {
    background: rgba(255, 255, 255, 0.08);
    border-color: var(--border-medium);
    color: var(--text-main);
}
.dark .footer-navi {
    background: initial;
    margin-top: var(--space-6);
    border-top: 1px dashed var(--border-medium);
}
.dark .footer-upd-title {
    color: var(--text-secondary);
}
.dark .footer-upd-text {
    color: var(--text-light);
}
.dark .footer-upd-controls .ddprev,
.dark .footer-upd-controls .ddnext {
    color: var(--text-light);
}
.dark .footer-upd-controls .ddprev[data-page]:hover,
.dark .footer-upd-controls .ddnext[data-page]:hover {
    color: var(--text-main);
}
.dark .footer {
    border: none;
    border-top: 1px solid var(--border-light);
    background: none;
}
.dark div.scrollup {background: var(--bg-secondary);}


.dark .static-pages {color: var(--text-secondary);}
.dark .title_spoiler {background: var(--bg-secondary); border: 1px solid var(--border-medium); border-left: 2px solid var(--zinc-600);}
.dark .title_spoiler a {color: var(--text-secondary);}
.dark .text_spoiler {border: 1px solid var(--border-dark); background: var(--bg-card);}
.dark textarea {background: var(--input-bg); color: var(--text-main); border: 1px solid var(--border-medium);}

/* Yandex Search Overlay */
.dark .ya-site-suggest__iframe {background: var(--zinc-800) !important;}

/* UI Dialog / Modal */
.dark .ui-dialog-titlebar {border-bottom: 1px solid var(--border-light);}
.dark .ui-dialog-title {color: var(--text-white);}
.dark .profile-popup {
    --pp-accent-rgb: 56, 189, 248;
    --pp-rep-rgb: 250, 204, 21;
    --pp-msg-rgb: 56, 189, 248;
    --pp-sub-rgb: 167, 139, 250;
    --pp-card-bg: var(--zinc-800);
    --pp-card-border: rgba(255, 255, 255, 0.07);
    --pp-meta-bg: rgba(255, 255, 255, 0.04);
    --pp-cover: linear-gradient(135deg, rgba(56, 189, 248, 0.26) 0%, rgba(167, 139, 250, 0.26) 50%, rgba(52, 211, 153, 0.20) 100%);
    --pp-cover-pattern: radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1.4px);
}
/* Reputation-tinted theme (dark) */
.dark .profile-popup:has(.rep-value.rep-Unranked) {
    --pp-accent-rgb: 168, 162, 158;
    --pp-cover: linear-gradient(135deg, rgba(214, 211, 209, 0.22) 0%, rgba(168, 162, 158, 0.20) 50%, rgba(120, 113, 108, 0.18) 100%);
}
.dark .profile-popup:has(.rep-value.rep-Negative) {
    --pp-accent-rgb: 239, 68, 68;
    --pp-cover: linear-gradient(135deg, rgba(248, 113, 113, 0.38) 0%, rgba(220, 38, 38, 0.34) 50%, rgba(127, 29, 29, 0.26) 100%);
}
.dark .profile-popup:has(.rep-value.rep-Bronze) {
    --pp-accent-rgb: 205, 127, 50;
    --pp-cover: linear-gradient(135deg, rgba(205, 127, 50, 0.34) 0%, rgba(146, 64, 14, 0.28) 55%, rgba(101, 49, 17, 0.24) 100%);
}
.dark .profile-popup:has(.rep-value.rep-Silver) {
    --pp-accent-rgb: 186, 230, 253;
    --pp-cover: linear-gradient(135deg, rgba(241, 245, 249, 0.36) 0%, rgba(148, 163, 184, 0.26) 45%, rgba(125, 211, 252, 0.30) 100%);
}
.dark .profile-popup:has(.rep-value.rep-Gold) {
    --pp-accent-rgb: 250, 204, 21;
    --pp-cover: linear-gradient(135deg, rgba(254, 240, 138, 0.26) 0%, rgba(250, 204, 21, 0.24) 50%, rgba(180, 83, 9, 0.20) 100%);
}
.dark .profile-popup__summary::after {
    background:
        radial-gradient(circle at 18% 30%, rgba(255, 255, 255, 0.10), transparent 55%),
        radial-gradient(circle at 80% 70%, rgba(255, 255, 255, 0.05), transparent 60%),
        var(--pp-cover-pattern);
    background-size: auto, auto, 14px 14px;
}
.dark .profile-popup__avatar {
    background-color: var(--zinc-800);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
    box-shadow:
        0 0 0 4px var(--bg-card),
        0 0 0 5px rgba(56, 189, 248, 0.28),
        0 16px 36px -12px rgba(0, 0, 0, 0.75);
}
.dark .profile-popup__stat {
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
}
.dark .profile-popup__stat:has(.profile-popup__stat-value > a):hover {
    box-shadow: 0 4px 12px -10px rgba(0, 0, 0, 0.6);
}
.dark .profile-popup__meta li::before {
    background:
        linear-gradient(135deg, rgba(56, 189, 248, 0.22), rgba(56, 189, 248, 0.08));
    box-shadow: inset 0 0 0 1px rgba(56, 189, 248, 0.22);
}
.dark .offline, .dark .online {background: rgba(255, 255, 255, 0.21);}
.dark .ui-icon-closethick {background-color: var(--bg-tertiary); color: var(--text-light);}
.dark .ui-dialog-buttonpane {background-color: var(--bg-secondary) !important; border-top: 1px solid var(--border-light) !important;}
.dark .ui-dialog .ui-dialog-buttonset button {background: var(--zinc-700); color: #eeeeee;}

/* --- Icons (Micro-interactions) --- */
.dark .status_img .i_steam,
.dark .status_img .i_upd {
    color: var(--text-white);
    opacity: 0.7;
    transition: opacity var(--transition-base), text-shadow var(--transition-base);
}
.dark .status_img .i_steam:hover,
.dark .status_img .i_upd:hover {
    opacity: 1;
    color: var(--text-white);
    text-shadow: 0 0 8px rgba(255, 255, 255, 0.6);
}

/* --- Steam Deck Icon Visibility --- */
.dark .i_deck .path1::before {
    color: var(--zinc-400);
}
.dark .i_deck .path2::before {
    color: var(--text-white);
}

/* --- Steam Deck Compatibility Labels --- */
.dark .device .i_deck-verified {color: #54a548;}
.dark .device .i_deck-verified svg {color: #54a548;}
.dark .device .i_deck-playable {color: #eab034;}
.dark .device .i_deck-playable svg {color: #eab034;}
.dark .device .i_deck-unsupported,
.dark .device .i_deck-unknown {color: #8c929a;}
.dark .device .i_deck-unsupported svg,
.dark .device .i_deck-unknown svg {color: #8c929a;}

.dark .recommend_controller {color: rgba(253, 230, 138, 0.85); background: linear-gradient(135deg, rgba(234, 176, 52, 0.12), rgba(234, 176, 52, 0.06)); border-color: rgba(234, 176, 52, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.22);}
.dark .recommend_controller.i_star::before {color: rgba(234, 176, 52, 0.8);}



/* ── DLEPush Bubble — Dark Theme ── */
.dark .DLEPush-notification.wrapper {
    background: var(--glass-bg);
    border: 1px solid var(--glass-border);
    box-shadow: 0 8px 30px rgb(0 0 0 / .4), 0 0 1px rgb(255 255 255 / .06);
    color: var(--text-main);
    backdrop-filter: var(--backdrop-blur)
}

.dark .DLEPush-notification .DLEPush-close {
    background: rgb(255 255 255 / .08);
    color: var(--text-secondary)
}
.dark .DLEPush-notification .DLEPush-close:hover {
    background: rgb(255 255 255 / .15);
    color: var(--text-white)
}

.dark .DLEPush-notification.wrapper.push-success {
    background: linear-gradient(135deg, rgba(74, 164, 56, 0.15) 0%, var(--glass-bg) 100%);
    border-color: rgba(74, 164, 56, 0.2)
}
.dark .DLEPush-notification.wrapper.push-success .DLEPush-icon {
    background: #2e7d32
}
.dark .DLEPush-notification.wrapper.push-success::after {
    background: #4caf50
}

.dark .DLEPush-notification.wrapper.push-warning {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12) 0%, var(--glass-bg) 100%);
    border-color: rgba(251, 191, 36, 0.2)
}
.dark .DLEPush-notification.wrapper.push-warning .DLEPush-icon {
    background: #e6a100
}
.dark .DLEPush-notification.wrapper.push-warning::after {
    background: var(--rating-medium)
}

.dark .DLEPush-notification.wrapper.push-error {
    background: linear-gradient(135deg, rgba(248, 113, 113, 0.12) 0%, var(--glass-bg) 100%);
    border-color: rgba(248, 113, 113, 0.2)
}
.dark .DLEPush-notification.wrapper.push-error .DLEPush-icon {
    background: #c62828
}
.dark .DLEPush-notification.wrapper.push-error::after {
    background: #ef5350
}

.dark .DLEPush-notification.wrapper.push-info .DLEPush-icon,
.dark .DLEPush-notification.wrapper:not(.push-success):not(.push-warning):not(.push-error) .DLEPush-icon {
    background: #1565c0
}

.dark .DLEPush-notification.wrapper.avatar-prompt-push {
    background: linear-gradient(135deg, rgba(251, 191, 36, 0.12) 0%, var(--glass-bg) 100%);
    border-color: rgba(251, 191, 36, 0.2)
}
.dark .DLEPush-notification.wrapper.avatar-prompt-push .DLEPush-icon {
    background-color: #e6a100;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E")
}
.dark .DLEPush-notification.wrapper.avatar-prompt-push::after {
    background: var(--rating-medium)
}
.dark .avatar-prompt-cta {
    color: #fbbf24
}

/* Status info tooltip */
.dark [status_info]:hover::after {
    color: var(--text-main);
}

/* Rate label default bg */
.dark .ratelabel {
    background: var(--zinc-600);
}

/* Highlighted comment anchor */
.dark .comm-two .highlighted {
    background-color: var(--nav-pagination-active-bg);
    border-left: 3px solid var(--accent);
    padding-left: 12px;
    margin-left: -15px;
    border-radius: 0 4px 4px 0;
}

/* Load more button */
.dark .load-more-btn {
    background-color: rgb(239, 243, 244);
    color: #000;
}
.dark .load-more-btn:hover,
.dark .load-more-btn:active {
    background-color: rgb(239 243 244 / 90%);
}

/* Last comment link */
.dark .last-comm-link a {
    color: var(--link-color);
}

/* UI state error (engine.css override) */
.dark .ui-state-error {
    background: rgba(248, 113, 113, 0.15) !important;
    border-color: rgba(248, 113, 113, 0.4);
    color: var(--danger-hover);
}

/* Highlighted network distribution */
.dark .rel_network.highlighted .shortnet-name {
    color: var(--danger);
}

/* Rating overlay on poster */
.dark .img_rating {
    background-color: var(--zinc-600);
}

/* Miniprofile avatar */
.dark .miniprofile .avatar,
.dark .account-menu_avbox,
.dark .comm-av,
.dark .rcomm_av {
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a1a1aa' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

/* Profile dropdown */
.dark .profile-box {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.5), 0 4px 8px rgba(0, 0, 0, 0.3);
    border-color: var(--glass-border);
}

/* Emoji popover */
.dark .emoji-popover {
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
    border-color: var(--glass-border);
}

/* jQuery UI autocomplete hover/active */
.dark .ui-menu .ui-menu-item a.ui-state-hover,
.dark .ui-menu .ui-menu-item a.ui-state-active {
    border-color: var(--border-medium);
    color: var(--text-main);
    background: var(--bg-hover);
}

/* Team site scrollbar */
.dark .actual-box.team_site::-webkit-scrollbar-thumb {
    background-color: var(--zinc-600);
}

/* Right sidebar heading marker */
.dark .ht_rtop::before {
    background: var(--warning-border);
    opacity: 0.75;
}

/* Related games heading marker */
.dark .c_rel::before {
    background: var(--danger);
    opacity: 0.75;
}

/* Yandex brand button */
.dark .socbutton.i_yandex {
    background: #e6b800;
    color: #000;
}

/* === FULLSTORY: Activation Block === */
.dark .act-block {
    --ticket-paper: #1b1b1f;
    --ticket-border: rgba(255, 255, 255, 0.08);
    --ticket-dash: rgba(255, 255, 255, 0.16);
    --ticket-dash-soft: rgba(255, 255, 255, 0.06);
    --ticket-ink: var(--zinc-100);
    --ticket-stamp: 248, 113, 113;
    background-image:
        radial-gradient(circle at 15% 10%, rgba(101, 196, 84, 0.06), transparent 40%),
        radial-gradient(circle at 90% 90%, rgba(var(--ticket-stamp), 0.05), transparent 45%),
        repeating-linear-gradient(-45deg, transparent 0 42px, rgba(255, 255, 255, 0.015) 42px 43px);
    box-shadow:
        0 10px 26px rgba(0, 0, 0, 0.5),
        0 2px 6px rgba(0, 0, 0, 0.3),
        inset 0 0 0 1px rgba(255, 255, 255, 0.04);
}
.dark .act-desc { color: var(--text-main); }
.dark .act-body { background: rgba(255, 255, 255, 0.02); }
.dark .act-subtitle { color: var(--text-light); }
.dark .act-li-title { color: var(--text-main); }
.dark .act-li-desc { color: var(--text-secondary); }
.dark .act-info {
    background: rgba(255, 255, 255, 0.025);
    border-color: transparent;
    box-shadow: none;
}
.dark .act-info-title { color: var(--text-main); }
.dark .act-info-text { color: var(--text-secondary); }
.dark .act-info-text .ps-link-out {
    border-bottom-color: rgba(96, 165, 250, 0.3);
}
.dark .act-info-text .ps-link-out:hover,
.dark .act-desc .ps-link-out:hover,
.dark .act-desc .ps-link-out:focus-visible {
    color: var(--link-hover);
}
.dark .act-desc .ps-link-out:hover::after,
.dark .act-desc .ps-link-out:focus-visible::after {
    background: var(--link-hover);
    opacity: 1;
}
.dark .act-toggle:hover,
.dark .act-toggle:focus-visible {
    background: rgba(255, 255, 255, 0.04);
    border-color: rgba(255, 255, 255, 0.24);
    color: var(--text-main);
}
.dark .act-toggle:focus-visible {
    outline-color: rgba(255, 255, 255, 0.18);
}

/* Wait Release Box Overrides */
.dark .wait-description__main {
    color: var(--text-secondary);
}
.dark .wait-description__action::before {
    background: rgba(254, 217, 96, 0.62);
}
.dark .wait-highlight { 
    background: none;
}
.dark .wait-description b { 
    color: var(--text-heading);
}
.dark .wait-hint {
    color: var(--text-light);
}
.dark .wait-hint svg {
    opacity: 0.7;
}