/* A single, readable soundtrack control on the page and inside native dialogs. */
.universal-music-host{position:fixed;top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right));z-index:2147483000;font-family:var(--font,'Avenir Next',system-ui,sans-serif);color:#233b50;line-height:1.45;color-scheme:light}
.universal-music-host,.universal-music-host *{box-sizing:border-box}
.universal-music-host [hidden]{display:none!important}
.universal-music-button{display:flex;align-items:center;justify-content:center;gap:8px;min-width:154px;min-height:52px;padding:12px 18px;border:1px solid #d8bd7d;border-radius:18px;background:#18384f;color:#fff5da;box-shadow:0 4px 0 #0c2539,0 7px 22px #14283c30;font-family:inherit;font-size:18px;font-weight:750;line-height:1.3;cursor:pointer;white-space:nowrap}
.universal-music-note{display:block;font-size:25px;line-height:1}
.universal-music-button:hover{background:#244d65;color:#fff8e8}
.universal-music-button[aria-expanded=true]{background:#f6e7c6;color:#203e50}
.universal-music-panel{position:fixed;inset:auto;top:max(78px,calc(env(safe-area-inset-top) + 78px));right:max(12px,env(safe-area-inset-right));width:min(390px,calc(100vw - 24px));max-height:calc(100dvh - 104px);overflow:auto;overscroll-behavior:contain;margin:0;padding:21px;border:1px solid #b89c64;border-radius:22px;background:#fff9ec;color:#233b50;box-shadow:0 18px 65px #091e3d45;font-family:inherit;font-size:18px;line-height:1.45;text-align:left}
.universal-music-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:15px}
.universal-music-heading h2{margin:0;color:#233b50;font-family:inherit;font-size:24px;font-weight:800;line-height:1.25;letter-spacing:-.02em}
.universal-music-close{flex:none;width:52px;height:52px;min-height:52px;padding:0;border:1px solid #bca77e;border-radius:14px;background:#f0e5cf;color:#334c59;font-family:inherit;font-size:30px;line-height:1;cursor:pointer}
.universal-music-choices{display:grid;gap:9px;min-width:0;margin:0 0 15px;padding:0;border:0}
.universal-music-choices legend{width:100%;margin-bottom:10px;color:#52636a;font-size:16px;font-weight:700;line-height:1.5}
.universal-music-choice{display:grid!important;grid-template-columns:22px 34px minmax(0,1fr);align-items:center;gap:10px;min-height:76px;margin:0!important;padding:12px;border:1px solid #d4c19a;border-radius:15px;background:#fffdf8;color:#233b50;cursor:pointer}
.universal-music-choice:hover,.universal-music-choice[data-selected=true]{border-color:#346f70;background:#edf4ed;box-shadow:inset 0 0 0 1px #346f70}
.universal-music-choice input{width:21px!important;height:21px!important;min-height:21px!important;margin:0;padding:0;accent-color:#32686b}
.universal-music-symbol{font-size:27px;color:#8b6d36;text-align:center}
.universal-music-copy strong,.universal-music-copy small{display:block;color:inherit;font-family:inherit;line-height:1.35}
.universal-music-copy strong{font-size:18px;font-weight:800}
.universal-music-copy small{margin-top:3px;color:#5c6b6e;font-size:16px;font-weight:500}
.universal-music-enabled,.universal-music-retry{display:block;width:100%;min-height:52px;margin:12px 0;padding:12px 16px;border:1px solid #315961;border-radius:14px;background:#214d59;color:#fff7e4;font-family:inherit;font-size:18px;font-weight:750;line-height:1.4;cursor:pointer}
.universal-music-enabled[aria-pressed=true]{background:#f5ead5;color:#2c4e59;border-color:#af9870}
.universal-music-volume{display:grid!important;grid-template-columns:1fr auto;gap:10px;align-items:center;margin:20px 0 13px!important;color:#2e4a58;font-size:18px}
.universal-music-volume output{font-size:16px;font-variant-numeric:tabular-nums}
.universal-music-volume input{grid-column:1/-1;width:100%!important;height:32px;min-height:32px!important;margin:0;padding:0;accent-color:#32686b;cursor:pointer}
.universal-music-status,.universal-music-legacy{margin:10px 0 0;color:#4b6269;font-family:inherit;font-size:16px!important;line-height:1.55}
.universal-music-host button:focus-visible,.universal-music-host input:focus-visible{outline:3px solid #b7702c;outline-offset:4px}
.universal-music-host :is(.universal-music-button,.universal-music-enabled,.universal-music-retry){font-family:inherit;font-size:18px;line-height:1.4}
.universal-music-host .universal-music-copy strong{font-size:18px;line-height:1.35}
.universal-music-host .universal-music-copy small{font-size:16px;line-height:1.35}
[data-universal-music-dialog] .universal-music-button{width:52px;min-width:52px;height:52px;padding:0;border-radius:16px}
[data-universal-music-dialog] .universal-music-button-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:680px){.universal-music-button{width:52px;min-width:52px;height:52px;padding:0;border-radius:16px}.universal-music-button-label{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}}
@media(max-width:420px){.universal-music-host{top:max(9px,env(safe-area-inset-top));right:max(9px,env(safe-area-inset-right))}.universal-music-panel{right:9px;top:74px;width:calc(100vw - 18px);max-height:calc(100dvh - 86px);padding:16px;border-radius:18px}}
@media(prefers-reduced-motion:reduce){.universal-music-host *{scroll-behavior:auto!important;transition:none!important}}


/* The phone soundtrack button has its own space beside secondary navigation. */
@media(max-width:680px){
 body>.secondary-game-navigation{justify-content:flex-start;padding-right:max(76px,calc(env(safe-area-inset-right,0px) + 64px))}
}

/* Automatic room focus leaves room below the persistent phone sound control. */
@media(max-width:680px){
  [data-room-turn-banner],[data-podium-context]{scroll-margin-top:76px}
}