.soundscape{position:fixed;top:86px;right:20px;z-index:12;font:11px Inter,Arial,"PingFang SC",sans-serif;color:#2d4b49}.sc-toggle{min-height:44px;padding:9px 13px;border:1px solid #43665322;border-radius:24px;background:#f7f5eadd;color:inherit;font:inherit;cursor:pointer}.sc-panel{width:258px;display:grid;gap:11px;padding:18px;margin-top:7px;border-radius:14px;border:1px solid #476c5122;background:#faf8eeee;box-shadow:0 8px 30px #233b4220}.sc-panel[hidden],.sc-panel [hidden]{display:none}.sc-panel strong{font-size:13px}.sc-panel select,.sc-panel button{min-height:44px;border:1px solid #42664e22;border-radius:8px;background:#e7eddd;font:inherit;color:inherit;padding:9px}.sc-panel input[type=file]{font-size:10px;max-width:220px}.sc-panel input[type=range]{width:100%;height:28px;accent-color:#6d977d}.sc-panel small,.sc-panel output{font-size:9px;line-height:1.7}.sc-panel button[aria-pressed=true]{background:#345b54;color:#f3f4df}@media(max-height:560px){.soundscape{top:65px;right:18px}.sc-panel{max-height:calc(100dvh - 120px);overflow:auto;width:245px}}@media(max-width:360px){.soundscape{right:12px}.sc-toggle{font-size:10px;padding:9px 10px}}
.sc-panel{position:absolute;right:0;top:52px;margin-top:0;text-align:left}
.soundscape[data-game=harbor]{top:auto;bottom:92px}
.soundscape[data-game=offroad]{top:auto;bottom:218px;right:26px}
.soundscape[data-game=offroad] .sc-panel{top:auto;bottom:52px}
@media(max-width:650px){.soundscape[data-game=offroad]{right:14px;bottom:244px}.soundscape[data-game=offroad] .sc-panel{max-height:calc(100dvh - 330px);overflow:auto}}
@media(max-height:550px){.soundscape[data-game=offroad]{top:65px;bottom:auto;right:160px}.soundscape[data-game=offroad] .sc-panel{top:52px;bottom:auto;max-height:calc(100dvh - 135px);overflow:auto}}
.soundscape[data-game=harbor] .sc-panel{top:auto;bottom:52px}
@media(max-height:560px){.soundscape[data-game=harbor]{bottom:18px;right:160px}.sc-panel{max-height:calc(100dvh - 110px)}}
.sc-credit{border-top:1px solid #43665322;padding-top:9px}.sc-credit a{color:#315e58;text-underline-offset:3px}.soundscape[data-game=rail]{top:auto;bottom:100px;right:22px}.soundscape[data-game=rail] .sc-panel{top:auto;bottom:52px}.sc-panel{max-width:calc(100vw - 32px);max-height:min(580px,calc(100dvh - 150px));overflow:auto;overscroll-behavior:contain}@media(max-width:650px){.soundscape[data-game=rail]{right:14px;bottom:102px}.soundscape[data-game=offroad] .sc-panel{max-height:calc(100dvh - 330px)}}@media(max-height:550px){.soundscape[data-game=rail]{top:15px;bottom:auto;right:168px}.soundscape[data-game=rail] .sc-panel{top:52px;bottom:auto;max-height:calc(100dvh - 100px)}.soundscape[data-game=offroad] .sc-panel{max-height:calc(100dvh - 135px)}}
.sc-section{display:grid;gap:10px;min-width:0}.sc-section+.sc-section{border-top:1px solid #43665333;padding-top:14px}.sc-section label{display:grid;gap:4px;font-size:10px}.sc-section output{min-height:16px}.sc-section select,.sc-section button{width:100%;box-sizing:border-box}.sc-section input[type=file]{max-width:100%}.sc-panel{scrollbar-width:thin}

/* Bound the whole panel to its viewport anchor; keep every toggle in place.
   Bottom-anchored panels reserve their distance from the viewport bottom.
   Top-anchored panels reserve their distance from the viewport top. */
.soundscape{--sc-panel-anchor:138px;--sc-panel-safe:env(safe-area-inset-bottom,0px)}
.soundscape[data-game=harbor]{--sc-panel-anchor:144px;--sc-panel-safe:env(safe-area-inset-top,0px)}
.soundscape[data-game=offroad]{--sc-panel-anchor:270px;--sc-panel-safe:env(safe-area-inset-top,0px)}
.soundscape[data-game=rail]{--sc-panel-anchor:152px;--sc-panel-safe:env(safe-area-inset-top,0px)}
.soundscape .sc-panel,.soundscape[data-game] .sc-panel{
  box-sizing:border-box;
  max-height:min(580px,calc(100dvh - var(--sc-panel-anchor) - max(12px,var(--sc-panel-safe))));
}
@media(max-height:560px){
  .soundscape{--sc-panel-anchor:117px}
  .soundscape[data-game=harbor]{--sc-panel-anchor:70px}
}
@media(max-width:650px){
  .soundscape[data-game=offroad]{--sc-panel-anchor:296px}
  .soundscape[data-game=rail]{--sc-panel-anchor:154px}
}
@media(max-height:550px){
  .soundscape[data-game=offroad]{--sc-panel-anchor:117px;--sc-panel-safe:env(safe-area-inset-bottom,0px)}
  .soundscape[data-game=rail]{--sc-panel-anchor:67px;--sc-panel-safe:env(safe-area-inset-bottom,0px)}
}