/* Home layout uses the available app viewport, independently of preview panel size. */
@media (max-width: 600px) and (max-height: 799px) {
  html.ui-confirmation-app body.menu-mode .home-screen {
    display: grid; grid-template-rows: min(26%, 42vw) minmax(0, 1fr) clamp(40px, 6dvh, 50px);
    gap: 10px; padding: 8px; height: 100%; box-sizing: border-box;
  }
  html.ui-confirmation-app body.menu-mode .home-title {
    width: 100%; height: 100%; margin: 0; position: relative; transform: none;
  }
  html.ui-confirmation-app body.menu-mode .home-title img { width: 100%; height: 100%; object-fit: contain; }
  html.ui-confirmation-app body.menu-mode .home-main {
    display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(0, 1fr);
    width: 100%; gap: 8px; padding: 0; margin: 0; min-height: 0;
  }
  html.ui-confirmation-app body.menu-mode .home-left-column { position: relative; min-height: 0; }
  html.ui-confirmation-app body.menu-mode .home-character { position: absolute; inset: 0; width: 100%; height: 100%; transform: none; margin: 0; }
  html.ui-confirmation-app body.menu-mode .home-right-column {
    display: grid; grid-template-rows: auto auto;
    padding-top: 0; gap: clamp(8px, 2dvh, 18px);
    box-sizing: border-box; align-content: center;
  }
  html.ui-confirmation-app body.menu-mode .home-mode-grid {
    display: grid; grid-template-rows: repeat(4, clamp(54px, 18vw, 80px)); gap: clamp(6px, 1.2dvh, 10px); transform: none;
  }
  html.ui-confirmation-app body.menu-mode .home-mode-card { height: auto; min-height: 0; padding: 3px; }
  html.ui-confirmation-app body.menu-mode .home-mode-card strong { font-size: clamp(15px, 4.4vw, 21px); line-height: 1.2; }
  html.ui-confirmation-app body.menu-mode .home-gacha-card { position: static; width: min(120px, 80%); height: clamp(30px, 9vw, 38px); min-height: 0; transform: none; margin: 0 auto; }
  html.ui-confirmation-app body.menu-mode .home-bottom-btn { height: 100%; min-height: 0; padding: 2px; }
  html.ui-confirmation-app body.menu-mode .home-bottom-btn strong { font-size: clamp(11px, 3.3vw, 15px); white-space: nowrap; }
}