/* Compact, independent controls, including the headings shown during battle. */
button.ambientMusicButton{min-width:102px;min-height:44px;flex:0 0 auto;white-space:nowrap;border-radius:10px;font:600 11px system-ui,sans-serif;letter-spacing:.02em;padding:8px 11px;touch-action:manipulation}
button.ambientMusicButton[aria-pressed="true"]{color:#e6cf96;border:1px solid #bda26755;background:#bda2670d}
button.ambientMusicButton[aria-pressed="false"]{color:#aaa;border:1px solid #ffffff24;background:transparent}
button.ambientMusicButton:focus-visible{outline:2px solid #e4c47b;outline-offset:3px}
.liveHeading>div:last-child{display:flex;align-items:center;flex-wrap:wrap;gap:6px}
.ascentTop>div:first-child,.gladiatorHeading>div:first-child,.operationHeading>div:first-child{flex:1;min-width:0}
@media(max-width:600px){
 button.ambientMusicButton{min-width:88px;padding:7px 9px;font-size:10px;min-height:44px}
 .ascentTop,.gladiatorHeading,.operationHeading,.liveHeading{flex-wrap:wrap;gap:6px}
 .ascentTop>div:first-child,.gladiatorHeading>div:first-child,.operationHeading>div:first-child{flex-basis:100%}
 .onlineApp .onlineHeader #sound,.localApp #soundToggle{font-size:10px;min-height:44px;padding-inline:7px}
 .onlineApp .onlineHeader{flex-wrap:wrap}
 .localApp .headerRight{flex-wrap:wrap;gap:6px}
}