body:not(:has(#dialog-root [role=dialog])) .mission-bar:has(.audio-controls[open]){z-index:3}body:has(#dialog-root [role=dialog]) #mission-bar .audio-panel{display:none}header:has(>.audio-controls){position:relative;padding-right:260px}header>.audio-controls{position:absolute;top:10px;right:12px;z-index:50}.audio-controls{display:inline-block;position:relative;z-index:40;vertical-align:top;color:#d9e8f6;font:600 .75rem IBM Plex Sans,sans-serif}.audio-controls>summary{display:flex;align-items:center;justify-content:center;min-width:66px;min-height:44px;place-items:center;padding:0 10px;border:1px solid #31536a;background:#0b1824;color:#bdfbea;cursor:pointer;list-style:none;text-transform:uppercase;letter-spacing:.08em}.audio-controls>summary::-webkit-details-marker{display:none}.audio-controls>summary:before{content:"♫";padding-right:6px;color:#70f4d5;font-size:1rem}.audio-controls>summary:focus-visible,.audio-controls button:focus-visible{outline:2px solid #70f4d5;outline-offset:2px}.audio-panel{position:absolute;top:calc(100% + 6px);right:0;display:grid;width:min(230px,calc(100vw - 24px));gap:6px;padding:10px;border:1px solid #41627a;background:#0a1521;box-shadow:0 10px 28px #0009}.audio-controls--expanded .audio-panel{position:static;width:100%;margin-top:6px;box-shadow:none}.audio-controls--expanded{display:block;width:100%;grid-column:1 / -1}.audio-controls .audio-panel button{min-height:44px;padding:8px 10px;border:1px solid #31536a;background:#102033;color:#e4f1fc;cursor:pointer;font:600 .82rem IBM Plex Sans,sans-serif;text-align:left}.audio-controls .audio-panel button[aria-pressed=true]{border-color:#70f4d5;color:#bdfbea}.audio-controls .audio-panel button:hover{background:#173047}.audio-status{margin:2px 0 0;color:#a9bfd0;font:400 .75rem/1.4 IBM Plex Sans,sans-serif;overflow-wrap:anywhere}:root[data-theme=light] .audio-controls>summary{border-color:#8297a2;background:#eef6f5;color:#12302e}:root[data-theme=light] .audio-panel{border-color:#8297a2;background:#f5faf9;box-shadow:0 10px 28px #1525303d}:root[data-theme=light] .audio-controls .audio-panel button{border-color:#789099;background:#e6f0ef;color:#163435}:root[data-theme=light] .audio-controls .audio-panel button[aria-pressed=true]{border-color:#087c6b;color:#075c51}:root[data-theme=light] .audio-controls .audio-panel button:hover{background:#d2e5e2}:root[data-theme=light] .audio-status{color:#365451}@media(max-width:600px){header:has(>.audio-controls){padding-right:100px}body.is-battle .top-actions button[data-action=account]{display:none}}
