/**
 * Düsteres Kohle-/Glut-Overlay für die Startseite.
 * Nicht: Sonnenuntergang, Classic.
 */
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) {
    --episch-gold: #c08048;
    --episch-gold-bright: #e0a060;
    --episch-crimson: #5a3018;
    --episch-crimson-bright: #c08048;
    --episch-text: #d8cfc4;
    --episch-story: #c4b8a8;
    --episch-glass: rgba(12, 8, 6, 0.72);
    --episch-glass-strong: rgba(8, 5, 4, 0.9);
    --episch-glass-border: rgba(160, 100, 60, 0.38);
    --episch-glass-highlight: rgba(200, 160, 110, 0.08);
    background: #050303 !important;
    color: #d8cfc4 !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .scene {
    background-color: #050303 !important;
    background-image:
        linear-gradient(180deg, rgba(5, 3, 3, 0.45), rgba(5, 3, 3, 0.72)),
        var(--landing-hero-flags-url),
        var(--landing-hero-url) !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .scene::after {
    background:
        radial-gradient(ellipse 90% 55% at 50% 0%, rgba(160, 80, 32, 0.12), transparent 55%),
        radial-gradient(ellipse 110% 70% at 50% 100%, rgba(0, 0, 0, 0.72) 0%, transparent 58%),
        linear-gradient(180deg, rgba(0, 0, 0, 0.42) 0%, transparent 22%, transparent 68%, rgba(0, 0, 0, 0.55) 100%) !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-rain-drop {
    background: linear-gradient(
        to bottom,
        rgba(240, 212, 176, 0.98) 0%,
        rgba(192, 128, 72, 0.9) 38%,
        rgba(140, 70, 32, 0.7) 68%,
        rgba(80, 32, 12, 0.35) 88%,
        transparent 100%
    ) !important;
    box-shadow:
        0 0 4px 2px rgba(192, 128, 72, 0.45),
        0 0 10px 3px rgba(160, 80, 32, 0.22) !important;
}
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-rain-drop.episch-rain-drop--fine {
    background: radial-gradient(
        circle at 32% 30%,
        rgba(255, 236, 210, 1) 0%,
        rgba(224, 180, 128, 0.95) 42%,
        rgba(192, 128, 72, 0.7) 72%,
        transparent 88%
    ) !important;
    box-shadow:
        0 0 5px 2px rgba(192, 128, 72, 0.55),
        0 0 12px 4px rgba(160, 80, 32, 0.2) !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .top-logo img {
    filter: drop-shadow(0 8px 28px rgba(0, 0, 0, 0.75)) drop-shadow(0 0 40px rgba(192, 128, 72, 0.16)) !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .story-box,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-login-panel,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-werben-dialog {
    background-image:
        linear-gradient(160deg, rgba(22, 14, 10, 0.94), rgba(10, 7, 5, 0.97)),
        var(--landing-panel-url) !important;
    border-color: rgba(160, 100, 60, 0.38) !important;
    box-shadow:
        0 0 0 1px rgba(160, 80, 32, 0.14),
        0 24px 64px rgba(0, 0, 0, 0.65) !important;
    color: #d8cfc4 !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .story-box:not(.episch-auth-visible)::before {
    background:
        linear-gradient(180deg, rgba(12, 8, 6, 0.15) 0%, transparent 35%, rgba(5, 3, 3, 0.45) 100%),
        radial-gradient(ellipse 70% 55% at 50% 85%, rgba(160, 80, 32, 0.08), transparent 60%) !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .intro-card,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .section-lbg,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .section-img2,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .section-img3,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .section-img4 {
    border-color: rgba(160, 100, 60, 0.28) !important;
    box-shadow: 0 14px 44px rgba(0, 0, 0, 0.55), 0 0 24px rgba(160, 80, 32, 0.1) !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-server-card {
    background: linear-gradient(165deg, rgba(22, 14, 10, 0.95), rgba(10, 7, 5, 0.97)) !important;
    border-color: rgba(160, 100, 60, 0.28) !important;
    color: #e0a060 !important;
}
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-server-card:hover,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-server-card.is-active {
    border-color: rgba(200, 120, 60, 0.5) !important;
    box-shadow: 0 0 16px rgba(160, 80, 32, 0.28), 0 14px 44px rgba(0, 0, 0, 0.55) !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .btn {
    background:
        linear-gradient(165deg, rgba(200, 160, 110, 0.08) 0%, transparent 38%),
        linear-gradient(165deg, rgba(28, 16, 10, 0.94) 0%, rgba(10, 7, 5, 0.96) 100%) !important;
    color: #e8d8c0 !important;
    border-color: rgba(160, 100, 60, 0.42) !important;
}
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .btn.btn-login,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .btn.btn-register,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .btn.btn-client {
    border-color: rgba(200, 120, 60, 0.55) !important;
    color: #e8d8c0 !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .actions.visible .btn {
    animation-name: landingDusterPulse !important;
}
@keyframes landingDusterPulse {
    0%, 100% {
        border-color: rgba(200, 120, 60, 0.55);
        box-shadow: 0 0 14px rgba(160, 80, 32, 0.22), 0 14px 44px rgba(0, 0, 0, 0.55);
        background:
            linear-gradient(165deg, rgba(200, 160, 110, 0.1) 0%, transparent 38%),
            linear-gradient(165deg, rgba(36, 20, 12, 0.92) 0%, rgba(12, 8, 6, 0.95) 100%);
    }
    50% {
        border-color: rgba(224, 160, 96, 0.55);
        box-shadow: 0 0 18px rgba(192, 128, 72, 0.32), 0 14px 44px rgba(0, 0, 0, 0.55);
        background:
            linear-gradient(165deg, rgba(192, 128, 72, 0.16) 0%, transparent 38%),
            linear-gradient(165deg, rgba(48, 24, 12, 0.94) 0%, rgba(14, 8, 6, 0.96) 100%);
    }
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-login-submit {
    background: linear-gradient(165deg, #c08048 0%, #6a3a18 48%, #2a1408 100%) !important;
    color: #f0e0c8 !important;
    border-color: rgba(200, 120, 60, 0.5) !important;
}
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-login-submit:hover {
    box-shadow: 0 0 18px rgba(192, 128, 72, 0.35) !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-login-field input,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-auth-tabs,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-client-saved-panel,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-client-account-chip {
    border-color: rgba(160, 100, 60, 0.28) !important;
    background-color: rgba(8, 5, 4, 0.85) !important;
    color: #d8cfc4 !important;
}
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-login-field input:focus {
    border-color: rgba(200, 120, 60, 0.55) !important;
    box-shadow: 0 0 0 3px rgba(160, 80, 32, 0.18) !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-werben-tag {
    background: rgba(160, 80, 32, 0.22) !important;
    border: 1px solid rgba(200, 120, 60, 0.5) !important;
    color: #f0e0c8 !important;
}
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-werben-btn {
    border-color: rgba(200, 120, 60, 0.5) !important;
    background: linear-gradient(135deg, rgba(160, 80, 32, 0.28), rgba(18, 10, 6, 0.9)) !important;
    color: #f0e0c8 !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-skip-arrow,
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .episch-lang-flag.is-active {
    border-color: rgba(200, 120, 60, 0.45) !important;
    color: #e8d8c0 !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .social-hammer-item {
    border-color: rgba(160, 100, 60, 0.28) !important;
    background: rgba(10, 7, 5, 0.85) !important;
    color: #c4b8a8 !important;
}
body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .social-hammer-item:hover {
    border-color: rgba(200, 120, 60, 0.5) !important;
    box-shadow: 0 0 14px rgba(160, 80, 32, 0.25) !important;
}

body.landing-nachtlager:not(.landing-sonnenuntergang):not(.landing-classic) .top-logo::after {
    filter: drop-shadow(0 0 10px rgba(192, 128, 72, 0.35)) !important;
}