@import url("https://fonts.googleapis.com/css2?family=Trade+Winds&display=swap");

.site-header .dp-brand-wordmark {
  font-family: "Trade Winds", Georgia, serif !important;
  letter-spacing: -0.015em !important;
}

@media (hover: hover) and (prefers-reduced-motion: no-preference) {
  .site-header .dp-animated-brand:hover .dp-brand-wordmark,
  .site-header .dp-animated-brand:focus-visible .dp-brand-wordmark {
    -webkit-text-stroke: 0 transparent;
    paint-order: normal;
  }

  .site-header .dp-animated-brand:hover .dp-brand-wordmark span,
  .site-header .dp-animated-brand:hover .dp-brand-wordmark em,
  .site-header .dp-animated-brand:hover .dp-brand-wordmark b,
  .site-header .dp-animated-brand:focus-visible .dp-brand-wordmark span,
  .site-header .dp-animated-brand:focus-visible .dp-brand-wordmark em,
  .site-header .dp-animated-brand:focus-visible .dp-brand-wordmark b {
    text-shadow: 0 0 9px rgba(156, 255, 36, 0.64), 0 0 22px rgba(156, 255, 36, 0.3);
  }
}

/* Keep the full DroidPirate.com wordmark inside compact mobile headers. */
@media (max-width: 520px) {
  .site-header .nav-wrap {
    gap: 8px !important;
  }

  .site-header .dp-animated-brand {
    flex: 0 1 176px;
    width: min(176px, calc(100vw - 120px)) !important;
    min-width: 0 !important;
  }

  .site-header .dp-brand-wordmark {
    max-width: 100%;
    white-space: nowrap;
    font-size: clamp(21px, 6.7vw, 25px) !important;
    letter-spacing: -0.02em !important;
  }

  .site-header .dp-brand-wordmark b {
    margin-left: 2px;
    margin-top: 8px;
  }
}


/* Centered animated revival footer for the main preview. */
.site-footer .footer-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:11px;text-align:center}
.site-footer .footer-bottom strong{position:relative;display:inline-block;font-family:"Trade Winds","Pirata One",Georgia,serif;font-size:clamp(20px,4vw,34px);font-weight:400;letter-spacing:.035em;color:transparent;background:linear-gradient(100deg,#6fd900 0%,#e5ffbd 23%,#d6ad59 43%,#9cff24 61%,#f3d78f 78%,#6fd900 100%);background-size:240% 100%;background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 0 8px rgba(156,255,36,.24));animation:dpFooterRevival 5s linear infinite}
.site-footer .footer-bottom strong:after{content:"";position:absolute;left:12%;right:12%;bottom:-8px;height:1px;background:linear-gradient(90deg,transparent,#9cff24,#d6ad59,transparent);box-shadow:0 0 10px rgba(156,255,36,.55);animation:dpFooterLine 2.5s ease-in-out infinite}
@keyframes dpFooterRevival{to{background-position:-240% 0}}
@keyframes dpFooterLine{0%,100%{opacity:.35;transform:scaleX(.72)}50%{opacity:1;transform:scaleX(1)}}
@media(prefers-reduced-motion:reduce){.site-footer .footer-bottom strong,.site-footer .footer-bottom strong:after{animation:none}.site-footer .footer-bottom strong{background-position:50% 0}}