.audio-dialog{width:min(470px,calc(100vw - 32px));max-height:calc(100dvh - 40px);padding:38px;border:1px solid #e4c89145;border-radius:18px;background:linear-gradient(145deg,#183239,#0a1b22);color:var(--ink);box-shadow:0 30px 120px #0008;overflow-y:auto}
body:is([data-mode="paused"],[data-mode="charge"],[data-mode="result"],[data-mode="ending"]) .hud{z-index:10}
.audio-dialog::backdrop{background:#071318ac;backdrop-filter:blur(8px)}
.audio-dialog h2{font:35px/1.15 Georgia,serif;margin:18px 0}.audio-dialog h2 em{color:var(--gold);font-weight:normal}
.audio-dialog>p{color:#bfccc6;font-size:12px;line-height:1.6;min-height:38px;margin-bottom:28px}
.mix-controls{display:grid;gap:24px}.mix-row{display:grid;grid-template-columns:1fr auto;gap:12px;font-size:12px}.mix-row output{font-variant-numeric:tabular-nums;color:#e9c894}
.mix-row input{grid-column:1/-1;width:100%;margin:0;accent-color:var(--gold);cursor:pointer;height:22px}.mix-row input:focus-visible{outline:2px solid var(--gold);outline-offset:5px}
.audio-footer{display:flex;gap:14px;justify-content:space-between;margin-top:34px}.audio-footer .primary,.audio-footer .secondary{min-width:0;min-height:44px;flex:1;padding:12px;font-size:10px;letter-spacing:1px}
.audio-credits{display:inline-block;margin-top:22px;color:#a9b9b5;font-size:10px;letter-spacing:1px;text-underline-offset:4px}
@media(max-width:470px){.audio-dialog{padding:30px 25px}.audio-dialog h2{font-size:29px}.audio-dialog .eyebrow{font-size:9px}}