:root {
    --modern-bg: #020708;
    --modern-panel: #061012;
    --modern-panel-2: #081517;
    --modern-border: rgba(80, 227, 207, .13);
    --modern-border-strong: rgba(80, 227, 207, .28);
    --modern-text: #eaf8f6;
    --modern-muted: #839c99;
    --modern-accent: #50e3cf;
    --modern-radius: 12px;
}

html { scroll-behavior: smooth; }
body.site-modern {
    background: var(--modern-bg) !important;
    color: var(--modern-text);
    min-height: 100vh;
}
body.site-modern .nebula,
body.site-modern #particles-canvas { display: none !important; }
body.site-modern nav {
    min-height: 58px;
    padding: 10px clamp(14px, 3vw, 38px) !important;
    background: rgba(2, 7, 8, .9) !important;
    border-bottom: 1px solid rgba(80, 227, 207, .08) !important;
    backdrop-filter: blur(16px);
}
body.site-modern .logo { font-size: 18px !important; letter-spacing: -.5px !important; }
body.site-modern .nav-links { gap: 4px !important; }
body.site-modern .nav-links a {
    padding: 7px 10px !important;
    border-radius: 8px !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
}
body.site-modern .nav-links a.active,
body.site-modern .nav-links a:hover { background: rgba(80, 227, 207, .08) !important; color: var(--modern-accent) !important; }
body.site-modern footer { border-top: 1px solid rgba(80, 227, 207, .08) !important; padding: 24px 18px !important; }

body.page-tools main.container,
body.page-partners main.container,
body.page-stats main,
body.page-status main { width: min(100% - 28px, 1000px) !important; margin: 28px auto 56px !important; }

body.page-tools main.container { display: grid !important; grid-template-columns: 190px minmax(0, 1fr) !important; gap: 14px !important; }
body.page-tools .sidebar,
body.page-tools .workspace,
body.page-tools .tool-card,
body.page-tools .content-card,
body.page-stats .content-card,
body.page-stats .stat-card,
body.page-partners .partner-card,
body.page-status .service-card,
body.page-status .metric-card {
    background: var(--modern-panel) !important;
    border: 1px solid var(--modern-border) !important;
    border-radius: var(--modern-radius) !important;
    box-shadow: none !important;
}
body.page-tools .sidebar { padding: 12px !important; height: fit-content; }
body.page-tools .workspace { padding: clamp(16px, 3vw, 26px) !important; }
body.page-tools .tool-card { padding: 16px !important; }
body.page-tools .tool-nav a,
body.page-tools .tool-tab { border-radius: 8px !important; }

body.page-stats .hero,
body.page-partners .header-section,
body.page-status .status-hero { text-align: left !important; margin: 0 0 22px !important; }
body.page-stats h1,
body.page-partners h1,
body.page-status h1 { font-size: clamp(30px, 5vw, 46px) !important; letter-spacing: -2px !important; margin-bottom: 6px !important; }
body.page-stats .stats-grid,
body.page-status .metrics-grid { gap: 10px !important; }
body.page-stats .stat-card,
body.page-stats .content-card,
body.page-status .metric-card,
body.page-status .service-card { padding: 16px !important; }
body.page-stats table { min-width: 620px; }
body.page-stats .table-wrapper { overflow-x: auto; }

body.page-partners .partners-grid,
body.page-partners .partner-grid { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 10px !important; }
body.page-partners .partner-card { padding: 16px !important; min-height: 0 !important; }
body.page-partners .partner-logo { width: 50px !important; height: 50px !important; }
body.page-status .services-grid { gap: 10px !important; }

/* Games directory */
body.page-games .container { width: min(100% - 28px, 1040px) !important; margin: 30px auto 56px !important; padding: 0 !important; }
body.page-games .header-section { text-align: left !important; margin-bottom: 18px !important; }
body.page-games .hero-title { font-size: clamp(30px, 5vw, 46px) !important; letter-spacing: -2px !important; }
body.page-games .hero-subtitle { max-width: 660px !important; margin: 6px 0 0 !important; }
body.page-games .games-toolbar { display: flex; align-items: center; gap: 10px; margin-top: 18px; }
body.page-games .search-container { flex: 1; max-width: none !important; margin: 0 !important; }
body.page-games .games-sort {
    min-width: 150px; padding: 11px 34px 11px 12px; color: var(--modern-text);
    background: var(--modern-panel); border: 1px solid var(--modern-border); border-radius: 9px;
}
body.page-games .games-count { font-size: 11px; color: var(--modern-muted); white-space: nowrap; }
body.page-games .games-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
body.page-games .game-card { display: grid !important; grid-template-columns: 118px minmax(0, 1fr); min-height: 150px !important; border-radius: 11px !important; }
body.page-games .game-thumbnail-wrap { height: 100% !important; min-height: 150px; border-right: 1px solid var(--modern-border); }
body.page-games .game-content { padding: 14px !important; }
body.page-games .game-title { font-size: 16px !important; }
body.page-games .game-desc { font-size: 12px !important; line-height: 1.45 !important; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
body.page-games .btn-get { min-height: 34px !important; padding: 8px 12px !important; font-size: 11px !important; }

/* Game details */
body.page-game-detail .container { width: min(100% - 28px, 900px) !important; margin: 28px auto 56px !important; padding: 0 !important; }
body.page-game-detail .game-detail-card { padding: clamp(18px, 3vw, 28px) !important; border-radius: 14px !important; background: var(--modern-panel) !important; border: 1px solid var(--modern-border) !important; box-shadow: none !important; }
body.page-game-detail .detail-breadcrumb { display: flex; gap: 7px; align-items: center; margin-bottom: 16px; color: var(--modern-muted); font-size: 11px; }
body.page-game-detail .detail-breadcrumb a { color: var(--modern-accent); text-decoration: none; }
body.page-game-detail .game-header { gap: 18px !important; margin-bottom: 18px !important; }
body.page-game-detail .game-thumbnail { width: 132px !important; height: 132px !important; border-radius: 11px !important; }
body.page-game-detail .game-title { font-size: clamp(27px, 5vw, 42px) !important; letter-spacing: -1.5px !important; }
body.page-game-detail .game-desc { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; overflow: hidden; }
.quick-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 16px 0; }
.quick-fact { padding: 11px 12px; background: var(--modern-panel-2); border: 1px solid var(--modern-border); border-radius: 9px; }
.quick-fact span { display: block; color: var(--modern-muted); font-size: 9px; text-transform: uppercase; letter-spacing: .7px; margin-bottom: 4px; }
.quick-fact strong { display: block; font-size: 12px; color: var(--modern-text); }
body.page-game-detail .features-list { gap: 7px !important; }
body.page-game-detail .feature-item { padding: 9px 11px !important; }
body.page-game-detail .script-box { margin-top: 16px !important; }

/* Executor listing and guides */
body.page-executors main { width: min(100% - 28px, 1040px) !important; margin: 30px auto 56px !important; }
.executor-summary { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 8px; margin: 0 0 18px; }
.executor-summary div { padding: 11px 12px; background: var(--modern-panel); border: 1px solid var(--modern-border); border-radius: 9px; }
.executor-summary strong { display: block; font-size: 17px; color: var(--modern-accent); }
.executor-summary span { font-size: 10px; color: var(--modern-muted); }
body.page-executors .executors-grid { gap: 10px !important; }
body.page-executors .executor-card { border-radius: 11px !important; }
body.page-executors .table-wrapper { overflow-x: auto; }

body.page-executor-detail main { width: min(100% - 28px, 1040px) !important; grid-template-columns: minmax(0, 1fr) 250px !important; gap: 14px !important; margin: 28px auto 56px !important; }
body.page-executor-detail .executor-header,
body.page-executor-detail section,
body.page-executor-detail .widget { background: var(--modern-panel) !important; border: 1px solid var(--modern-border) !important; border-radius: 11px !important; box-shadow: none !important; }
body.page-executor-detail .executor-header,
body.page-executor-detail section { padding: 18px !important; margin-bottom: 10px !important; }
body.page-executor-detail .page-title { font-size: clamp(27px, 4vw, 39px) !important; letter-spacing: -1.5px !important; }
body.page-executor-detail .executor-facts { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 7px; margin: 0 0 10px; }
body.page-executor-detail .executor-facts div { padding: 10px 11px; background: var(--modern-panel-2); border: 1px solid var(--modern-border); border-radius: 9px; }
body.page-executor-detail .executor-facts span { display: block; color: var(--modern-muted); font-size: 9px; text-transform: uppercase; margin-bottom: 3px; }
body.page-executor-detail .executor-facts strong { font-size: 11px; }
body.page-executor-detail .sidebar { position: sticky; top: 72px; height: fit-content; }
body.page-executor-detail .widget { padding: 15px !important; margin-bottom: 10px !important; }

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; scroll-behavior: auto !important; }
}
@media (max-width: 760px) {
    body.site-modern nav { align-items: flex-start !important; flex-wrap: wrap !important; overflow: hidden; }
    body.site-modern .nav-links { display: flex !important; width: 100%; overflow-x: auto; padding-bottom: 3px; scrollbar-width: none; }
    body.site-modern .theme-picker { display: none !important; }
    body.page-tools main.container,
    body.page-executor-detail main { grid-template-columns: 1fr !important; }
    body.page-tools .sidebar { position: static !important; }
    body.page-partners .partners-grid,
    body.page-partners .partner-grid,
    body.page-games .games-grid { grid-template-columns: 1fr !important; }
    body.page-games .games-toolbar { flex-wrap: wrap; }
    body.page-games .games-count { order: 3; width: 100%; }
    .quick-facts,
    .executor-summary,
    body.page-executor-detail .executor-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    body.page-game-detail .game-header { flex-direction: column !important; align-items: center !important; text-align: center; }
    body.page-game-detail .game-info { width: 100%; }
    body.page-game-detail .game-title-wrap { justify-content: center; }
    body.page-game-detail .game-desc { text-align: left; -webkit-line-clamp: 6; }
    body.page-game-detail .game-thumbnail { width: 92px !important; height: 92px !important; }
    body.page-executor-detail .sidebar { position: static; }
}
@media (max-width: 430px) {
    body.page-games .game-card { grid-template-columns: 92px minmax(0, 1fr); }
    body.page-games .game-thumbnail-wrap { min-height: 140px; }
}