html.fd-history-open,
html.fd-history-open body,
html.fd-history-preparing,
html.fd-history-preparing body {
  overflow: hidden !important;
  overscroll-behavior: none !important;
}

html.fd-history-preparing #preloader {
  z-index: 30000 !important;
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
  transition: opacity 900ms ease, visibility 900ms ease !important;
}
html.fd-history-preparing #preloader.hide {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}
#preloader.fd-history-release,
html.fd-history-open #preloader.fd-history-release {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
  transition: opacity 900ms ease, visibility 900ms ease !important;
}

#fdHistoryIntro {
  position: fixed;
  inset: 0;
  width: 100vw;
  width: 100dvw;
  height: 100vh;
  height: 100dvh;
  z-index: 29000;
  background: #000;
  overflow: hidden;
  touch-action: manipulation;
  user-select: none;
  -webkit-user-select: none;
  -webkit-touch-callout: none;
  isolation: isolate;
  opacity: 1;
  transition: opacity 1100ms ease;
}
#fdHistoryIntro[hidden] { display:none !important; }
#fdHistoryIntro.fd-history-entering { opacity:0; }
#fdHistoryIntro.fd-history-ending { opacity:0; }

#fdHistoryIntro .fd-history-stage {
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  padding:clamp(28px,5vh,64px) clamp(28px,6vw,100px);
  background:#000;
  cursor:pointer;
  outline:none;
}
#fdHistoryIntro .fd-history-photo {
  display:block;
  width:auto;
  height:auto;
  max-width:min(84vw,1180px);
  max-height:min(82vh,820px);
  object-fit:contain;
  object-position:center center;
  opacity:1;
  transform:scale(1.001);
  transition:opacity 850ms cubic-bezier(.22,.61,.36,1), transform 5.6s linear;
  background:#000;
  border-radius:18px;
  box-shadow:0 24px 70px rgba(0,0,0,.55);
  pointer-events:none;
}
#fdHistoryIntro.fd-history-fading .fd-history-photo { opacity:0; }
#fdHistoryIntro:not(.fd-history-fading) .fd-history-photo { transform:scale(1.012); }

.fd-history-actions {
  position:absolute;
  top:max(14px,env(safe-area-inset-top));
  right:max(14px,env(safe-area-inset-right));
  z-index:4;
  display:flex;
  gap:8px;
}
#fdHistoryMusic,
#fdHistorySkip {
  width:42px;
  height:42px;
  padding:0;
  border:1px solid rgba(255,255,255,.26);
  border-radius:999px;
  background:rgba(0,0,0,.34);
  color:rgba(255,255,255,.92);
  display:grid;
  place-items:center;
  font:500 20px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  cursor:pointer;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  transition:opacity 180ms ease,background 180ms ease,transform 180ms ease;
  -webkit-tap-highlight-color:transparent;
}
#fdHistorySkip { font-size:27px; font-weight:300; }
#fdHistoryMusic:hover,
#fdHistoryMusic:focus-visible,
#fdHistorySkip:hover,
#fdHistorySkip:focus-visible {
  opacity:1;
  background:rgba(0,0,0,.58);
  outline:none;
}
#fdHistoryMusic:active,
#fdHistorySkip:active { transform:scale(.92); }
#fdHistoryMusic.is-muted { opacity:.62; }

.fd-history-next-hint {
  position:absolute;
  left:50%;
  bottom:max(18px,calc(env(safe-area-inset-bottom) + 8px));
  transform:translateX(-50%);
  z-index:3;
  padding:8px 13px;
  border-radius:999px;
  background:rgba(0,0,0,.5);
  color:rgba(255,255,255,.86);
  font:700 10px/1 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  letter-spacing:.04em;
  opacity:.65;
  pointer-events:none;
  backdrop-filter:blur(7px);
  -webkit-backdrop-filter:blur(7px);
  transition:opacity 200ms ease;
}
#fdHistoryIntro .fd-history-stage:hover .fd-history-next-hint { opacity:.95; }

#fdMenuHistory .fd-history-menu-icon {
  display:inline-grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:9px;
  background:rgba(25,127,211,.12);
  font-size:14px;
  line-height:1;
}

@media (max-width:900px) {
  #fdHistoryIntro .fd-history-stage {
    padding:0;
  }
  #fdHistoryIntro .fd-history-photo {
    width:100%;
    height:100%;
    max-width:none;
    max-height:none;
    border-radius:0;
    box-shadow:none;
    object-fit:contain;
  }
}

@media (min-width:901px) and (max-height:720px) {
  #fdHistoryIntro .fd-history-stage {
    padding:28px 52px;
  }
  #fdHistoryIntro .fd-history-photo {
    max-width:min(78vw,1040px);
    max-height:76vh;
  }
}

@media (max-width:640px) {
  .fd-history-actions {
    top:max(10px,env(safe-area-inset-top));
    right:max(10px,env(safe-area-inset-right));
    gap:7px;
  }
  #fdHistoryMusic,#fdHistorySkip { width:38px;height:38px; }
  #fdHistorySkip { font-size:24px; }
  .fd-history-next-hint { bottom:max(14px,calc(env(safe-area-inset-bottom) + 6px)); }
}

@media (prefers-reduced-motion:reduce) {
  #fdHistoryIntro,
  #fdHistoryIntro .fd-history-photo {
    transition:opacity 220ms ease !important;
    transform:none !important;
  }
}

/* FormyDog v94.0 production sync */