/* MACHINA · Cyan-HUD, Raster, Scanbalken */
html[data-theme="machina"] .fxt {
  background: repeating-linear-gradient(180deg, rgba(0, 0, 0, 0) 0 0.07em, rgba(0, 0, 0, 0.32) 0.07em 0.085em), linear-gradient(180deg, rgb(var(--hi)) 0%, rgb(var(--acc)) 55%, rgb(var(--lo)) 100%);
  -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-text-fill-color: transparent;
  filter: drop-shadow(0 0 0.08em rgba(var(--acc), 0.6)) drop-shadow(0 0 0.4em rgba(var(--acc), 0.2)); }
html[data-theme="machina"] .ph-t .fxt::before { animation-duration: 5s; }
html[data-theme="machina"] .ph-t .fxt::after { animation-duration: 5s; }
html[data-theme="machina"] .ph-fx::after { content: ""; position: absolute; inset: 0; background:
  linear-gradient(rgba(var(--acc), 0.06) 1px, transparent 1px) 0 0 / 100% 48px,
  linear-gradient(90deg, rgba(var(--acc), 0.05) 1px, transparent 1px) 0 0 / 48px 100%;
  mask-image: radial-gradient(70% 70% at 70% 50%, #000, transparent); -webkit-mask-image: radial-gradient(70% 70% at 70% 50%, #000, transparent); }
html[data-theme="machina"] .ph-fx::before { content: ""; position: absolute; left: 0; right: 0; height: 120px; top: -120px; background: linear-gradient(180deg, transparent, rgba(var(--acc), 0.09), transparent); animation: sweep 6s linear infinite; }
html[data-theme="machina"] .pv-bg { filter: grayscale(0.5) contrast(1.2) brightness(0.32); }
/* HUD-Ueberlagerung im Hero: Eckwinkel + Statuszeilen (liegt ueber dem Bild, nimmt keinen Platz) */
html[data-theme="machina"] .fx-hud { position: absolute; z-index: -1; inset: calc(var(--head-h) + 18px) clamp(14px, 3vw, 40px) 28px; pointer-events: none; }
html[data-theme="machina"] .fx-hud .c { position: absolute; width: 34px; height: 34px; border: solid rgba(var(--acc), 0.55); }
html[data-theme="machina"] .fx-hud .c.tl { top: 0; left: 0; border-width: 2px 0 0 2px; }
html[data-theme="machina"] .fx-hud .c.tr { top: 0; right: 0; border-width: 2px 2px 0 0; }
html[data-theme="machina"] .fx-hud .c.bl { bottom: 0; left: 0; border-width: 0 0 2px 2px; }
html[data-theme="machina"] .fx-hud .c.br { bottom: 0; right: 0; border-width: 0 2px 2px 0; }
html[data-theme="machina"] .fx-hud .read { position: absolute; display: flex; align-items: center; gap: 10px; font: 500 11px/1 var(--t-ui); letter-spacing: 0.2em; text-transform: uppercase; color: rgba(var(--acc), 0.8); white-space: nowrap; }
html[data-theme="machina"] .fx-hud .read::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: rgb(var(--acc)); box-shadow: 0 0 8px rgb(var(--acc)); animation: blink 1.4s steps(1) infinite; }
html[data-theme="machina"] .fx-hud .r1 { top: 12px; left: 48px; }
html[data-theme="machina"] .fx-hud .r2 { bottom: 12px; right: 48px; }
@media (max-width: 720px) { html[data-theme="machina"] .fx-hud .read { display: none; } }