/* Stable destinations, a single useful badge, and quieter utility controls. */
.play-header{min-height:64px;gap:16px}.play-header-tools{gap:8px}#accountChipBtn{display:none!important}.play-header .gear-btn{border-color:transparent;background:transparent;box-shadow:none;width:48px;min-width:48px;height:48px}.play-header .gear-btn:hover{background:var(--accent-wash);border-color:var(--line-ui)}.app:not([data-ui-state="playing"]) #helpBtn{display:none!important}#navStreakBadge{display:none!important}.app-nav-link{font-weight:500}.app-nav-link .app-nav-ico{display:grid;place-items:center;position:relative;min-width:42px;height:28px;border-radius:8px}.app-nav-link[aria-current="page"]{background:transparent!important;color:var(--accent)!important}.app-nav-link[aria-current="page"] .app-nav-ico{background:var(--accent-wash)}.app-nav-link .app-nav-badge--due{background:var(--accent);color:var(--bg);border:2px solid var(--surface);min-width:19px;height:19px;font:600 10px/15px var(--font);padding:0 3px;top:-5px;right:-2px}.app-nav-link:focus-visible,.gear-btn:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
@media(max-width:1023px){.app-nav{padding:7px max(12px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom));gap:3px;background:var(--surface);box-shadow:none}.app-nav-link{gap:3px;min-height:52px;padding:3px 2px;font-size:11px;line-height:1.2;border-radius:8px}.app-nav-link .app-nav-ico svg{width:21px;height:21px}.play-header{padding-bottom:12px;min-height:60px}.nightline-brand{margin-right:auto!important}.play-hud{margin-left:auto}.play-header-tools{gap:2px}}

@media(max-width:360px){.app[data-ui-state="playing"] .nightline-brand>span{display:none}.app[data-ui-state="playing"] .play-header{gap:8px}}
.app[data-ui-state="playing"] #helpBtn{display:inline-flex!important;align-items:center;justify-content:center}

/* One selection surface for touch, pointer and keyboard. */
.app-nav-link{-webkit-tap-highlight-color:transparent;transition:color .15s,background-color .15s}
.app-nav-link:hover{background:transparent;color:var(--text)}
.app-nav-link[aria-current="page"]{background:var(--accent-wash)!important;color:var(--accent)!important}
.app-nav-link[aria-current="page"] .app-nav-ico{background:transparent}
.app-nav-link:active{background:var(--accent-wash)}
@media(hover:hover){.app-nav-link:hover{background:var(--accent-wash)}}
@media(prefers-reduced-motion:reduce){.app-nav-link{transition:none}}
/* Help and issue reporting remain reachable from every destination. */
.app:not([data-ui-state="playing"]) #helpBtn{display:inline-flex!important;align-items:center;justify-content:center}
@media(max-width:360px){.nightline-brand{font-size:19px;gap:5px}.play-header{gap:4px}}
