/* Tema: Kale. Dafium Store için çizildi; Mojang dokusu, logosu ya da yazı tipi içermez. */
:root {
    --bg: #1e1f22;
    --bg-alt: #26282c;
    --surface: #2c2f34;
    --surface-2: #363a40;
    --text: #efe9dc;
    --muted: #a9a294;
    --line: #44484f;
    --accent: #c8a13a;
    --accent-ink: #1d1500;
    --radius: 0px;
    --radius-sm: 0px;
    --hard-shadow: 4px 4px 0 #0f1012;
    --heading-case: uppercase;
    --heading-spacing: .04em;
    --font-display: "Silkscreen", ui-monospace, monospace;
}
.hero-banner .hero { --hero-min: 440px; }
.hero { background: linear-gradient(180deg, #3a3d44, #26282c); }
.hero-scene .s1 { background: repeating-linear-gradient(0deg, transparent 0 22px, #1e1f22 22px 24px), repeating-linear-gradient(90deg, #4a4e56 0 46px, #1e1f22 46px 48px); opacity: .55; }
.hero-scene .s1::after { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 28px; background: linear-gradient(90deg, #26282c 50%, transparent 50%) 0 0 / 56px 28px; }
.hero-scene .s2::before, .hero-scene .s2::after { content: ""; position: absolute; right: 10%; top: 28px; width: 70px; height: 150px; background: linear-gradient(180deg, #8f1d1d 0 85%, transparent 85%); clip-path: polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%); box-shadow: inset 0 -6px 0 #c8a13a; transform-origin: top; animation: t-flag 3s ease-in-out infinite alternate; }
.hero-scene .s2::after { right: 24%; height: 120px; background: linear-gradient(180deg, #1d3f8f 0 85%, transparent 85%); animation-delay: -1.5s; }
@keyframes t-flag { from { transform: skewY(-3deg) scaleX(.96); } to { transform: skewY(3deg) scaleX(1); } }
.hero-scene .s3::before, .hero-scene .s3::after { content: ""; position: absolute; right: 5%; top: 46%; width: 8px; height: 8px; margin-bottom: 48px; background: transparent; box-shadow: 8px 0px 0 #ffb347, 0px 8px 0 #ffb347, 8px 8px 0 #ffe08a, 16px 8px 0 #ffb347, 8px 16px 0 #ffe08a, 8px 24px 0 #8a5a2b, 8px 32px 0 #8a5a2b, 8px 40px 0 #8a5a2b, 8px 48px 0 #8a5a2b; filter: drop-shadow(0 0 12px rgba(255,170,60,.8)); animation: t-fl 1.2s steps(2) infinite alternate; }
.hero-scene .s3::after { right: 34%; top: 50%; animation-delay: -.6s; }
@keyframes t-fl { to { filter: drop-shadow(0 0 22px rgba(255,190,90,1)); } }
.hero-inner { padding-top: 40px; }
.hero-title { color: #f3e3b6; text-shadow: 3px 3px 0 #0f1012; }
.site-header { border-bottom: 4px solid #c8a13a; }