#amy-global-sound{position:fixed;left:max(14px,env(safe-area-inset-left));bottom:max(14px,env(safe-area-inset-bottom));z-index:2147483000;display:inline-flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #dc83bc80;border-radius:999px;background:linear-gradient(145deg,#352039,#140c1d);color:#fff;font:600 12px/1.3 system-ui,sans-serif;letter-spacing:.03em;box-shadow:inset 0 1px 1px #fff4,0 5px 20px #0007;cursor:pointer;transform:none}
#amy-global-sound:focus-visible{outline:2px solid #ff79cd;outline-offset:4px}
#sound-control,[data-quote-sound],.amy-sound,.amy-preview-sound,.entry-sound,.scroll-sound,.scroll-audio-toggle,.scroll-image-audio-toggle{display:none!important}
video[data-animated-logo]{object-fit:contain;max-width:100%;height:auto;aspect-ratio:910/512;border-radius:8px;filter:none!important}
.wordmark:has([data-animated-logo]){display:flex;align-items:center;gap:10px}.wordmark [data-animated-logo]{width:100px;flex-shrink:0}
@media(max-width:600px){#amy-global-sound{font-size:11px;padding:9px 12px}.wordmark [data-animated-logo]{width:72px}}

/* Same bottom control positions as Homepage and Movies; slots 4 and 5 stay free. */
body {padding-bottom:calc(84px + env(safe-area-inset-bottom));}
body .page-navigation-dock {position:fixed;inset:auto 0 max(14px,env(safe-area-inset-bottom));z-index:2147482999;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;pointer-events:none;padding:0 10px;gap:6px;}
.page-navigation-dock button {pointer-events:auto;justify-self:center;max-width:100%;min-height:44px;padding:10px 14px;border:1px solid #dc83bc80;border-radius:18px;background:linear-gradient(145deg,#352039,#140c1d);color:#fff;font:600 12px/1.3 system-ui,sans-serif;box-shadow:inset 0 1px 1px #fff4,0 5px 20px #0007;cursor:pointer;}
.page-navigation-dock .dock-top {grid-column:2;}
.page-navigation-dock .dock-menu {grid-column:3;}
#amy-global-sound {left:max(10px,env(safe-area-inset-left));max-width:calc(20vw - 42px);padding:10px 12px;white-space:normal;overflow:visible;}
#amy-global-sound::after {content:"";position:absolute;left:calc(100% + 4px);top:50%;transform:translateY(-50%);width:28px;height:24px;background:url('/assets/sound-direction-arrow.svg') center/contain no-repeat;pointer-events:none;}
#dock-navigation {position:fixed;left:calc(40% + 6px);bottom:calc(82px + env(safe-area-inset-bottom));width:min(340px,55vw);max-height:60dvh;overflow:auto;z-index:2147483001;padding:12px;border:1px solid #dc83bc80;border-radius:18px;background:#190f22;box-shadow:0 12px 36px #0009;}
#dock-navigation[hidden] {display:none;}
#dock-navigation a {display:block;padding:12px;color:#fff;text-decoration:none;font:500 13px/1.4 system-ui,sans-serif;}
#dock-navigation a:hover {background:#ffffff14;border-radius:8px;}
.page-navigation-dock button:focus-visible,#dock-navigation a:focus-visible {outline:2px solid #ff79cd;outline-offset:3px;}
@media(max-width:600px) {
  #amy-global-sound {max-width:calc(20vw - 28px);font-size:10px;padding:8px 5px;min-height:48px;}
  #amy-global-sound::after {width:18px;left:calc(100% + 2px);}
  .page-navigation-dock button {font-size:10px;padding:8px 5px;min-height:48px;}
}

/* Local mobile fix: keep floating controls below the header, clear of scene captions. */
@media(max-width:600px){
  body .page-navigation-dock{top:calc(84px + env(safe-area-inset-top));bottom:auto;align-items:start}
  #amy-global-sound{top:calc(84px + env(safe-area-inset-top));bottom:auto}
  #dock-navigation{top:calc(144px + env(safe-area-inset-top));bottom:auto;max-height:calc(100dvh - 164px - env(safe-area-inset-top))}
}

/* Protected review: keep desktop controls clear of bottom captions and countdown labels. */
@media(min-width:601px){
 body .page-navigation-dock{top:calc(104px + env(safe-area-inset-top));bottom:auto;align-items:start}
 #amy-global-sound{top:calc(104px + env(safe-area-inset-top));bottom:auto}
 #dock-navigation{top:calc(164px + env(safe-area-inset-top));bottom:auto;max-height:calc(100dvh - 184px - env(safe-area-inset-top))}
}

/* Protected review: controls scroll with the document instead of covering later content. */
body .page-navigation-dock,#amy-global-sound,#dock-navigation{position:absolute;}

/* Bottom controls remain visible while scrolling, on their own opaque rail. */
body{padding-bottom:calc(84px + env(safe-area-inset-bottom));}
body .page-navigation-dock{position:fixed;top:auto;bottom:0;min-height:calc(84px + env(safe-area-inset-bottom));align-items:center;padding:12px 10px calc(12px + env(safe-area-inset-bottom));background:transparent;border-top:0;}
#amy-global-sound{position:fixed;top:auto;bottom:calc(18px + env(safe-area-inset-bottom));}
#dock-navigation{position:fixed;top:auto;bottom:calc(94px + env(safe-area-inset-bottom));max-height:calc(100dvh - 114px - env(safe-area-inset-bottom));}
@media(max-width:600px){#amy-global-sound{bottom:calc(14px + env(safe-area-inset-bottom));}}

/* Keep only the shared sound control visible over short preview videos. */
.scroll-quote [data-quote-play]{display:none!important}

/* German navigation: readable labels and touch targets, independent of display headings. */
html[lang^="de"] #dock-navigation{left:auto;right:16px;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:12px;max-height:min(70dvh,calc(100dvh - 120px - env(safe-area-inset-bottom)));text-align:left;}
html[lang^="de"] #dock-navigation .dock-group-title{margin:12px 12px 6px;color:#e1a7ce;font:600 11px/1.5 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
html[lang^="de"] #dock-navigation .dock-group-title:first-child{margin-top:4px;}
html[lang^="de"] #dock-navigation a{box-sizing:border-box;min-height:44px;padding:11px 12px;font:500 14px/1.5 system-ui,sans-serif;letter-spacing:normal;text-transform:none;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;border-radius:8px;}

/* English menu matches the approved German menu spacing. */
html[lang^="en"] #dock-navigation{left:auto;right:16px;width:min(360px,calc(100vw - 32px));box-sizing:border-box;padding:12px;max-height:min(70dvh,calc(100dvh - 120px - env(safe-area-inset-bottom)));text-align:left;}
html[lang^="en"] #dock-navigation .dock-group-title{margin:12px 12px 6px;color:#e1a7ce;font:600 11px/1.5 system-ui,sans-serif;letter-spacing:.08em;text-transform:uppercase;}
html[lang^="en"] #dock-navigation .dock-group-title:first-child{margin-top:4px;}
html[lang^="en"] #dock-navigation a{box-sizing:border-box;min-height:44px;padding:11px 12px;font:500 14px/1.5 system-ui,sans-serif;letter-spacing:normal;text-transform:none;white-space:normal;word-break:normal;overflow-wrap:normal;hyphens:none;border-radius:8px;}

/* Follow the visible iPhone viewport without changing the floating button design. */
@media(max-width:950px){
 body .page-navigation-dock{bottom:var(--controls-viewport-inset,0px);}
 #amy-global-sound{bottom:calc(18px + env(safe-area-inset-bottom) + var(--controls-viewport-inset,0px));}
 #dock-navigation{bottom:calc(94px + env(safe-area-inset-bottom) + var(--controls-viewport-inset,0px));}
}
@media(max-width:600px){#amy-global-sound{bottom:calc(14px + env(safe-area-inset-bottom) + var(--controls-viewport-inset,0px));}}