/*!
 * Teamz Lab games — in-game orientation toggle button (paired with
 * tz-game-orientation.js). Only injected in app mode. Top-left so it never
 * overlaps the top-right leaderboard icon. Safe-area aware.
 */

.tz-orientation-btn {
  position: fixed;
  top: calc(10px + max(env(safe-area-inset-top, 0px), var(--tz-ins-top, 0px), var(--tz-safe-top, 0px)));
  left: calc(10px + max(env(safe-area-inset-left, 0px), var(--tz-ins-left, 0px), var(--tz-safe-left, 0px)));
  z-index: 30;
  width: 42px;
  height: 42px;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  border-radius: 12px;
  border: 1px solid var(--tz-game-menu-item-border, var(--border, rgba(0, 0, 0, 0.12)));
  background: var(--tz-game-menu-item-bg, var(--surface, #ffffff));
  color: var(--tz-game-menu-item-color, var(--heading, #1e293b));
  cursor: pointer;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.14);
  transition: transform 0.12s ease, box-shadow 0.12s ease;
}

.tz-orientation-btn:hover {
  transform: translateY(-1px);
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.2);
}

.tz-orientation-btn:active {
  transform: rotate(90deg);
}

.tz-orientation-btn svg {
  width: 22px;
  height: 22px;
}