/* Owner-selected corner signature. Read the existing Conductor state only.
   Original lettering: icemoon.fm app/broadcast/page.tsx and app/globals.css.
   No new analyzer, beat timer, palette selection, or image asset. */
.ice-broadcast-footer:has(> .ice-frequency-signature) { position: relative; }
.ice-broadcast-footer > .ice-frequency-signature {
  --ice-mini-width: 180px;
  position: absolute;
  left: auto;
  right: 24px;
  bottom: 24px;
  width: var(--ice-mini-width);
  height: calc(var(--ice-mini-width) * .29);
  font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;
  font-weight: 900;
  font-size: calc(var(--ice-mini-width) * .14);
  line-height: .82;
  letter-spacing: -.04em;
  text-align: left;
  text-transform: uppercase;
  color: transparent;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: .45px rgba(245,247,247,.55);
  pointer-events: none;
}
.ice-frequency-signature__name { white-space: nowrap; }
.ice-frequency-signature__frequency {
  white-space: nowrap;
  margin-left: 36%;
  margin-top: .16em;
  width: max-content;
  transform: rotate(-5deg);
  transform-origin: center;
}
.ice-frequency-signature span { display: inline-block; }
.ice-frequency-signature__y { transform: translateY(.07em) rotate(7deg); transform-origin: bottom left; }
.ice-frequency-signature__dot { transform: scale(1.12); transform-origin: bottom; }
@media (max-width: 1000px) {
  .ice-broadcast-footer > .ice-frequency-signature {
    position: static;
    grid-row: 3;
    justify-self: end;
    margin: 6px 8px 4px 0;
  }
}
@media (prefers-reduced-motion: no-preference) {
  .ice-frequency-signature span {
    transition: color 90ms linear, filter 90ms linear, text-shadow 90ms linear,
      -webkit-text-fill-color 90ms linear, -webkit-text-stroke-color 90ms linear;
  }
  .ice-frequency-signature [data-ice-mini-name] {
    transition-duration: 110ms;
  }
/* Active letter rules follow, using the existing global contrast sets. */
  html[data-ice-rhythm-active="true"][data-icemoon-contrast~="0"] .ice-frequency-signature [data-ice-mini-name="0"],
  html[data-ice-rhythm-active="true"][data-icemoon-contrast~="1"] .ice-frequency-signature [data-ice-mini-name="1"],
  html[data-ice-rhythm-active="true"][data-icemoon-contrast~="2"] .ice-frequency-signature [data-ice-mini-name="2"],
  html[data-ice-rhythm-active="true"][data-icemoon-contrast~="3"] .ice-frequency-signature [data-ice-mini-name="3"],
  html[data-ice-rhythm-active="true"][data-icemoon-contrast~="4"] .ice-frequency-signature [data-ice-mini-name="4"],
  html[data-ice-rhythm-active="true"][data-icemoon-contrast~="5"] .ice-frequency-signature [data-ice-mini-name="5"],
  html[data-ice-rhythm-active="true"][data-icemoon-contrast~="6"] .ice-frequency-signature [data-ice-mini-name="6"],
  html[data-ice-rhythm-active="true"][data-icemoon-contrast~="7"] .ice-frequency-signature [data-ice-mini-name="7"],
  html[data-ice-rhythm-active="true"][data-icemoon-contrast~="8"] .ice-frequency-signature [data-ice-mini-name="8"] {
    color: color-mix(in srgb, var(--primary) 62%, rgba(245,247,247,.38));
    -webkit-text-fill-color: color-mix(in srgb, var(--primary) 62%, rgba(245,247,247,.38));
    -webkit-text-stroke-color: color-mix(in srgb, var(--primary) 54%, white 46%);
    filter: brightness(calc(.82 + var(--ice-rhythm-mid)*.16 + var(--ice-rhythm-snare)*.2)) saturate(calc(.92 + var(--ice-rhythm-groove)*.24));
    text-shadow: 0 0 calc(.8px + var(--ice-rhythm-snare)*2.8px) color-mix(in srgb, var(--primary) 36%, transparent);
  }
  html[data-ice-rhythm-active="true"][data-frequency-contrast~="0"] .ice-frequency-signature [data-ice-mini-frequency="0"],
  html[data-ice-rhythm-active="true"][data-frequency-contrast~="1"] .ice-frequency-signature [data-ice-mini-frequency="1"],
  html[data-ice-rhythm-active="true"][data-frequency-contrast~="2"] .ice-frequency-signature [data-ice-mini-frequency="2"],
  html[data-ice-rhythm-active="true"][data-frequency-contrast~="3"] .ice-frequency-signature [data-ice-mini-frequency="3"],
  html[data-ice-rhythm-active="true"][data-frequency-contrast~="4"] .ice-frequency-signature [data-ice-mini-frequency="4"],
  html[data-ice-rhythm-active="true"][data-frequency-contrast~="5"] .ice-frequency-signature [data-ice-mini-frequency="5"],
  html[data-ice-rhythm-active="true"][data-frequency-contrast~="6"] .ice-frequency-signature [data-ice-mini-frequency="6"],
  html[data-ice-rhythm-active="true"][data-frequency-contrast~="7"] .ice-frequency-signature [data-ice-mini-frequency="7"],
  html[data-ice-rhythm-active="true"][data-frequency-contrast~="8"] .ice-frequency-signature [data-ice-mini-frequency="8"],
  html[data-ice-rhythm-active="true"][data-frequency-contrast~="9"] .ice-frequency-signature [data-ice-mini-frequency="9"] {
    color: color-mix(in srgb, var(--primary) 86%, white 14%);
    -webkit-text-fill-color: color-mix(in srgb, var(--primary) 86%, white 14%);
    -webkit-text-stroke-color: color-mix(in srgb, var(--primary) 70%, white 30%);
    filter: brightness(calc(.88 + var(--ice-rhythm-mid)*.2 + var(--ice-rhythm-snare)*.28)) saturate(calc(1.04 + var(--ice-rhythm-groove)*.32));
    text-shadow: 0 0 .4px color-mix(in srgb, var(--primary) 62%, white 38%),
      0 0 calc(1px + var(--ice-rhythm-snare)*3.6px) color-mix(in srgb, var(--primary) 48%, transparent);
  }
}