.landing-music-controls {
  position: fixed; top: calc(5.4svh + 1px); right: max(24px, env(safe-area-inset-right)); z-index: 100;
  display: flex; align-items: center; gap: 8px; height: 44px;
}
.landing-music-toggle,.landing-music-reload {
  position: relative; border: 0; border-radius: 12px; padding: 0; height: 44px;
  display: grid; place-items: center; background: rgba(0,0,0,.5); color: #a6afb7;
  cursor: pointer; -webkit-tap-highlight-color: transparent;
}
.landing-music-toggle { width: 44px; }
.landing-music-reload { width: 44px; font: 10px/1.4 Arial,sans-serif; letter-spacing: .04em; }
.landing-music-reload:hover,.landing-music-reload:focus-visible { color: #fff; }
.landing-music-reload:focus-visible { outline: 1px solid #a6afb7; outline-offset: 3px; }
.landing-music-icon { width: 20px; height: 20px; }
.landing-music-toggle .audio-waves { display: none; }
.landing-music-toggle[data-audible="true"] .audio-waves { display: inline; }
.landing-music-toggle[data-audible="true"] .audio-slash { display: none; }
.landing-music-label {
  position: absolute; right: 0; top: calc(100% + 8px); transform: none; white-space: nowrap;
  font: 10px/1.4 Arial,sans-serif; letter-spacing: .06em; color: #a6afb7;
  padding: 6px 8px; border-radius: 8px; background: rgba(0,0,0,.7);
  opacity: 0; visibility: hidden; pointer-events: none;
}
@media (hover: hover) { .landing-music-toggle:hover .landing-music-label { opacity: 1; visibility: visible; } }
.landing-music-toggle:focus-visible .landing-music-label { opacity: 1; visibility: visible; }
.landing-music-toggle:hover,.landing-music-toggle:focus-visible { color: #fff; }
.landing-music-toggle:focus-visible { outline: 1px solid #a6afb7; outline-offset: 3px; }

:is(#h1,#h2) .entry-access { right: calc(var(--margin, 5vw) + 144px); transition: opacity 120ms ease; }

.financial-cinema-countdown { right: calc(var(--margin, 5vw) + 144px); top: calc(5.4svh + 12px); }
@media(max-width:700px) {
  .landing-music-controls { top: max(104px, calc(env(safe-area-inset-top) + 88px)); right: 24px; }
  :is(#h1,#h2) .entry-access { right: 168px; left: 24px; min-width: 0; white-space: normal; font-size: 11px; }
  .financial-cinema-countdown { right: 168px; top: max(115px, calc(env(safe-area-inset-top) + 99px)); }
}
@media(prefers-reduced-motion:reduce) { :is(#h1,#h2) .entry-access { transition: none; } }

/* Independent navigation and music commands; fixed sound/replay slots. */
.landing-return-start{position:relative;border:0;border-radius:12px;padding:0;width:44px;height:44px;display:grid;place-items:center;background:rgba(0,0,0,.5);color:#a6afb7;cursor:pointer}
.landing-return-start[hidden]{display:none}
.landing-return-start svg,.landing-music-reload svg{width:22px;height:22px}
.landing-return-start:hover,.landing-return-start:focus-visible{color:#fff}
.landing-return-start:focus-visible{outline:1px solid #a6afb7;outline-offset:3px}
.control-tip{position:absolute;right:0;top:calc(100% + 8px);padding:6px 8px;border-radius:8px;background:rgba(0,0,0,.85);color:#a6afb7;font:10px/1.4 Arial,sans-serif;white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none}
:is(.landing-return-start,.landing-music-reload):is(:hover,:focus-visible) .control-tip{opacity:1;visibility:visible}
.landing-return-start:is(:hover,:focus-visible) svg{animation:landing-return-turn .65s ease-in-out 1}

@keyframes landing-return-turn{to{transform:rotate(-360deg)}}
@media(prefers-reduced-motion:reduce){.landing-return-start:is(:hover,:focus-visible) svg{animation:none}}

/* Equal command slots, aligned with the camera Skip control. */
.landing-music-controls > button { flex: 0 0 44px; width: 44px; height: 44px; }
.landing-music-reload .reload-ring { transform-origin: 12px 12px; }
.landing-music-reload:is(:hover,:focus-visible) .reload-ring { animation: landing-return-turn .65s ease-in-out 1; }
@media(prefers-reduced-motion:reduce) {
 .landing-music-reload:is(:hover,:focus-visible) .reload-ring { animation: none; }
}
