.bottom-nav .nav-item.center { color: #d4ff83; }
.bottom-nav .nav-item.center .nav-circle {
  background: radial-gradient(ellipse, #a2ff2a18 25%, #152f1610 60%, transparent 72%);
  box-shadow: 0 0 20px #8cfa3438;
  border: 0;
}
.bottom-nav .nav-item.center .nav-circle .nav-bubble { display: none; }
.bottom-nav .nav-item.center .nav-circle::before {
  content: '';
  position: absolute;
  inset: 0;
  padding: 0;
  border: 0;
  border-radius: 50%;
  -webkit-mask: none;
  mask: none;
  background: url('/images/themes/galaxy/nav-portal.svg') center / contain no-repeat;
  filter: drop-shadow(0 0 5px #a5ff5d88);
  animation: galaxy-nav-portal-spin 13s linear infinite;
  pointer-events: none;
}
.bottom-nav .nav-item.center .nav-circle::after {
  content: '';
  position: absolute;
  inset: 5px;
  border: 1px solid #cdff7166;
  border-radius: 46% 54% 49% 51%;
  box-shadow: 0 0 11px #b9ff4a66, inset 0 0 8px #b9ff4a33;
  animation: galaxy-nav-portal-pulse 3s ease-in-out infinite;
  pointer-events: none;
}
.bottom-nav .nav-item.center:focus-visible { outline: 2px solid #d4ff83; outline-offset: 4px; border-radius: 14px; }
@keyframes galaxy-nav-portal-spin { to { transform: rotate(360deg); } }
@keyframes galaxy-nav-portal-pulse {
  0%, 100% { transform: scale(.95, 1.04); opacity: .55; }
  50% { transform: scale(1.06, .97); opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
  .bottom-nav .nav-item.center .nav-circle::before,
  .bottom-nav .nav-item.center .nav-circle::after { animation: none; }
}