/* Fullscreen toggle (see fullscreen.js). Loaded after screens.css and game.css. */

/* the sound button keeps the right-hand push it had as the last child; the new button follows it */
.topbar #btn-sound.icon-btn { margin-left: auto; }
.topbar #btn-fullscreen.icon-btn,
.topbar .fs-btn--bar.icon-btn { margin-left: 0; }

.fs-btn svg { fill: none; }
.fs-btn .ico-fs { fill: none; stroke: currentColor; stroke-width: 2.2; stroke-linecap: square; stroke-linejoin: miter; }
.fs-btn[aria-pressed='false'] .ico-fs-compress,
.fs-btn:not([aria-pressed]) .ico-fs-compress { display: none; }
.fs-btn[aria-pressed='true'] .ico-fs-expand { display: none; }
.fs-btn[hidden] { display: none; }

/* home and setup have no top bar: a small floating button in the corner instead */
.fs-btn--float {
  position: fixed;
  top: 0.75rem;
  right: 0.75rem;
  z-index: 40;
}
body[data-view='game'] .fs-btn--float { display: none; }
/* on the game screen the bar button is the one to show; on the other screens it is not in view anyway */