/* 「ブラゲームズをホーム画面に追加しませんか？」の箱（install.js）。画面の下に浮かぶ。トップとゲームの画面で共通 */
.install-box {
  position: fixed;
  right: 10px;
  bottom: calc(12px + env(safe-area-inset-bottom));
  left: 10px;
  z-index: 50;
  display: flex;
  gap: 12px;
  max-width: 460px;
  margin: 0 auto;
  padding: 14px;
  border: 1px solid #2dd4bf;
  border-radius: 16px;
  background: #161d3a;
  color: #eef1f8;
  font-family: 'Zen Maru Gothic', system-ui, -apple-system, 'Hiragino Sans', sans-serif;
  font-size: 15px;
  line-height: 1.5;
  text-align: left;
  box-shadow: 0 8px 24px rgb(0 0 0 / 45%);
  animation: install-up 0.25s ease-out;
}
@keyframes install-up {
  from {
    transform: translateY(120%);
  }
}
@media (prefers-reduced-motion: reduce) {
  .install-box {
    animation: none;
  }
}
.install-box img {
  flex: none;
  width: 48px;
  height: 48px;
  border-radius: 10px;
}
.install-box strong {
  display: block;
  line-height: 1.4;
}
.install-box p {
  margin: 4px 0 10px;
  color: #a3abc6;
  font-size: 14px;
}
.install-actions {
  display: flex;
  justify-content: flex-end;
  gap: 8px;
}
.install-actions button {
  min-height: 40px;
  padding: 6px 16px;
  border: 1px solid #2dd4bf;
  border-radius: 10px;
  background: transparent;
  color: #5eead4;
  font: inherit;
  font-weight: 700;
  cursor: pointer;
}
.install-actions button.ok {
  background: #2dd4bf;
  color: #08201d;
}