/* Un único contenedor mantiene alineados los controles en todos los dispositivos. */
.ambient-controls { position: fixed; left: calc(12px + env(safe-area-inset-left,0px)); bottom: calc(12px + env(safe-area-inset-bottom,0px)); display: flex; align-items: center; gap: 8px; z-index: 10; height: 38px; }
.halloween-music-toggle, .music-player > summary { display: flex; align-items: center; justify-content: center; box-sizing: border-box; width: 38px; height: 38px; min-width: 38px; min-height: 38px; padding: 0; margin: 0; background: #fff4e6; color: #492478; border: 1px solid #a678bd; border-radius: 50%; cursor: pointer; list-style: none; box-shadow: 0 3px 12px #0001; }
.halloween-music-toggle[hidden] { display: none; }
.halloween-music-toggle[aria-pressed="true"] { background: #492478; color: #fff; }
.halloween-music-toggle:focus-visible,.music-player > summary:focus-visible { outline: 2px solid #0292b7; outline-offset: 4px; }
.music-label { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.music-player, .music-player[open] { position: static; margin: 0; padding: 0; border: 0; width: 38px; height: 38px; background: none; }
.music-player > summary::marker { content: ''; }
.music-player > summary::-webkit-details-marker { display: none; }
.ambient-controls svg { display: block; flex-shrink: 0; }
.music-panel-content { position: absolute; left: 0; bottom: 50px; box-sizing: border-box; width: min(300px,calc(100vw - 24px)); max-height: calc(100dvh - 150px); overflow-y: auto; padding: 18px; background: #fff; border: 1px solid #cae4f1; border-radius: 12px; box-shadow: 0 8px 35px #0002; font-size: 13px; }
.music-player:not([open]) > .music-panel-content { display: none; }
.music-panel-title { display: block; font-size: 14px; }
.music-player audio { display: block; width: 100%; margin-top: 14px; }
.music-player a { text-decoration: underline; text-underline-offset: 3px; }
.music-status { font-size: 12px; line-height: 1.6; }
.mascot-flight-toggle { display: block; margin-top: 16px; padding: 8px 12px; border: 1px solid #0292b7; border-radius: 20px; background: #fff; color: #00647e; font: 700 12px Nunito,sans-serif; cursor: pointer; }
@media(prefers-color-scheme:dark) {
  .music-panel-content { background: #192c37; border-color: #344b59; }
  .halloween-music-toggle,.music-player > summary { background: #241c30; color: #f2c792; }
  .halloween-music-toggle[aria-pressed="true"] { background: #613668; color: #fff; }
  .mascot-flight-toggle { background: #192c37; color: #7fe4f5; border-color: #62c9df; }
}
@media print { .ambient-controls { display: none; } }