#kolosseumInstallInfoButton {
  position: fixed !important;
  right: max(18px, env(safe-area-inset-right)) !important;
  bottom: max(18px, env(safe-area-inset-bottom)) !important;
  z-index: 2147483647 !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 48px !important;
  min-width: 92px !important;
  padding: 12px 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.24) !important;
  border-radius: 999px !important;
  background: rgba(10, 12, 16, 0.96) !important;
  color: #f4f4f5 !important;
  font: inherit !important;
  font-weight: 900 !important;
  line-height: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 16px 44px rgba(0, 0, 0, 0.5) !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

#kolosseumInstallInfoButton:hover {
  transform: translateY(-1px);
}

#kolosseumInstallInfoModal {
  position: fixed !important;
  inset: 0 !important;
  z-index: 2147483646 !important;
  display: none !important;
  align-items: center !important;
  justify-content: center !important;
  padding: max(16px, env(safe-area-inset-top)) max(16px, env(safe-area-inset-right)) max(16px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left)) !important;
  background: rgba(0, 0, 0, 0.72) !important;
}

#kolosseumInstallInfoModal[data-open="true"] {
  display: flex !important;
}

.kolosseum-install-panel {
  width: min(680px, 100%) !important;
  max-height: 86vh !important;
  overflow: auto !important;
  border: 1px solid rgba(255, 255, 255, 0.14) !important;
  border-radius: 22px !important;
  background: #0b0d10 !important;
  color: #f4f4f5 !important;
  padding: 20px !important;
  box-shadow: 0 28px 90px rgba(0, 0, 0, 0.65) !important;
}

.kolosseum-install-head {
  display: flex !important;
  justify-content: space-between !important;
  gap: 16px !important;
  align-items: flex-start !important;
}

.kolosseum-install-head h2 {
  margin: 0 !important;
  font-size: clamp(24px, 5vw, 36px) !important;
  line-height: 1 !important;
}

.kolosseum-install-head p,
.kolosseum-install-card li,
.kolosseum-install-note {
  color: #c7c7d1 !important;
}

#kolosseumInstallInfoClose {
  width: 42px !important;
  height: 42px !important;
  flex: 0 0 auto !important;
  border-radius: 999px !important;
  border: 1px solid rgba(255, 255, 255, 0.18) !important;
  background: rgba(255, 255, 255, 0.05) !important;
  color: #f4f4f5 !important;
  font-size: 20px !important;
  cursor: pointer !important;
}

.kolosseum-install-body {
  display: grid !important;
  gap: 14px !important;
  margin-top: 18px !important;
}

.kolosseum-install-card {
  padding: 16px !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  border-radius: 16px !important;
  background: rgba(255, 255, 255, 0.04) !important;
}

.kolosseum-install-card h3 {
  margin: 0 0 10px !important;
}

.kolosseum-install-card ol {
  margin: 0 !important;
  padding-left: 22px !important;
  line-height: 1.55 !important;
}

@media (max-width: 640px) {
  #kolosseumInstallInfoButton {
    right: max(12px, env(safe-area-inset-right)) !important;
    bottom: max(12px, env(safe-area-inset-bottom)) !important;
    min-height: 46px !important;
    min-width: 84px !important;
    padding: 11px 14px !important;
  }

  #kolosseumInstallInfoModal {
    align-items: flex-end !important;
    padding: 0 !important;
  }

  .kolosseum-install-panel {
    width: 100% !important;
    max-height: 88vh !important;
    border-radius: 22px 22px 0 0 !important;
    border-left: 0 !important;
    border-right: 0 !important;
    border-bottom: 0 !important;
    padding-bottom: max(20px, env(safe-area-inset-bottom)) !important;
  }
}