/* Independent quick-access help; no existing layout selectors are modified. */
#fairplay-startup-help,
#fairplay-startup-help * { box-sizing: border-box; }
#fairplay-startup-help {
  position: fixed;
  z-index: 90;
  right: max(22px, env(safe-area-inset-right));
  bottom: max(22px, env(safe-area-inset-bottom));
  width: 390px;
  max-width: calc(100vw - 28px);
  max-height: min(78vh, 680px);
  max-height: min(78dvh, 680px);
  overflow-y: auto;
  overscroll-behavior: contain;
  padding: 23px;
  border: 1px solid #355633;
  border-top: 3px solid #83c94b;
  border-radius: 13px;
  background: #0a1b2b;
  color: #eaf1f9;
  font: 14px/1.55 Inter, system-ui, sans-serif;
  box-shadow: 0 16px 50px #0008;
}
#fairplay-startup-help [hidden] { display: none !important; }
#fairplay-startup-help .fp-startup-eyebrow { display: block; padding-right: 25px; color: #9bdb6d; font-size: 10px; font-weight: 800; letter-spacing: .08em; }
#fairplay-startup-help h2 { margin: 9px 26px 10px 0; color: #f0f6ff; font: 800 20px/1.3 Manrope, system-ui, sans-serif; }
#fairplay-startup-help h3 { margin: 18px 0 10px; color: #f0f6ff; font-size: 16px; line-height: 1.4; }
#fairplay-startup-help p { margin: 0 0 12px; }
#fairplay-startup-help .fp-startup-intro { color: #c8d8e9; }
#fairplay-startup-help .fp-startup-note { font-size: 12px; line-height: 1.55; color: #a8bdd1; }
#fairplay-startup-help .fp-startup-actions { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 16px; }
#fairplay-startup-help button { cursor: pointer; border-radius: 7px; min-height: 44px; padding: 10px 13px; font: 700 13px/1.3 Inter, system-ui, sans-serif; transition: background-color 150ms ease-out; }
#fairplay-startup-help .fp-startup-primary { border: 1px solid #83c94b; background: #83c94b; color: #071009; }
#fairplay-startup-help .fp-startup-primary:hover { background: #a0df6d; }
#fairplay-startup-help .fp-startup-secondary { border: 1px solid #92542f; color: #ffb17c; background: #11283c; }
#fairplay-startup-help .fp-startup-secondary:hover { background: #1b354b; }
#fairplay-startup-help .fp-startup-close { position: absolute; top: 6px; right: 6px; width: 44px; padding: 0; border: 0; background: transparent; color: #b7cadd; font-size: 26px; }
#fairplay-startup-help .fp-startup-close:hover { background: #173248; color: #fff; }
#fairplay-startup-help :focus-visible { outline: 2px solid #a2e473; outline-offset: 3px; }
#fairplay-startup-help ol { padding-left: 22px; margin: 10px 0 17px; }
#fairplay-startup-help li { margin: 0 0 10px; color: #c8d8e9; }
#fairplay-startup-help strong { color: #fff; font-weight: 700; }
#fairplay-startup-help label { display: block; color: #b6cadf; font-size: 12px; font-weight: 700; margin-bottom: 6px; }
#fairplay-startup-help input { width: 100%; min-width: 0; min-height: 46px; padding: 10px; border: 1px solid #3c576f; border-radius: 7px; background: #071422; color: #eaf1f9; font: 14px/1.4 Inter, system-ui, sans-serif; }
#fairplay-startup-help .fp-startup-status { min-height: 18px; margin: 9px 0; color: #a2e473; font-size: 12px; }
#fairplay-startup-help .fp-startup-alternative { margin: 14px 0; padding: 11px; border: 1px solid #324c64; border-radius: 7px; }
#fairplay-startup-help summary { cursor: pointer; color: #ffb17c; font-size: 13px; font-weight: 700; }
#fairplay-startup-help details p { margin: 10px 0 0; color: #b6cadf; font-size: 13px; }
@media (max-width: 600px) {
  #fairplay-startup-help { right: max(12px, env(safe-area-inset-right)); bottom: max(12px, env(safe-area-inset-bottom)); width: calc(100vw - 24px); max-width: 430px; padding: 18px; max-height: 74vh; max-height: 74dvh; }
  #fairplay-startup-help h2 { font-size: 18px; }
  #fairplay-startup-help input { font-size: 16px; }
  #fairplay-startup-help .fp-startup-actions button { flex: 1 1 auto; }
}
@media (prefers-reduced-motion: reduce) {
  #fairplay-startup-help button { transition: none; }
}

/* Browser-approved installation promotion. */
#fairplay-startup-help .fp-install-brand { display: flex; align-items: center; gap: 12px; padding-right: 30px; }
#fairplay-startup-help .fp-install-brand img { display: block; flex: 0 0 46px; border: 1px solid #31506b; border-radius: 10px; }
#fairplay-startup-help .fp-install-brand .fp-startup-eyebrow { padding-right: 0; }
#fairplay-startup-help button:disabled { cursor: wait; opacity: .65; }