/* Tema: Nether Kalesi. Dafium Store için çizildi; Mojang dokusu, logosu ya da yazı tipi içermez. */
:root {
    --bg: #1a0b0b;
    --bg-alt: #230f0f;
    --surface: #2b1312;
    --surface-2: #3a1a18;
    --text: #fbe9e2;
    --muted: #c79a8f;
    --line: #4a221e;
    --accent: #ff6a2b;
    --accent-ink: #1a0500;
    --radius: 0px;
    --radius-sm: 0px;
    --hard-shadow: 4px 4px 0 #0c0404;
    --fx-color: #ff9a3c;
    --fx-opacity: .5;
    --font-display: "Press Start 2P", ui-monospace, monospace;
}
h1, h2, h3, .brand { font-size: .78em; line-height: 1.5; }
body { background: repeating-conic-gradient(#200d0d 0 25%, transparent 0 50%) 0 0 / 12px 12px, repeating-conic-gradient(#160909 0 25%, transparent 0 50%) 4px 4px / 20px 20px, #1a0b0b; }
.hero { background: linear-gradient(180deg, #2a0c0a 0%, #1a0b0b 100%); }
.hero-scene .s1 { background: repeating-conic-gradient(#6b2219 0 25%, transparent 0 50%) 0 0 / 12px 12px, repeating-conic-gradient(#4a140f 0 25%, transparent 0 50%) 4px 4px / 20px 20px, #5a1a14; opacity: .5; }
.hero-scene .s2 { top: auto; height: 160px; background: repeating-linear-gradient(0deg, #3d1512 0 14px, #2a0e0c 14px 16px), repeating-linear-gradient(90deg, transparent 0 30px, #2a0e0c 30px 32px); clip-path: polygon(0 100%, 0 30%, 6% 30%, 6% 10%, 12% 10%, 12% 30%, 30% 30%, 30% 0, 36% 0, 36% 30%, 64% 30%, 64% 0, 70% 0, 70% 30%, 88% 30%, 88% 10%, 94% 10%, 94% 30%, 100% 30%, 100% 100%); opacity: .8; }
.hero-scene .s3 { top: auto; height: 46px; background: linear-gradient(180deg, #ffb13d, #ff5b14 40%, #c3260b); animation: t-lava 3s ease-in-out infinite alternate; }
.hero-scene .s3::before { content: ""; position: absolute; left: 0; right: 0; top: -6px; height: 12px; background: radial-gradient(circle at 12px 12px, #ffcf5c 6px, transparent 7px) 0 0 / 46px 12px; animation: t-bubble 2.6s linear infinite; }
@keyframes t-lava { to { filter: brightness(1.2) saturate(1.2); } }
@keyframes t-bubble { to { background-position: 46px 0; } }
.hero-stage { background: radial-gradient(circle, #ff8a1f 0%, #c3260b 45%, transparent 70%); animation: t-orb 3s ease-in-out infinite alternate; }
.hero-stage .g1 { border-radius: 50%; border: 6px dashed rgba(255,190,90,.5); inset: 8%; animation: t-spin 18s linear infinite; }
@keyframes t-orb { to { filter: brightness(1.25); transform: scale(1.04); } }
@keyframes t-spin { to { rotate: 360deg; } }
.hero-title { font-size: clamp(1.3rem, 4vw, 2.2rem); color: #ffd2b8; text-shadow: 0 0 22px rgba(255,106,43,.55); }
.site-header { border-bottom: 4px solid #4a221e; }
.btn-primary { background: linear-gradient(180deg, #ff8a3d, #e04d12); }