/* Standalone runtime: app-native shell and focused match surface. */

html[data-runtime="standalone"] body #installHintBar,
body.runtime-standalone #installHintBar {
  display: none;
}

html[data-runtime="standalone"] body .app-shell,
body.runtime-standalone .app-shell {
  max-width: 100%;
}

body.runtime-standalone.room-playing .site-footer {
  display: none;
}

body.runtime-standalone.room-playing #gamePanel {
  box-shadow: 0 22px 56px rgba(0, 0, 0, 0.6);
}

@media (max-width: 1100px) {
  body.runtime-standalone.room-playing #actionPanel {
    position: fixed;
    left: calc(10px + env(safe-area-inset-left, 0px));
    right: calc(10px + env(safe-area-inset-right, 0px));
    bottom: calc(10px + env(safe-area-inset-bottom, 0px) + var(--keyboard-offset));
    z-index: 80;
  }
}

@media (max-width: 1100px) {
  body.runtime-standalone.room-playing #roomScreen {
    padding-bottom: calc(var(--play-dock-reserve) + 26px + env(safe-area-inset-bottom, 0px));
  }

  body.runtime-standalone.room-playing .topbar {
    padding-top: calc(6px + env(safe-area-inset-top, 0px));
  }

  body.runtime-standalone.room-playing #gamePanel {
    --board-fit: min(96vw, 78dvh);
    padding: 8px;
  }

  body.runtime-standalone.room-playing #actionPanel {
    border-radius: 22px;
    background:
      linear-gradient(180deg, rgba(7, 16, 27, 0.98), rgba(4, 9, 16, 0.96)),
      radial-gradient(circle at top, rgba(250, 220, 111, 0.12), transparent 56%);
    box-shadow: 0 18px 42px rgba(0, 0, 0, 0.42);
  }

  body.runtime-standalone.room-playing #roomPlayersPanel,
  body.runtime-standalone.room-playing #roomLogPanel {
    background: rgba(6, 10, 18, 0.82);
  }

  body.runtime-standalone.room-playing #toggleRoomChatBtn,
  body.runtime-standalone.room-playing #closeRoomChatBtn {
    display: inline-flex !important;
  }

  body.runtime-standalone.room-playing #roomChatPanel {
    display: none !important;
    position: fixed !important;
    left: calc(10px + env(safe-area-inset-left, 0px));
    right: calc(10px + env(safe-area-inset-right, 0px));
    bottom: calc(var(--play-dock-reserve) + 18px + env(safe-area-inset-bottom, 0px) + var(--keyboard-offset));
    max-height: 56vh;
    z-index: 86;
  }

  body.runtime-standalone.room-playing.room-chat-open #roomChatPanel {
    display: flex !important;
  }

  body.runtime-standalone.room-playing .chat-backdrop {
    display: none;
  }

  body.runtime-standalone.room-playing.room-chat-open .chat-backdrop {
    display: block;
  }
}

@media (min-width: 1101px) {
  body.runtime-standalone.room-playing .room-grid-main {
    grid-template-columns: minmax(230px, 270px) minmax(0, 1fr) minmax(250px, 320px);
  }

  body.runtime-standalone.room-playing .room-top {
    opacity: 0.88;
  }
}