/* Sound is a page-level setting, separate from both navigation and card actions. */
.topbar.has-sound-control { position:relative; padding-right:72px; }
.game-audio-control {
  position:absolute; top:4px; right:0;
  padding-left:17px; border-left:1px solid #edd8bd38;
}
.game-audio-control .sound-toggle {
  display:grid; place-items:center; box-sizing:border-box;
  width:44px; height:44px; padding:0; border:1px solid #f4d6a16b;
  border-radius:14px; color:#ffe9bd;
  background:linear-gradient(145deg,#344765,#1d2941);
  box-shadow:inset 0 1px #ffffff14,0 3px 0 #111c31,0 5px 12px #07122538;
  font:21px/1 system-ui,sans-serif; cursor:pointer;
  transition:background .15s,border-color .15s;
}
.game-audio-control .sound-toggle:hover { background:#415575; border-color:#ffe0a3; }
.game-audio-control .sound-toggle[aria-pressed="false"] { background:#292c3d; border-color:#a3aec35e; }
.game-audio-control .sound-toggle:focus-visible { outline:3px solid #ffe0a3; outline-offset:4px; }
@media(max-width:1000px) {
  .topbar.has-sound-control { padding-right:0; }
  .topbar.has-sound-control .brand { flex:0 0 calc(100% - 76px); min-width:0; grid-column:1/-1; box-sizing:border-box; }
  .game-audio-control { top:3px; }
}
@media(prefers-reduced-motion:reduce) {
  .game-audio-control .sound-toggle { transition:none; }
}