/* CrazyGames Basic Launch compact iframe layout. Inactive in the website build. */
html[data-distribution="crazygames-basic"],
html[data-distribution="crazygames-basic"] body {
  min-height: 100%;
  overscroll-behavior: none;
}

html[data-distribution="crazygames-basic"] body {
  overflow-x: hidden;
  -webkit-user-select: none;
  user-select: none;
}

@media (min-width: 760px) and (max-height: 700px) {
  html[data-distribution="crazygames-basic"] .topbar {
    width: min(100% - 20px, 1780px);
    height: 54px;
  }
  html[data-distribution="crazygames-basic"] #app { width: min(100% - 20px, 1780px); }
  html[data-distribution="crazygames-basic"] .brand-button { transform: scale(.82); transform-origin: left center; }
  html[data-distribution="crazygames-basic"] .topbar-actions { transform: scale(.78); transform-origin: right center; }
  html[data-distribution="crazygames-basic"] .screen.is-active { min-height: calc(100vh - 64px); }
  html[data-distribution="crazygames-basic"] .arena-header {
    min-height: 54px;
    padding: 8px 12px;
    grid-template-columns: 38px minmax(190px, 1fr) minmax(220px, .72fr) auto;
    gap: 10px;
  }
  html[data-distribution="crazygames-basic"] .arena-location h2 { font-size: clamp(19px, 2vw, 28px); }
  html[data-distribution="crazygames-basic"] .arena-location small,
  html[data-distribution="crazygames-basic"] .series-score,
  html[data-distribution="crazygames-basic"] .arena-motto { font-size: 10px; }
  html[data-distribution="crazygames-basic"] .game-layout {
    grid-template-columns: minmax(124px, 154px) minmax(480px, 1fr) minmax(124px, 154px);
    gap: 10px;
    margin-top: 10px;
  }
  html[data-distribution="crazygames-basic"] .score-card { min-height: 0; padding: 12px 10px; }
  html[data-distribution="crazygames-basic"] .score-avatar { width: 72px; height: 72px; }
  html[data-distribution="crazygames-basic"] .score-card h3 { font-size: 18px; margin: 4px 0; }
  html[data-distribution="crazygames-basic"] .banked-score { font-size: clamp(34px, 5.6vh, 52px); }
  html[data-distribution="crazygames-basic"] .historical-dispatch { display: none; }
  html[data-distribution="crazygames-basic"] .dice-arena { padding: 12px; }
  html[data-distribution="crazygames-basic"] .turn-banner,
  html[data-distribution="crazygames-basic"] .battle-front { margin-bottom: 6px; }
  html[data-distribution="crazygames-basic"] .dice-stage { min-height: clamp(136px, 25vh, 190px); }
  html[data-distribution="crazygames-basic"] .die { width: clamp(52px, 7vh, 68px); }
  html[data-distribution="crazygames-basic"] .selection-panel,
  html[data-distribution="crazygames-basic"] .held-panel { padding-block: 7px; }
  html[data-distribution="crazygames-basic"] .game-actions button { min-height: 42px; }
  html[data-distribution="crazygames-basic"] .action-hint { margin-top: 5px; font-size: 10px; }
  html[data-distribution="crazygames-basic"] .turn-log { display: none; }
}

@media (min-width: 760px) and (max-height: 520px) {
  html[data-distribution="crazygames-basic"] .topbar { height: 44px; }
  html[data-distribution="crazygames-basic"] .screen.is-active { min-height: calc(100vh - 50px); }
  html[data-distribution="crazygames-basic"] .arena-header { min-height: 46px; padding-block: 5px; }
  html[data-distribution="crazygames-basic"] .score-card small,
  html[data-distribution="crazygames-basic"] .score-target,
  html[data-distribution="crazygames-basic"] .mini-progress { display: none; }
  html[data-distribution="crazygames-basic"] .score-avatar { width: 58px; height: 58px; }
  html[data-distribution="crazygames-basic"] .banked-score { font-size: 34px; }
  html[data-distribution="crazygames-basic"] .dice-stage { min-height: 116px; }
  html[data-distribution="crazygames-basic"] .die { width: 52px; }
  html[data-distribution="crazygames-basic"] .selection-panel,
  html[data-distribution="crazygames-basic"] .held-panel { padding-block: 5px; }
  html[data-distribution="crazygames-basic"] .game-actions button { min-height: 38px; }
}