/* ============ MineAttack Hub — Nether-Design ============
   Wird nur ausgeliefert, wenn Admins im Panel „Nether" gewählt haben
   (lib/design.js). Alles hängt an html[data-design="nether"], damit ein
   Wechsel ohne Neuladen möglich ist: Attribut setzen, Stylesheet laden, fertig.
   Aufbau: Farbwelt (Variablen) → Umgebung (Netherrack, Lavaglühen, Nebel) →
   Kopfzeile → Hero mit Festung → Karten & Bedienelemente → Fußzeile (Seelensand-
   tal). Die Regeln für Partikel, Ghast, Feuerball und Portal-Seitenwechsel (.nt-*)
   bringt theme-nether.js selbst mit (<style>), weil sie auch dann gelten müssen,
   wenn dieses Stylesheet beim Live-Wechsel gerade noch nicht (oder nicht mehr) gilt.
   Präfix nt- (nicht ad-: Adblocker-Filterlisten verstecken .ad-*). */

html[data-design="nether"] {
  --bg0: #0d0506;
  --bg1: #160908;
  --bg2: #1f0d0c;
  --bg3: #2c1412;
  --line: rgba(255, 128, 64, 0.11);
  --line2: rgba(255, 128, 64, 0.26);
  --text: #fbeee3;
  --text2: #d6ae9a;
  --text3: #a17a6b;
  /* Der Akzent der Seite heißt in styles.css --green; hier ist er Lava. */
  --green: #ff8c1a;
  --green-soft: rgba(255, 140, 26, 0.14);
  --red: #ff4a3c;
  --shadow: 0 14px 40px rgba(0, 0, 0, 0.6), 0 0 32px rgba(255, 90, 20, 0.1);
  --nt-lava: #ff8c1a;
  --nt-lava2: #ffc233;
  --nt-ember: #ff5a1f;
  --nt-soul: #5fd7ff;
  --nt-portal: #b56cff;
  --nt-glow: rgba(255, 120, 40, 0.45);
  background: var(--bg0);
  scrollbar-color: #8a2f14 var(--bg0);
}

/* ============ Umgebung ============ */

html[data-design="nether"] body { background: transparent; }

/* Netherrack-Boden (16×16-Pixeltextur als SVG), darüber Lavaschein von unten
   und Ascheschleier — fest hinter allem, scrollt nicht mit. */
html[data-design="nether"] body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 90% 45% at 50% 108%, rgba(255, 110, 30, 0.34), transparent 70%),
    radial-gradient(ellipse 40% 30% at 12% 100%, rgba(255, 70, 20, 0.16), transparent 70%),
    radial-gradient(ellipse 40% 30% at 88% 100%, rgba(255, 90, 20, 0.14), transparent 70%),
    radial-gradient(ellipse 70% 40% at 50% -10%, rgba(0, 0, 0, 0.55), transparent 70%),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' shape-rendering='crispEdges'%3E%3Crect width='16' height='16' fill='%231a0908'/%3E%3Cpath fill='%23130505' d='M0 0h3v1h-3zM5 2h2v2h-2zM11 1h3v1h-3zM1 5h2v2h-2zM8 6h3v1h-3zM13 5h2v3h-2zM3 9h2v1h-2zM9 10h2v2h-2zM0 12h2v2h-2zM6 13h3v1h-3zM12 12h3v2h-3zM14 0h2v1h-2zM6 8h1v2h-1z'/%3E%3Cpath fill='%23231010' d='M3 1h2v1h-2zM8 0h2v2h-2zM0 3h1v2h-1zM7 4h1v1h-1zM12 3h2v1h-2zM4 7h2v1h-2zM10 8h2v1h-2zM0 9h2v1h-2zM6 10h2v1h-2zM14 10h2v1h-2zM3 12h2v1h-2zM9 14h2v1h-2zM12 15h2v1h-2zM15 7h1v2h-1z'/%3E%3Cpath fill='%232b1411' d='M9 3h1v1h-1zM2 8h1v1h-1zM12 7h1v1h-1zM7 12h1v1h-1zM15 13h1v1h-1zM4 14h1v1h-1z'/%3E%3C/svg%3E") 0 0 / 96px 96px repeat;
  image-rendering: pixelated;
}
/* Das Glühen atmet: nur die Deckkraft wird animiert, das bleibt auf dem Compositor. */
html[data-design="nether"] body::after {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background:
    radial-gradient(ellipse 60% 30% at 50% 104%, rgba(255, 150, 50, 0.28), transparent 70%),
    radial-gradient(ellipse 100% 60% at 50% 120%, rgba(255, 60, 10, 0.18), transparent 70%);
  animation: nt-atmen 5.5s ease-in-out infinite alternate;
}
@keyframes nt-atmen {
  from { opacity: 0.55; }
  to { opacity: 1; }
}

html[data-design="nether"] ::selection { background: rgba(255, 140, 26, 0.45); }
html[data-design="nether"] ::-webkit-scrollbar-track { background: var(--bg0); }
html[data-design="nether"] ::-webkit-scrollbar-thumb {
  background: linear-gradient(180deg, #ff8c1a, #8a2f14);
  border-color: var(--bg0);
}
html[data-design="nether"] ::-webkit-scrollbar-thumb:hover { background: linear-gradient(180deg, #ffb347, #b43c16); }
html[data-design="nether"] :focus-visible { outline-color: var(--nt-lava); }

/* ============ Kopfzeile ============ */

html[data-design="nether"] .topbar {
  background: rgba(16, 6, 6, 0.86);
  border-bottom-color: rgba(255, 128, 64, 0.22);
  position: sticky;
}
/* Lavariss unter der Leiste: Farbverlauf, der langsam durchläuft */
html[data-design="nether"] .topbar::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: -1px;
  height: 2px;
  background: linear-gradient(90deg, transparent, #ff8c1a 18%, #ffc233 32%, #b43c16 48%, #ffa030 62%, #ff8c1a 78%, transparent);
  background-size: 200% 100%;
  opacity: 0.85;
  box-shadow: 0 0 12px rgba(255, 140, 26, 0.55);
  animation: nt-riss 9s linear infinite;
  pointer-events: none;
}
@keyframes nt-riss {
  from { background-position: 200% 0; }
  to { background-position: -200% 0; }
}
html[data-design="nether"] .brand-logo { filter: drop-shadow(0 2px 6px rgba(0, 0, 0, 0.6)) drop-shadow(0 0 12px rgba(255, 120, 40, 0.35)); }

html[data-design="nether"] .nav a:hover { color: #ffe0c2; background: rgba(255, 128, 64, 0.1); }
html[data-design="nether"] .nav a.current {
  color: #ffe0c2;
  background: rgba(255, 128, 64, 0.14);
  box-shadow: inset 0 -2px 0 var(--nt-lava), 0 0 16px rgba(255, 120, 40, 0.15);
}
html[data-design="nether"] .nav-live {
  color: #ffc9b3 !important;
  background: rgba(255, 74, 60, 0.14) !important;
  border-color: rgba(255, 90, 40, 0.45);
  box-shadow: 0 0 14px rgba(255, 74, 30, 0.25);
}

html[data-design="nether"] .search.open #search-form,
html[data-design="nether"] #search-form:focus-within {
  border-color: rgba(255, 140, 26, 0.6);
  box-shadow: 0 0 0 3px rgba(255, 140, 26, 0.14), 0 0 18px rgba(255, 120, 40, 0.15);
}
html[data-design="nether"] .suggest { box-shadow: var(--shadow), 0 0 0 1px rgba(255, 128, 64, 0.08); }

/* Login-Knopf bleibt Discord-blau — der ist Marke, nicht Deko. */

/* ============ Layout & Seitenwechsel ============ */

html[data-design="nether"] .view { animation: nt-view-in 0.55s cubic-bezier(0.2, 0.8, 0.2, 1); }
/* Nur Deckkraft und Verschiebung (wie das Standard-fadeIn) — ein filter auf der
   ganzen Ansicht würde bei langen Seiten jedes Bild neu rastern. */
@keyframes nt-view-in {
  from { opacity: 0; transform: translateY(14px) scale(0.992); }
  to { opacity: 1; transform: none; }
}

html[data-design="nether"] .page-head h1 { text-shadow: 0 0 28px rgba(255, 120, 40, 0.28); }
html[data-design="nether"] .section-head h2 { text-shadow: 0 0 22px rgba(255, 120, 40, 0.18); }
html[data-design="nether"] .section-link:hover { text-shadow: 0 0 10px rgba(255, 140, 26, 0.6); text-decoration: none; }

/* ============ Hero: Netherfestung über dem Lavasee ============ */

html[data-design="nether"] .hero {
  border-color: rgba(255, 128, 64, 0.2);
  background:
    radial-gradient(ellipse 70% 60% at 50% 100%, rgba(255, 120, 30, 0.42), rgba(255, 60, 10, 0.12) 45%, transparent 72%),
    radial-gradient(ellipse 50% 40% at 50% 0%, rgba(0, 0, 0, 0.5), transparent 70%),
    linear-gradient(180deg, #12060a, #1a0908 55%, #2a0d0a);
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), 0 24px 60px rgba(0, 0, 0, 0.5), 0 0 60px rgba(255, 90, 20, 0.08);
}
/* Netherziegel-Decke oben: feine Ziegelfugen, nach unten ausgeblendet */
html[data-design="nether"] .hero::before {
  background-image:
    linear-gradient(rgba(0, 0, 0, 0.35) 1px, transparent 1px),
    linear-gradient(90deg, rgba(0, 0, 0, 0.35) 1px, transparent 1px),
    linear-gradient(rgba(60, 20, 22, 0.55), rgba(60, 20, 22, 0.55));
  background-size: 28px 14px, 28px 14px, auto;
  background-position: 0 0, 14px 0, 0 0;
  mask-image: linear-gradient(180deg, #000 0%, transparent 42%);
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 42%);
  opacity: 0.9;
}
/* Festungssilhouette mit glühenden Fenstern, über die ganze Breite wiederholt */
html[data-design="nether"] .hero::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 128px;
  pointer-events: none;
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 64' width='640' height='128' shape-rendering='crispEdges'%3E%3Cg fill='%23120507'%3E%3Crect x='0' y='40' width='320' height='8'/%3E%3Crect x='0' y='48' width='8' height='16'/%3E%3Crect x='88' y='48' width='8' height='16'/%3E%3Crect x='200' y='48' width='8' height='16'/%3E%3Crect x='296' y='48' width='8' height='16'/%3E%3Crect x='4' y='34' width='2' height='6'/%3E%3Crect x='28' y='34' width='2' height='6'/%3E%3Crect x='60' y='34' width='2' height='6'/%3E%3Crect x='76' y='34' width='2' height='6'/%3E%3Crect x='100' y='34' width='2' height='6'/%3E%3Crect x='180' y='34' width='2' height='6'/%3E%3Crect x='196' y='34' width='2' height='6'/%3E%3Crect x='220' y='34' width='2' height='6'/%3E%3Crect x='244' y='34' width='2' height='6'/%3E%3Crect x='308' y='34' width='2' height='6'/%3E%3Crect x='0' y='36' width='320' height='2'/%3E%3Crect x='32' y='16' width='24' height='48'/%3E%3Crect x='32' y='10' width='6' height='6'/%3E%3Crect x='41' y='10' width='6' height='6'/%3E%3Crect x='50' y='10' width='6' height='6'/%3E%3Crect x='120' y='4' width='40' height='60'/%3E%3Crect x='120' y='0' width='6' height='4'/%3E%3Crect x='131' y='0' width='6' height='4'/%3E%3Crect x='142' y='0' width='6' height='4'/%3E%3Crect x='154' y='0' width='6' height='4'/%3E%3Crect x='252' y='22' width='28' height='42'/%3E%3Crect x='252' y='16' width='6' height='6'/%3E%3Crect x='263' y='16' width='6' height='6'/%3E%3Crect x='274' y='16' width='6' height='6'/%3E%3C/g%3E%3Cg fill='%23ff8c1a' opacity='.7'%3E%3Crect x='40' y='24' width='4' height='6'/%3E%3Crect x='132' y='14' width='4' height='6'/%3E%3Crect x='144' y='14' width='4' height='6'/%3E%3Crect x='138' y='30' width='4' height='6'/%3E%3Crect x='262' y='30' width='4' height='6'/%3E%3C/g%3E%3C/svg%3E") 50% 100% / 640px 128px repeat-x;
  image-rendering: pixelated;
  opacity: 0.95;
  mask-image: linear-gradient(180deg, transparent 0, #000 25%);
  -webkit-mask-image: linear-gradient(180deg, transparent 0, #000 25%);
}
html[data-design="nether"] .hero::before,
html[data-design="nether"] .hero::after { z-index: 0; }
html[data-design="nether"] .hero > * { position: relative; z-index: 2; }
html[data-design="nether"] .hero > .hero-blocks { position: absolute; z-index: 1; }

/* Schwebende Blöcke: Lava, Netherrack, Glowstone, Magma, Seelenfeuer */
html[data-design="nether"] .hb { border-radius: 2px; opacity: 0.85; image-rendering: pixelated; }
html[data-design="nether"] .hb1 {
  background: linear-gradient(135deg, #ffd35c 0 30%, #ff8c1a 30% 65%, #d94a10 65%);
  box-shadow: 0 0 16px rgba(255, 140, 26, 0.75), inset 0 0 0 2px rgba(255, 220, 120, 0.4);
}
html[data-design="nether"] .hb2 {
  background: #6b2a25;
  box-shadow: inset 2px 2px 0 #7f3a33, inset -2px -2px 0 #4c1a17;
}
html[data-design="nether"] .hb3 {
  background: #ffd35c;
  box-shadow: 0 0 18px rgba(255, 211, 92, 0.75), inset 2px 2px 0 #ffe79a, inset -2px -2px 0 #d9a63c;
}
html[data-design="nether"] .hb4 {
  background: #2a100c;
  box-shadow: inset 0 0 0 2px #ff6a1a, 0 0 12px rgba(255, 100, 30, 0.55);
}
html[data-design="nether"] .hb5 {
  background: #5fd7ff;
  opacity: 0.8;
  box-shadow: 0 0 14px rgba(95, 215, 255, 0.8);
}

html[data-design="nether"] .hero-kicker { color: #ffb347; text-shadow: 0 0 14px rgba(255, 140, 26, 0.6); }
html[data-design="nether"] .hero-logo img { filter: drop-shadow(0 14px 34px rgba(0, 0, 0, 0.65)) drop-shadow(0 0 28px rgba(255, 120, 40, 0.28)); }
html[data-design="nether"] .hero-sub { color: #e2bfa9; text-shadow: 0 1px 8px rgba(0, 0, 0, 0.7); }
html[data-design="nether"] .stat-chip { background: rgba(20, 8, 8, 0.8); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3); }
html[data-design="nether"] .stat-chip.live-chip { border-color: rgba(255, 90, 40, 0.5); color: #ffc9b3; }
html[data-design="nether"] .stat-chip.live-chip strong { color: #ff8a6a; }

/* Schlichter Countdown (Stil „Standard") auch in Lava; der Portal-Stil bleibt violett. */
html[data-design="nether"] .countdown:not(.nether) {
  background: rgba(255, 140, 26, 0.07);
  border-color: rgba(255, 140, 26, 0.4);
  box-shadow: 0 0 40px rgba(255, 140, 26, 0.12), inset 0 0 30px rgba(255, 140, 26, 0.05);
}
html[data-design="nether"] .countdown:not(.nether) .cd-num { text-shadow: 0 0 18px rgba(255, 140, 26, 0.55); }
html[data-design="nether"] .countdown:not(.nether) .cd-fertig { text-shadow: 0 0 18px rgba(255, 140, 26, 0.6); }

/* ============ Karten ============ */

html[data-design="nether"] .lcard,
html[data-design="nether"] .ccard,
html[data-design="nether"] .mc-card,
html[data-design="nether"] .mod-card,
html[data-design="nether"] .modpack-card,
html[data-design="nether"] .rule-card,
html[data-design="nether"] .ap-card,
html[data-design="nether"] .me-card,
html[data-design="nether"] .srv-kpi,
html[data-design="nether"] .srv-hero,
html[data-design="nether"] .sp-hero,
html[data-design="nether"] .ch-hero,
html[data-design="nether"] .srv-liste,
html[data-design="nether"] .srv-cta,
html[data-design="nether"] .ap-side {
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset, 0 10px 30px rgba(0, 0, 0, 0.35);
}
html[data-design="nether"] .lcard:hover,
html[data-design="nether"] .ccard:hover,
html[data-design="nether"] .mod-card:hover,
html[data-design="nether"] .mods-video:hover {
  border-color: rgba(255, 140, 26, 0.55);
  box-shadow: 0 14px 34px rgba(0, 0, 0, 0.55), 0 0 28px rgba(255, 110, 30, 0.22);
}
html[data-design="nether"] .lcard:hover { border-color: rgba(255, 90, 40, 0.6); }
html[data-design="nether"] .vcard:hover .vthumb {
  border-color: rgba(255, 140, 26, 0.55);
  box-shadow: 0 12px 30px rgba(0, 0, 0, 0.5), 0 0 24px rgba(255, 110, 30, 0.25);
}
html[data-design="nether"] .mc-card:hover,
html[data-design="nether"] .srv-p:hover {
  border-color: rgba(255, 140, 26, 0.5);
  box-shadow: 0 0 22px rgba(255, 110, 30, 0.18);
}
html[data-design="nether"] .ccard.is-live { border-color: rgba(255, 90, 40, 0.5); }
html[data-design="nether"] .live-badge {
  background: linear-gradient(180deg, #ff6a3c, #d21f2f);
  box-shadow: 0 0 14px rgba(255, 80, 40, 0.7);
}
html[data-design="nether"] .lmeta .avi { border-color: #ff6a3c; box-shadow: 0 0 0 2px rgba(255, 90, 40, 0.3), 0 0 12px rgba(255, 90, 40, 0.4); }
html[data-design="nether"] .new-chip { background: linear-gradient(135deg, #ffc233, #ff8c1a); color: #2a0d05; box-shadow: 0 0 10px rgba(255, 140, 26, 0.6); }
html[data-design="nether"] .mc-dot.on { box-shadow: 0 0 0 4px rgba(255, 140, 26, 0.18), 0 0 10px rgba(255, 140, 26, 0.7); }
html[data-design="nether"] .srv-on { --srv-tint: rgba(255, 140, 26, 0.12); }
html[data-design="nether"] .srv-bar i { background: linear-gradient(90deg, #ff5a1f, #ffc233); box-shadow: 0 0 10px rgba(255, 140, 26, 0.6); }
html[data-design="nether"] .rule-num { border-color: rgba(255, 140, 26, 0.4); box-shadow: 0 0 14px rgba(255, 140, 26, 0.2); }
html[data-design="nether"] .mods-callout,
html[data-design="nether"] .callout { border-left-color: var(--nt-lava); }
html[data-design="nether"] .mod-card.featured { border-color: rgba(255, 140, 26, 0.4); }
html[data-design="nether"] .ccard.is-host { border-color: rgba(255, 200, 60, 0.45); }

/* ============ Bedienelemente ============ */

html[data-design="nether"] .btn:hover { border-color: rgba(255, 140, 26, 0.6); box-shadow: 0 0 16px rgba(255, 120, 40, 0.2); }
html[data-design="nether"] .mp-btn {
  background: linear-gradient(135deg, #ffc233, #ff8c1a 55%, #ff5a1f);
  border-color: #ff9a2e;
  color: #2a0d05;
  box-shadow: 0 0 18px rgba(255, 140, 26, 0.45), inset 0 1px 0 rgba(255, 255, 255, 0.35);
  animation: nt-glut 2.8s ease-in-out infinite alternate;
}
html[data-design="nether"] .mp-btn:hover {
  background: linear-gradient(135deg, #ffd35c, #ffa030 55%, #ff6a2a);
  border-color: #ffc233;
}
@keyframes nt-glut {
  from { box-shadow: 0 0 14px rgba(255, 140, 26, 0.35), inset 0 1px 0 rgba(255, 255, 255, 0.35); }
  to { box-shadow: 0 0 26px rgba(255, 160, 40, 0.65), inset 0 1px 0 rgba(255, 255, 255, 0.35); }
}
html[data-design="nether"] .chip.on:not(.chip-live) {
  background: linear-gradient(135deg, #ffc233, #ff8c1a);
  color: #2a0d05;
  border-color: #ffa030;
  box-shadow: 0 0 14px rgba(255, 140, 26, 0.45);
}
html[data-design="nether"] .chip.on:not(.chip-live) .n { opacity: 0.75; }
html[data-design="nether"] .sort select:focus,
html[data-design="nether"] .ap-search:focus { border-color: rgba(255, 140, 26, 0.6); }
html[data-design="nether"] .ap-tab.on { border-color: rgba(255, 140, 26, 0.3); }
html[data-design="nether"] .ap-tab.on .n { background: rgba(255, 140, 26, 0.2); color: var(--nt-lava); }
html[data-design="nether"] .skel-box { background: linear-gradient(100deg, var(--bg2) 40%, #3a1a14 50%, var(--bg2) 60%); background-size: 200% 100%; }

/* ============ Mobile Leiste ============ */

html[data-design="nether"] .bottom-nav {
  background: rgba(16, 6, 6, 0.94);
  border-top-color: rgba(255, 128, 64, 0.3);
  box-shadow: 0 -2px 0 rgba(255, 140, 26, 0.12), 0 -10px 30px rgba(0, 0, 0, 0.5);
}
html[data-design="nether"] .bottom-nav a.current { text-shadow: 0 0 10px rgba(255, 140, 26, 0.6); }

/* ============ Fußzeile: Seelensandtal ============ */

html[data-design="nether"] .footer {
  position: relative;
  overflow: hidden;
  border-top-color: rgba(95, 215, 255, 0.22);
  background: linear-gradient(180deg, #160908, #0a0d16 70%, #070a12);
  box-shadow: inset 0 1px 0 rgba(95, 215, 255, 0.12);
}
/* Seelenfeuer: blaue Flammen, die am unteren Rand flackern */
html[data-design="nether"] .footer::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(ellipse 22px 44px at 8% 100%, rgba(95, 215, 255, 0.55), transparent 70%),
    radial-gradient(ellipse 16px 32px at 19% 100%, rgba(120, 225, 255, 0.4), transparent 70%),
    radial-gradient(ellipse 26px 52px at 31% 100%, rgba(95, 215, 255, 0.45), transparent 70%),
    radial-gradient(ellipse 18px 38px at 70% 100%, rgba(95, 215, 255, 0.5), transparent 70%),
    radial-gradient(ellipse 24px 48px at 83% 100%, rgba(120, 225, 255, 0.42), transparent 70%),
    radial-gradient(ellipse 14px 30px at 93% 100%, rgba(95, 215, 255, 0.5), transparent 70%),
    radial-gradient(ellipse 60% 50% at 50% 110%, rgba(60, 140, 200, 0.18), transparent 70%);
  animation: nt-seele 2.6s ease-in-out infinite alternate;
}
@keyframes nt-seele {
  from { opacity: 0.55; transform: scaleY(0.92); transform-origin: 50% 100%; }
  to { opacity: 1; transform: scaleY(1.06); transform-origin: 50% 100%; }
}
html[data-design="nether"] .footer-inner { position: relative; }
html[data-design="nether"] .footer-links a { color: #9fe3ff; }
html[data-design="nether"] .footer-links a:hover { text-shadow: 0 0 10px rgba(95, 215, 255, 0.7); }
html[data-design="nether"] .footer-logo { filter: drop-shadow(0 0 10px rgba(95, 215, 255, 0.25)); }

@media (max-width: 760px) {
  html[data-design="nether"] .hero::after { height: 96px; background-size: 480px 96px; }
}

/* Ohne Bewegung: das Design bleibt, das Flackernde nicht (Partikel, Ghast und
   Portal regelt theme-nether.js selbst). */
@media (prefers-reduced-motion: reduce) {
  html[data-design="nether"] body::after,
  html[data-design="nether"] .topbar::after,
  html[data-design="nether"] .footer::before,
  html[data-design="nether"] .mp-btn { animation: none; }
}