.zl-host {
  position: relative;
}
.zl-host,
.zl-host *:not(.zl-layer):not(.zl-u) {
  color: transparent !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: none !important;
}
.zl-layer {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  overflow: visible;
  pointer-events: none;
  visibility: visible;
}
.zl-u {
  position: absolute;
  display: block;
  white-space: pre;
  margin: 0;
  padding: 0;
  opacity: 0;
  transform-origin: 50% 80%;
}
html[data-lite] .zl-live .zl-u {
  will-change: transform, opacity;
}
.zl-u::before {
  content: attr(data-c);
}
html.ph-law [data-zl] .ln-in {
  visibility: visible !important;
}
@media (prefers-reduced-motion: reduce) {
  .zl-layer {
    display: none;
  }
}
.zl-u {
  text-shadow: 0 0 1px rgba(5, 6, 8, .6), 0 1px 3px rgba(5, 6, 8, .45);
}
#h08 .zl-u {
  text-shadow:
    0 0 2px rgba(5, 6, 8, .9),
    0 1px 6px rgba(5, 6, 8, .78),
    0 0 16px rgba(5, 6, 8, .7),
    0 0 34px rgba(5, 6, 8, .55);
}
#h05 .zl-u,
#h07 .zl-u {
  text-shadow:
    0 0 2px rgba(5, 6, 8, .9),
    0 1px 6px rgba(5, 6, 8, .78),
    0 0 16px rgba(5, 6, 8, .7),
    0 0 34px rgba(5, 6, 8, .55);
}
html:not([data-phase=night]):not([data-phase=dusk]) :is(#h05, #h06, #h07, #h08) .zl-u {
  text-shadow:
    1.8px 0px 2.6px rgba(6, 8, 12, .7),
    -1.8px 0px 2.6px rgba(6, 8, 12, .7),
    0px 1.8px 2.6px rgba(6, 8, 12, .7),
    0px -1.8px 2.6px rgba(6, 8, 12, .7),
    1.3px 1.3px 2.6px rgba(6, 8, 12, .7),
    -1.3px 1.3px 2.6px rgba(6, 8, 12, .7),
    1.3px -1.3px 2.6px rgba(6, 8, 12, .7),
    -1.3px -1.3px 2.6px rgba(6, 8, 12, .7),
    0 0 3px rgba(5, 6, 8, .85),
    0 0 6px rgba(5, 6, 8, .75),
    0 1px 9px rgba(5, 6, 8, .7),
    0 0 18px rgba(5, 6, 8, .6),
    0 0 36px rgba(5, 6, 8, .45);
}
html[data-phase=golden]:not([data-phase=night]):not([data-phase=dusk]) :is(#h05, #h06, #h07, #h08) .zl-u,
html:not([data-phase=night]):not([data-phase=dusk]) #h05 .zl-u {
  text-shadow:
    2.1px 0px 3px rgba(6, 8, 12, .85),
    -2.1px 0px 3px rgba(6, 8, 12, .85),
    0px 2.1px 3px rgba(6, 8, 12, .85),
    0px -2.1px 3px rgba(6, 8, 12, .85),
    1.5px 1.5px 3px rgba(6, 8, 12, .85),
    -1.5px 1.5px 3px rgba(6, 8, 12, .85),
    1.5px -1.5px 3px rgba(6, 8, 12, .85),
    -1.5px -1.5px 3px rgba(6, 8, 12, .85),
    0 0 4px rgba(5, 6, 8, .9),
    0 0 8px rgba(5, 6, 8, .8),
    0 1px 12px rgba(5, 6, 8, .7),
    0 0 22px rgba(5, 6, 8, .6),
    0 0 40px rgba(5, 6, 8, .45);
}
@media (min-width: 900px) {
  html body #h08 .zl-u {
    text-shadow:
      0 0 1px rgba(5, 6, 8, .55),
      0 1px 3px rgba(5, 6, 8, .34),
      0 0 8px rgba(5, 6, 8, .16) !important;
  }
}