.holo-nav {
  position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999;
  display: flex; justify-content: center; align-items: flex-end;
  gap: clamp(20px, 7vw, 52px);
  padding: 14px 24px 28px;
  padding-bottom: max(28px, env(safe-area-inset-bottom, 0px));
  background: transparent; pointer-events: none;
}
.holo-btn {
  pointer-events: all;
  display: flex; flex-direction: column; align-items: center; gap: 5px;
  text-decoration: none; color: rgba(0, 229, 255, 0.72);
  transition: color 0.3s ease;
  -webkit-tap-highlight-color: transparent;
}
.holo-btn svg {
  width: 34px; height: 34px;
  stroke: currentColor; fill: none; stroke-width: 1.5;
  stroke-linecap: round; stroke-linejoin: round;
  filter: drop-shadow(0 0 6px rgba(0, 229, 255, 0.55)) drop-shadow(0 0 14px rgba(0, 229, 255, 0.28));
}
.holo-btn span {
  font-family: 'Orbitron', monospace;
  font-size: 0.5rem; letter-spacing: 0.12em; text-transform: uppercase;
  color: rgba(0, 229, 255, 0.5);
}
.holo-btn[aria-current="page"] { color: rgba(255, 255, 255, 0.95); }
.holo-btn[aria-current="page"] svg {
  filter: drop-shadow(0 0 8px rgba(255, 255, 255, 0.85)) drop-shadow(0 0 18px rgba(0, 229, 255, 0.7));
}
.holo-btn[aria-current="page"] span { color: rgba(255, 255, 255, 0.8); }
@media (hover: hover) and (pointer: fine) {
  .holo-btn:hover { color: rgba(0, 229, 255, 1); }
}