.music-toggle{display:inline-grid;place-items:center;flex:0 0 44px;width:44px;height:44px;padding:11px;border:1px solid #9db6cc40;border-radius:50%;background:transparent;color:#9eafbd}.music-toggle svg{width:20px;height:20px}.music-toggle:hover{background:#b8d8dc12;color:#edf3fb}.music-toggle[aria-pressed="true"]{color:#c5e2e2;border-color:#b8d8dc80;background:#b8d8dc12}.music-toggle[aria-pressed="true"] .music-slash{display:none}.music-toggle:focus-visible{outline:2px solid #b8d8dc;outline-offset:4px}.music-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(max-width:650px){.account-nav{gap:10px}}

.music-control{position:relative;display:inline-flex;flex-shrink:0}.music-volume-control{position:absolute;z-index:10;right:0;top:calc(100% + 9px);width:140px;padding:11px 13px;background:#15212e;border:1px solid #9db6cc40;border-radius:10px;box-shadow:0 8px 24px #0004;color:#bdcdd9;font-size:12px}.music-volume-control input{display:block;width:100%;min-height:28px;height:28px;margin:3px 0 0;padding:0;border:0;accent-color:#b8d8dc;cursor:pointer}
.music-control{align-items:center;gap:2px;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:normal}.music-expand{display:grid;place-items:center;width:26px;min-width:26px;min-height:44px;padding:0;border:0;border-radius:8px;background:transparent;color:#aebfce;cursor:pointer}.music-expand svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5}.music-expand[aria-expanded=true] svg{transform:rotate(180deg)}.music-expand:hover{background:#b8d8dc12}.music-control [hidden]{display:none!important}.music-volume-control label{font-size:12px;letter-spacing:normal;color:#bdcdd9}.music-volume-control input{box-sizing:border-box}.music-control .music-status{position:absolute}.music-floating{position:fixed;top:auto;bottom:max(16px,env(safe-area-inset-bottom));right:max(16px,env(safe-area-inset-right));width:78px;height:44px;box-sizing:border-box;z-index:100;background:#15212e;border:1px solid #9db6cc40;border-radius:24px;box-shadow:0 6px 24px #0005}.music-floating .music-volume-control{top:auto;bottom:calc(100% + 10px)}.music-floating .music-expand svg{transform:rotate(180deg)}.music-floating .music-expand[aria-expanded=true] svg{transform:none}.case-switcher .music-control{margin-left:auto}.case-switcher>span:not(.music-control){margin-left:auto}.case-switcher .music-toggle{width:36px;height:36px;min-height:36px;flex-basis:36px;padding:8px}.case-switcher .music-toggle svg{width:19px;height:19px}.music-shell{overflow:hidden!important}.music-shell> :not(.music-page):not(audio):not(script){display:none!important}.music-page{display:block;position:fixed;inset:0;width:100%;height:100%;height:100dvh;border:0;background:#090d13;z-index:999}.music-expand:focus-visible{outline:2px solid #b8d8dc;outline-offset:2px}@media(max-width:380px){.account-nav{gap:5px}.account-nav .scenario-link{padding-inline:7px}}

@media(max-width:380px){.case-switcher>span:not(.music-control){display:none}}

/* A stable header grid keeps account actions separate from the player. */
.masthead.music-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:12px;padding-bottom:16px}
.music-header>.wordmark{grid-column:1;grid-row:1}
.music-header>.account-nav,.music-header>.back-to-cases{grid-column:2;grid-row:1;width:auto}
.music-header>.music-control{grid-column:3;grid-row:1;justify-self:end}
.music-header .music-control{gap:0}
.music-header .music-toggle{width:40px;height:40px;min-height:40px;flex-basis:40px;padding:10px}
.music-header .music-expand{width:28px;min-width:28px;min-height:44px}
.music-volume-control{box-sizing:border-box;width:160px;max-width:calc(100vw - 24px)}
@media(max-width:650px){
  .masthead.music-header{grid-template-columns:minmax(0,1fr) auto;row-gap:10px;column-gap:12px}
  .music-header>.music-control{grid-column:2;grid-row:1}
  .music-header>.account-nav{grid-column:1 / -1;grid-row:2;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px;width:100%;margin:0}
  .music-header>.back-to-cases{grid-column:1 / -1;grid-row:2;justify-self:start}
  .music-header .account-name-link{max-width:100%;font-size:14px;line-height:1.4}
  .music-header .scenario-link{min-height:40px;padding:8px 11px;font-size:12px;font-weight:500;gap:6px;border:1px solid #9db6cc40;border-radius:8px;background:transparent;color:#c9dae9}
  .music-header .scenario-link:hover{background:#b8d8dc12}
  .music-header .wordmark{white-space:nowrap}
}

.music-volume-control{width:200px;padding:14px 16px;line-height:1.5;max-height:calc(100dvh - 24px);overflow:auto}.music-volume-heading{display:flex;justify-content:space-between;gap:16px;align-items:baseline}.music-volume-control label{font-size:14px}.music-volume-value{font-size:14px;font-variant-numeric:tabular-nums;color:#edf3fb}.music-volume-control input[type=range]{appearance:auto;writing-mode:horizontal-tb;direction:ltr;min-width:0;max-width:100%;height:36px;min-height:36px;touch-action:pan-y;margin:8px 0 0}.music-volume-control input:focus-visible{outline:2px solid #b8d8dc;outline-offset:3px;border-radius:4px}