/* HEAVY HITS · Industrie: Warnstreifen, Funken, harte Kante */
html[data-theme] .fxt { background: none; -webkit-text-fill-color: currentColor; color: #fac828; text-shadow: 0 4px 0 #3a2a00, 0 0 30px rgba(250, 200, 40, 0.35); }
html[data-theme] .ph-t { font-size: clamp(56px, 14cqi, 150px); line-height: 0.95; }
html[data-theme] .ph-s { letter-spacing: 0.5em; color: #e6e6e6; }
html[data-theme] .ph-bg { opacity: 1; }
.fx-hazard { position: absolute; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.fx-hazard .hz { position: absolute; left: 0; right: 0; height: 18px; background: repeating-linear-gradient(-45deg, #fac828 0 22px, #111 22px 44px); }
.fx-hazard .top { top: var(--head-h); opacity: 0.6; } .fx-hazard .bot { bottom: 0; }
.fx-hazard .spark { position: absolute; left: 72%; top: 52%; width: 3px; height: 14px; border-radius: 2px; background: linear-gradient(#fff6c0, #ffb000); box-shadow: 0 0 8px #ffb000; opacity: 0; animation: spark 2.4s ease-out infinite; }
@keyframes spark { 0% { opacity: 1; transform: rotate(var(--a)) translateY(0); } 40% { opacity: 0; transform: rotate(var(--a)) translateY(calc(var(--d) * -1)); } 100% { opacity: 0; } }
html[data-theme] .btn--acc { background: #fac828; color: #111; border-radius: 2px; font-family: var(--t-disp); letter-spacing: 0.08em; }
html[data-theme] .ph-meta li + li::before, html[data-theme] .pb .gem { border-radius: 0; transform: none; width: 10px; height: 10px; background: repeating-linear-gradient(-45deg, #fac828 0 3px, #111 3px 6px); box-shadow: none; }
html[data-theme] .pd .num { color: #fac828; }
.fr { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 0.8fr); gap: 40px; align-items: center; padding: clamp(30px, 4vw, 60px); border: 3px solid #fac828; background: rgba(250, 200, 40, 0.04); }
.fr img:not(.ff-h img) { width: 100%; max-width: 360px; justify-self: center; filter: drop-shadow(0 30px 40px rgba(0, 0, 0, 0.85)); animation: float 6s ease-in-out infinite; }
.fr-f { display: flex; gap: 8px; margin-top: 24px; max-width: 520px; }
.fr-f input { flex: 1; min-width: 0; height: 54px; padding: 0 22px; border-radius: 2px; border: 1px solid var(--line-2); background: rgba(0, 0, 0, 0.6); color: #fff; font-size: 14px; }
@media (max-width: 760px) { .fr { grid-template-columns: minmax(0, 1fr); } .fr-f { flex-direction: column; } }