/* Tema: Kızıltaş Atölyesi. Dafium Store için çizildi; Mojang dokusu, logosu ya da yazı tipi içermez. */
:root {
    --bg: #16181b;
    --bg-alt: #1d2024;
    --surface: #22262b;
    --surface-2: #2b3036;
    --text: #eceff2;
    --muted: #9aa3ad;
    --line: #353b43;
    --accent: #ff3b3b;
    --accent-ink: #1f0000;
    --radius: 0px;
    --radius-sm: 0px;
    --hard-shadow: 4px 4px 0 #0b0c0e;
    --heading-case: uppercase;
    --font-display: "Silkscreen", ui-monospace, monospace;
}
body { background: repeating-linear-gradient(90deg, transparent 0 39px, #1d2024 39px 41px), repeating-linear-gradient(0deg, transparent 0 39px, #1d2024 39px 41px), #16181b; }
.hero { background: linear-gradient(180deg, #1d2024, #16181b); }
.hero-scene .s1 { background: linear-gradient(90deg, #5a1414 0 0) 0 70% / 100% 4px no-repeat, linear-gradient(0deg, #5a1414 0 0) 18% 0 / 4px 70% no-repeat; opacity: .6; }
.hero-scene .s1::after { content: ""; position: absolute; left: 0; top: calc(70% - 2px); width: 120px; height: 8px; background: linear-gradient(90deg, transparent, #ff3b3b, transparent); filter: blur(2px); animation: t-signal 3s steps(12) infinite; }
@keyframes t-signal { from { transform: translateX(-120px); } to { transform: translateX(100vw); } }
.hero-stage { border: 4px solid #0b0c0e; background: #2b3036; }
.hero-stage .g1 { background: linear-gradient(90deg, #5a1414 0 0) 10% 30% / 70% 6px no-repeat, linear-gradient(0deg, #5a1414 0 0) 75% 30% / 6px 60% no-repeat, linear-gradient(90deg, #5a1414 0 0) 75% 85% / 40% 6px no-repeat; }
.hero-stage .g2 { background: linear-gradient(90deg, #ff3b3b 0 0) 10% 30% / 70% 6px no-repeat, linear-gradient(0deg, #ff3b3b 0 0) 75% 30% / 6px 60% no-repeat, linear-gradient(90deg, #ff3b3b 0 0) 75% 85% / 40% 6px no-repeat; filter: drop-shadow(0 0 8px rgba(255,59,59,.8)); animation: t-power 2.4s steps(1) infinite; }
.hero-stage .g2::before, .hero-stage .g2::after { content: ""; position: absolute; left: 8%; top: 10%; width: 34px; height: 34px; background: #ffcf6b; box-shadow: 0 0 18px #ffb13d; }
.hero-stage .g2::after { left: auto; right: 10%; top: auto; bottom: 10%; }
@keyframes t-power { 0%, 45% { opacity: 0; } 50%, 100% { opacity: 1; } }
.product-card { border-top: 4px solid #5a1414; }
.product-card:hover { border-top-color: #ff3b3b; }