.desktop-footer {
  position: fixed; z-index: 3; left: clamp(24px,4vw,64px); right: clamp(24px,4vw,64px);
  bottom: 18px; display: flex; align-items: center; justify-content: space-between; gap: 24px;
  pointer-events: none; color: #b4b4ac; font: 400 11px/1.6 var(--ui-font);
}
.desktop-made-with { margin: 0; white-space: nowrap; }
.desktop-made-with .footer-heart { color: #cedba8; font-family: var(--nokia-font); font-size: 10px; }
.footer-peace { margin-left: 3px; font-size: 12px; }
.visit-counter { display: flex; align-items: center; gap: 10px; pointer-events: auto; }
.visit-label { color: #a7a7a0; font: 400 8px/1.4 var(--nokia-font); letter-spacing: .04em; }
.visit-digits {
  display: flex; gap: 2px; padding: 4px; border-radius: 7px; background: #191c18;
  box-shadow: 0 0 0 1px rgba(255,255,255,.08), inset 0 1px 0 rgba(255,255,255,.05), 0 2px 8px rgba(0,0,0,.2);
  font: 400 12px/1 var(--nokia-font); font-variant-numeric: tabular-nums; color: #c3d098;
}
.visit-digits span {
  display: grid; place-items: center; width: 16px; height: 24px; border-radius: 3px;
  background: linear-gradient(#262b20 49%,#1c2118 50%); box-shadow: inset 0 1px 2px rgba(0,0,0,.55);
}
@media (min-width: 701px) {
  .roots-tribute { left: clamp(24px,4vw,64px); bottom: 62px; }
  body[data-phase="over"] .desktop-footer { position: relative; inset: auto; margin: 14px 0 18px; flex: 0 0 auto; }
}
/* On shorter windows, let the footer follow the content instead of covering it. */
@media (min-width: 701px) and (max-height: 850px) {
  .desktop-footer { position: relative; inset: auto; margin: 14px 0 18px; flex: 0 0 auto; }
}
@media (max-width: 700px) { .desktop-footer { display: none; } }