/* Small music and scene controls; gold sans-serif menu. */
.hud nav,.hud nav button,.hud nav a,.menu,.menu :is(p,a,small,button,a span){font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#e7ca84}
.hud nav{font-size:14px;letter-spacing:.025em}
.hud nav button,.hud nav a{font-weight:600;letter-spacing:.02em}
#menu-toggle span{background:#eacb80}
.menu>a{font-size:clamp(23px,4.5vh,46px);font-weight:500;letter-spacing:-.025em;border-color:#b99c5c36}
.menu>a span{font-size:14px;color:#bca474;font-weight:600}
.menu p,.menu small{font-size:14px;letter-spacing:.06em;color:#c9a966}
.menu .contrast-toggle{color:#e7ca84}
.bottom-hud{z-index:22}
.bottom-hud #scene-back{position:fixed;left:50%;bottom:max(82px,calc(env(safe-area-inset-bottom) + 70px));transform:translateX(-50%);display:flex!important;justify-content:center;align-items:center;min-width:64px;width:64px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:24px;background:#061014a8;backdrop-filter:blur(10px);font-size:0;color:transparent;box-shadow:none}
.bottom-hud #scene-back::after{content:"";display:block;width:42px;height:2px;border-radius:2px;background:linear-gradient(90deg,#ac7d2e,#f8e3a0 48%,#ac7d2e);box-shadow:0 0 8px #e5c17a75}
.bottom-hud #scene-back:hover::after,.bottom-hud #scene-back:focus-visible::after{height:3px;background:#f9df9d}
.scene-unavailable .bottom-hud #scene-back{display:none!important}
@media(max-width:700px){.hud nav{font-size:14px;gap:14px}.menu>a{font-size:clamp(22px,4vh,38px)}.bottom-hud #scene-back{bottom:max(76px,calc(env(safe-area-inset-bottom) + 67px))}}

/* Warm gold neon rim with a translucent glass surface. */
.hud nav{
  border:1px solid rgba(255,224,153,.88);
  background:linear-gradient(135deg,rgba(255,235,185,.13),rgba(8,17,22,.64) 42%,rgba(195,145,51,.10));
  -webkit-backdrop-filter:blur(22px) saturate(145%);
  backdrop-filter:blur(22px) saturate(145%);
  box-shadow:inset 0 1px 1px rgba(255,247,219,.65),inset 0 -1px 8px rgba(228,182,80,.12),0 0 5px rgba(255,224,144,.65),0 0 17px rgba(225,178,68,.38),0 0 34px rgba(203,145,38,.20),0 12px 30px rgba(0,0,0,.28);
}
.hud nav a,.hud nav button{text-shadow:0 0 10px rgba(239,201,112,.24)}
@media(prefers-reduced-transparency:reduce){.hud nav{background:#101719;-webkit-backdrop-filter:none;backdrop-filter:none}}

/* One clean column of floating controls, outside the centered back control. */
#seven-music:not(.in-arcade){left:auto!important;right:max(18px,env(safe-area-inset-right))!important;bottom:calc(max(24px,env(safe-area-inset-bottom)) + 62px)!important;width:50px;height:50px;min-width:50px;min-height:50px}
#seven-host .sh-launch{right:max(18px,env(safe-area-inset-right));bottom:max(24px,env(safe-area-inset-bottom));width:50px;height:50px;min-width:50px;min-height:50px}
.hud nav{gap:12px;padding:12px 16px;font-size:14px}
.hud nav a,.hud nav button{font-size:14px}
@media(max-width:360px){.hud{left:12px;right:12px}.hud nav{gap:10px;padding:10px 12px}.hud .nav-stroke{width:12px}}
.menu :is(p,small,a span){font-size:14px;letter-spacing:.025em}
