/* Utility actions share the top control row, outside the skating controls. */
#skate-audio-session, #game-fullscreen {
  position: fixed;
  top: max(14px, env(safe-area-inset-top));
  z-index: 5;
}
#skate-audio-session { left: calc(50% - 104px); }
#game-fullscreen { left: calc(50% + 60px); display: none; }
body.in-game #game-fullscreen { display: grid; }
#skate-audio-session > span {
  position: absolute; width: 1px; height: 1px; overflow: hidden;
  clip-path: inset(50%); white-space: nowrap;
}
#skate-audio-session button, #game-fullscreen {
  width: 44px; height: 44px; padding: 0; place-items: center;
  color: #fff; background: rgba(4, 9, 14, .8); border: 0;
  border-radius: 8px; cursor: pointer; touch-action: manipulation;
}
#skate-audio-session button { display: grid; }
#skate-audio-session[hidden], #skate-audio-session button[hidden], #game-fullscreen[hidden] { display: none; }
#skate-audio-session button:focus-visible, #game-fullscreen:focus-visible, #fullscreen-help button:focus-visible {
  outline: 2px solid #3fc1ff; outline-offset: 2px;
}
#skate-audio-session.audio-debug > span {
  clip-path: none; width: 220px; height: auto; top: 48px;
  padding: 8px; background: #16191f; color: #fff; white-space: normal;
}
#fullscreen-help {
  position: fixed; z-index: 6; left: 50%; transform: translateX(-50%);
  top: max(66px, calc(env(safe-area-inset-top) + 52px));
  box-sizing: border-box; width: min(320px, calc(100% - 32px));
  padding: 16px; border-radius: 12px; background: #101820; color: #fff;
  font: 14px/1.5 system-ui, sans-serif;
}
#fullscreen-help p { margin: 0 0 12px; }
#fullscreen-help button { min-height: 44px; padding: 8px 16px; border: 0; border-radius: 6px; color: #fff; background: #075f91; font: inherit; cursor: pointer; }