/* Mobile Controls UI overrides - scoped to mobile only */
@media (max-width: 1024px) {
  body.is-mobile .landscape-game-button {
    position: fixed;
    left: 50%;
    bottom: calc(16px + env(safe-area-inset-bottom, 0px));
    transform: translateX(-50%);
    z-index: 100000;
    padding: 14px 22px;
    border-radius: 999px;
    font-size: 16px;
    font-weight: 700;
    display: inline-flex;
    align-items: center;
    gap: 8px;
  }
  body.is-mobile .landscape-game-button:hover {
    transform: translateX(-50%) translateY(-2px);
  }
  body.is-mobile .landscape-game-button:active {
    transform: translateX(-50%);
  }
  body.is-mobile .landscape-game-button svg {
    width: 20px;
    height: 20px;
  }
}