/* Tema: Gece Madeni. Dafium Store için çizildi; Mojang dokusu, logosu ya da yazı tipi içermez. */
:root {
    --bg: #15171c;
    --bg-alt: #1c1f26;
    --surface: #20242c;
    --surface-2: #2a2f39;
    --text: #e8ecf2;
    --muted: #98a2b3;
    --line: #333a46;
    --accent: #38e1d1;
    --accent-ink: #0b1f1d;
    --radius: 2px;
    --radius-sm: 2px;
    --hard-shadow: 4px 4px 0 #0a0b0e;
    --fx-color: #7ff7ec;
    --fx-opacity: .35;
    --heading-case: uppercase;
    --font-display: "Silkscreen", ui-monospace, monospace;
}
body { background: repeating-conic-gradient(#1a1d23 0 25%, transparent 0 50%) 0 0 / 12px 12px, repeating-conic-gradient(#121418 0 25%, transparent 0 50%) 4px 4px / 20px 20px, #15171c; }
.hero { background: radial-gradient(ellipse at 30% 0%, #232833 0%, #15171c 70%); }
.hero-scene .s1 { background: repeating-conic-gradient(#444a55 0 25%, transparent 0 50%) 0 0 / 12px 12px, repeating-conic-gradient(#30353e 0 25%, transparent 0 50%) 4px 4px / 20px 20px, #3a3f49; opacity: .35; -webkit-mask: linear-gradient(180deg, #000, transparent); mask: linear-gradient(180deg, #000, transparent); }
.hero-scene .s2::before, .hero-scene .s2::after { content: ""; position: absolute; top: 22%; left: 4%; 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; }
.hero-scene .s2::after { left: auto; right: 4%; top: 30%; }
.hero-scene .s3::before, .hero-scene .s3::after { content: ""; position: absolute; top: calc(22% - 50px); left: calc(4% - 50px); width: 130px; height: 130px; border-radius: 50%; background: radial-gradient(circle, rgba(255,170,60,.35), transparent 65%); animation: t-flick 1.6s steps(3) infinite alternate; }
.hero-scene .s3::after { left: auto; right: calc(4% - 50px); top: calc(30% - 50px); animation-delay: -.7s; }
@keyframes t-flick { 0% { opacity: .6; transform: scale(.95); } 100% { opacity: 1; transform: scale(1.05); } }
.hero-stage { border: 4px solid #0a0b0e; background: repeating-conic-gradient(#444a55 0 25%, transparent 0 50%) 0 0 / 12px 12px, repeating-conic-gradient(#30353e 0 25%, transparent 0 50%) 4px 4px / 20px 20px, #3a3f49; box-shadow: inset 0 0 60px rgba(0,0,0,.6); }
.hero-stage .g1::before, .hero-stage .g1::after { content: ""; position: absolute; width: 16px; height: 16px; background: #38e1d1; box-shadow: 48px 32px 0 #38e1d1, 96px 96px 0 #f6c445, 160px 48px 0 #38e1d1, 32px 144px 0 #e04b5a, 208px 160px 0 #38e1d1, 128px 192px 0 #f6c445, 224px 16px 0 #e04b5a, 280px 120px 0 #38e1d1, 300px 220px 0 #f6c445;
    left: 24px; top: 24px; filter: drop-shadow(0 0 6px rgba(56,225,209,.8)); animation: t-ore 2.4s ease-in-out infinite alternate; }
.hero-stage .g1::after { left: 64px; top: 70px; background: #f6c445; box-shadow: 112px 24px 0 #38e1d1, 40px 120px 0 #f6c445, 250px 60px 0 #e04b5a; animation-delay: 1.2s; }
@keyframes t-ore { from { opacity: .45; } to { opacity: 1; } }
.hero-title { font-size: clamp(1.6rem, 5vw, 2.8rem); color: #fff; text-shadow: 0 0 18px rgba(56,225,209,.45); }
.btn-primary { box-shadow: 0 0 0 2px #0a0b0e, 0 0 16px rgba(56,225,209,.25); }
.product-card { border: 2px solid #0a0b0e; }
.price strong { color: #38e1d1; }