/* The audio overlay never participates in the existing Main Menu layout. */
.audio-controls{position:fixed;right:16px;top:14px;z-index:5;color:#603d50;font-family:"Trebuchet MS",Arial,sans-serif}
.audio-toolbar{display:flex;justify-content:flex-end;gap:7px}
.audio-toolbar button{display:grid;place-items:center;width:36px;height:36px;padding:7px;background:#fff9efed;border:2px solid #fff;border-radius:12px;color:#725166;box-shadow:0 3px 0 #b38b7850}
.audio-toolbar button:hover{background:#fff}
.audio-toolbar button:active{transform:translateY(2px)}
.audio-toolbar button[aria-pressed="false"]{color:#a09491;background:#f1e9dfe8}
.audio-toolbar button[aria-pressed="false"]:after{content:"";position:absolute;width:25px;height:2px;background:currentColor;transform:rotate(-45deg);box-shadow:0 1px #fff}
.audio-toolbar button{position:relative}
.audio-toolbar svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.audio-panel{width:min(260px,calc(100vw - 24px));margin-top:10px;padding:17px;border:2px solid #fff;border-radius:18px;background:#fff9effa;box-shadow:0 7px 22px #603d5033}
.audio-panel[hidden]{display:none}
.audio-panel h2{font-size:16px;margin:0 0 15px}
.audio-panel label{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:13px;margin-top:12px}
.audio-panel output{font-size:11px;color:#92736e}
.audio-panel input{display:block;width:100%;margin:10px 0;accent-color:#aa7fa8;cursor:pointer}
.audio-panel input:focus-visible{outline:2px solid #784777;outline-offset:4px}
.audio-status{font-size:11px;line-height:1.6;margin:14px 0 0;color:#93766c}
.audio-toolbar button:disabled,.audio-panel input:disabled{cursor:default;opacity:.6}
.mascot[role="button"]{cursor:pointer}
.mascot[role="button"]:focus-visible{outline:3px solid #784777;outline-offset:3px;border-radius:20px}
@media(max-width:760px){.audio-controls{right:12px;top:10px}.audio-toolbar{gap:6px}}