/* Approved quiet neon navigation: no label, counter or media overlay. */
.project-navigation{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;min-height:44px;flex:none;isolation:isolate}
.project-navigation[hidden]{display:none!important}
.project-navigation .project-arrow{display:grid;place-items:center;flex:none;width:68px;min-width:44px;height:44px;min-height:44px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;text-shadow:none;touch-action:manipulation;opacity:.86;transition:opacity .18s ease,transform .18s ease}
.project-navigation .project-arrow svg{display:block;width:60px;height:30px;overflow:visible;fill:none;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}
.project-arrow-next svg{transform:scaleX(-1)}
.project-neon-aura{stroke:#6dc1ad;stroke-width:6;opacity:.13;filter:blur(4.2px)}
.project-neon-glow{stroke:#b1f2dc;stroke-width:2.6;opacity:.34;filter:blur(1.8px)}
.project-neon-core{stroke-width:1.05}
.project-navigation .project-arrow:hover:not(:disabled),.project-navigation .project-arrow:focus-visible{opacity:1}
.project-navigation .project-arrow:active:not(:disabled){transform:translateY(1px)}
.project-navigation .project-arrow:disabled{opacity:.16;cursor:default}
.project-navigation .project-arrow:disabled .project-neon-aura,.project-navigation .project-arrow:disabled .project-neon-glow{display:none}
.project-navigation .project-arrow:focus-visible{outline:1px solid #b0d9cc;outline-offset:3px;border-radius:5px}
.secondary-caption>.project-navigation{margin:-3px 0 -2px}
#cinemaShell>.project-navigation{width:min(100%,540px);align-self:center;padding:0 10px;margin:2px 0;min-height:44px}
/* Fullscreen remains immersive: there is no guaranteed area outside the frame. */
#cinemaShell:fullscreen>.project-navigation{display:none!important}
@media(prefers-reduced-motion:reduce){.project-navigation .project-arrow{transition:none}}
@media(forced-colors:active){.project-neon-core{stroke:ButtonText!important}.project-neon-aura,.project-neon-glow{display:none}.project-navigation .project-arrow:disabled{opacity:.5}}
#cinemaShell>.project-navigation{position:relative;z-index:10}
#cinemaShell:has(>.project-navigation:not([hidden])):not(:fullscreen) #screen{width:min(90vw,calc(var(--project-available-height,calc(100svh - 234px))*var(--film-ratio,1.77778)))}
@media(max-width:700px){#cinemaShell:has(>.project-navigation:not([hidden])):not(:fullscreen) #screen{width:min(calc(100vw - 28px),calc(var(--project-available-height,calc(100svh - 224px))*var(--film-ratio,1.77778)))}}