/* Tema: Çöl Tapınağı. Dafium Store için çizildi; Mojang dokusu, logosu ya da yazı tipi içermez. */
:root {
    --bg: #f7ecd2;
    --bg-alt: #fbf3e1;
    --surface: #fffaf0;
    --surface-2: #f3e4c0;
    --text: #3d2a0f;
    --muted: #8a6d3f;
    --line: #e5cf9c;
    --accent: #d99a1e;
    --accent-ink: #2a1a00;
    --radius: 0px;
    --radius-sm: 0px;
    --hard-shadow: 4px 4px 0 #cfb57a;
    --fx-color: #e8c98a;
    --fx-opacity: .6;
    --font-display: "Press Start 2P", ui-monospace, monospace;
}
h1, h2, h3, .brand { font-size: .78em; line-height: 1.5; }
.hero-banner .hero { --hero-min: 460px; }
.hero { background: linear-gradient(180deg, #f39a4a 0%, #f6c46b 45%, #fae3b0 80%, #f7ecd2 100%); }
.hero-scene .s1::before { content: ""; position: absolute; left: 62%; top: 12%; width: 120px; height: 120px; background: #fff1b8; box-shadow: 0 0 60px 20px rgba(255,236,160,.6); animation: t-sun 5s ease-in-out infinite alternate; }
@keyframes t-sun { to { box-shadow: 0 0 90px 34px rgba(255,236,160,.75); } }
.hero-scene .s2 { background: radial-gradient(70% 55% at 25% 110%, #e9c784 60%, transparent 61%), radial-gradient(60% 45% at 85% 112%, #dfb873 60%, transparent 61%); }
.hero-scene .s3::before { content: ""; position: absolute; right: 10%; bottom: 60px; width: 260px; height: 150px; background: repeating-conic-gradient(#e9c784 0 25%, #d9b06a 0 50%) 0 0 / 10px 10px; clip-path: polygon(50% 0, 100% 100%, 0 100%); }
.hero-scene .s3::after { content: ""; position: absolute; right: calc(10% + 112px); bottom: 60px; width: 36px; height: 46px; background: #5b3a10; }
.hero-scene .s4 { top: auto; height: 70px; background: repeating-conic-gradient(#ecd29a 0 25%, #e0c285 0 50%) 0 0 / 14px 14px; }
.hero-scene .s4::before, .hero-scene .s4::after { content: ""; position: absolute; left: 8%; bottom: 62px; width: 9px; height: 9px; margin-bottom: 72px; background: transparent; box-shadow: 18px 0px 0 #4f8a2b, 18px 9px 0 #6aa63a, 0px 18px 0 #4f8a2b, 18px 18px 0 #4f8a2b, 0px 27px 0 #4f8a2b, 9px 27px 0 #6aa63a, 18px 27px 0 #4f8a2b, 36px 27px 0 #4f8a2b, 9px 36px 0 #4f8a2b, 18px 36px 0 #4f8a2b, 36px 36px 0 #6aa63a, 18px 45px 0 #4f8a2b, 27px 45px 0 #4f8a2b, 36px 45px 0 #4f8a2b, 18px 54px 0 #4f8a2b, 18px 63px 0 #6aa63a, 18px 72px 0 #4f8a2b; }
.hero-scene .s4::after { left: 30%; transform: scale(.75); transform-origin: bottom; }
.hero-inner { padding-bottom: 90px; }
.hero-title { font-size: clamp(1.3rem, 4vw, 2.2rem); color: #fff6e0; text-shadow: 3px 3px 0 #9a6a12; }
.site-header { border-bottom: 6px solid; border-image: repeating-linear-gradient(90deg, #d99a1e 0 12px, #3d7b8c 12px 24px) 6; }