/* FormyDog v124 — manual intro gate / no countdown */
#fdIntroGate {
  position: fixed;
  inset: 0;
  z-index: 30500;
  display: grid;
  place-items: center;
  padding: clamp(16px,4vw,34px);
  background:
    radial-gradient(circle at 20% 15%, rgba(80,201,255,.18), transparent 34%),
    radial-gradient(circle at 84% 20%, rgba(154,117,255,.18), transparent 32%),
    rgba(4,11,20,.76);
  backdrop-filter: blur(15px) saturate(1.12);
  -webkit-backdrop-filter: blur(15px) saturate(1.12);
  opacity: 1;
  visibility: visible;
  transition: opacity .28s ease, visibility .28s ease;
  touch-action: manipulation;
}
#fdIntroGate[hidden] { display:none !important; }
#fdIntroGate.fd-intro-gate-enter { opacity:0; }

.fd-intro-gate-card {
  position: relative;
  width: min(94vw, 470px);
  overflow: hidden;
  padding: 28px;
  border: 1px solid rgba(255,255,255,.68);
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(255,255,255,.985), rgba(242,250,255,.97));
  color: #10243a;
  text-align: center;
  box-shadow: 0 30px 90px rgba(1,18,36,.42), 0 3px 18px rgba(17,97,150,.12);
}
.fd-intro-gate-card::before {
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:6px;
  background:linear-gradient(90deg,#50c9ff,#7f9cff,#9a75ff,#ff7fc1);
}
.fd-intro-gate-icon {
  width: 78px;
  height: 78px;
  margin: 2px auto 14px;
  border-radius: 24px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#effbff,#dff3ff);
  box-shadow:0 12px 30px rgba(25,127,211,.14);
}
.fd-intro-gate-icon img {
  width:68px;
  height:68px;
  object-fit:contain;
}
.fd-intro-eyebrow {
  display:inline-block;
  margin-bottom:8px;
  color:#197fd3;
  font:800 11px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.12em;
}
.fd-intro-gate-card h2 {
  margin: 0 0 10px;
  color:#10243a;
  font: 850 clamp(25px,5vw,36px)/1.05 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:-.035em;
}
.fd-intro-gate-card p {
  max-width: 360px;
  margin: 0 auto 18px;
  color:#587086;
  font: 600 14px/1.5 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.fd-intro-audio-note {
  display:flex;
  align-items:center;
  gap:10px;
  margin: 0 0 18px;
  padding: 11px 13px;
  border: 1px solid #d8ebf8;
  border-radius: 15px;
  background:#f7fcff;
  color:#496278;
  text-align:left;
  font:600 12px/1.4 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.fd-intro-audio-note > span:first-child {
  font-size:20px;
  line-height:1;
}
.fd-intro-gate-actions {
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:10px;
}
#fdIntroPlay,
#fdIntroSkip {
  min-height:52px;
  border-radius:16px;
  border:0;
  padding:0 16px;
  font:850 13px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.025em;
  cursor:pointer;
  transition:transform .15s ease, box-shadow .15s ease, opacity .15s ease;
  -webkit-tap-highlight-color:transparent;
}
#fdIntroPlay {
  color:#fff;
  background:linear-gradient(135deg,#1685d7,#506ce8);
  box-shadow:0 12px 24px rgba(36,113,212,.26);
}
#fdIntroSkip {
  color:#17334d;
  background:#edf5fa;
  border:1px solid #d6e7f2;
}
#fdIntroPlay:hover { box-shadow:0 14px 30px rgba(36,113,212,.34); }
#fdIntroSkip:hover { background:#e7f1f7; }
#fdIntroPlay:active,
#fdIntroSkip:active { transform:scale(.98); }
#fdIntroPlay:disabled { opacity:.52; cursor:default; box-shadow:none; }
.fd-intro-outside-hint {
  display:block;
  margin-top:14px;
  color:#8195a6;
  font:600 11px/1.35 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}

@media (max-width:540px) {
  #fdIntroGate { padding:14px; }
  .fd-intro-gate-card { padding:24px 18px 20px; border-radius:24px; }
  .fd-intro-gate-actions { grid-template-columns:1fr; }
  #fdIntroPlay,#fdIntroSkip { min-height:50px; }
}

@media (prefers-reduced-motion:reduce) {
  #fdIntroGate,.fd-intro-gate-card,#fdIntroPlay,#fdIntroSkip { transition:none !important; }
}