/* Compact digital navigation across the public pages and portal. */
.main-nav{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:4px;margin:5px auto 0;max-width:1280px}
.main-nav a{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:5px 8px;border:1px solid #35414d;border-radius:7px;background:linear-gradient(180deg,#172331,#101820);color:#e4ecf0;font-size:.78rem;line-height:1.15;letter-spacing:.015em;text-decoration:none;white-space:nowrap;box-shadow:inset 0 1px #ffffff13}
.main-nav a:hover,.main-nav a.active,.main-nav a[aria-current=page]{border-color:#9aca65;background:#233c31;color:#fff}
.main-nav a.join-link{border-color:#8fc996;background:linear-gradient(180deg,#254d3c,#193228);color:#fff}
.main-nav a.nav-live{gap:6px;border-color:#ff6363;background:linear-gradient(180deg,#9b292e,#64171d);color:#fff;font-weight:850;letter-spacing:.055em;box-shadow:0 0 0 1px #ff6c5540,0 0 14px #ed414054,inset 0 1px #ffffff38}
.main-nav a.nav-live::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:#ffdad3;box-shadow:0 0 8px #fff,0 0 12px #ff6c55}
.main-nav a.nav-live:hover,.main-nav a.nav-live:focus-visible{background:linear-gradient(180deg,#bd383a,#7d1e25);box-shadow:0 0 0 1px #ff9a8c80,0 0 20px #ed414080}
.main-nav a:focus-visible,.button:focus-visible{outline:3px solid #b7db6e;outline-offset:2px}
.button,.music-page .button{min-height:36px;padding:6px 12px;border-radius:8px;font-size:.82rem;letter-spacing:.02em;background-image:linear-gradient(180deg,#ffffff10,#00000021)}
.home-page .community-chat-link,.home-page .sponsor-button,.join-page .button{min-height:36px;padding:6px 12px;border-radius:8px;font-size:.82rem}
.join-page .join-intro{max-width:980px;margin:0 auto;padding-bottom:6px}
.join-page .join-intro h1{margin-bottom:10px}
.join-page .join-intro p:not(.eyebrow){max-width:720px;color:#cbd5da}
.join-page .dj-entry{margin-top:16px}
@media(max-width:720px){.home-page .main-nav,.join-page .main-nav,body:not(.music-page):not(.home-page):not(.join-page) .main-nav{display:none;position:absolute;top:100%;left:0;right:0;z-index:30;flex-direction:column;align-items:stretch;max-height:70vh;overflow:auto;padding:10px;background:#0b111a;border:1px solid #35414d;border-radius:12px;box-shadow:0 12px 30px #0009}.home-page .main-nav.open,.join-page .main-nav.open,body:not(.music-page):not(.home-page):not(.join-page) .main-nav.open{display:flex}.main-nav a{min-height:36px;justify-content:flex-start;padding:8px 11px}.music-page .main-nav{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:7px 12px;scrollbar-width:thin}.music-page .main-nav a{flex:none}}