/*
 Project Rise & Shine - Legacy Restoration Edition
 Faithfully reconstructs the visual appearance documented in the 2016 specimen PDF.
 It deliberately preserves the original fixed 720px layout and existing site artwork.
*/

.legacy-header-message,
.legacy-star,
.legacy-nav-wrap,
.legacy-ticker,
.legacy-art {
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

/* HEADER.SWF - sparse wording on the original red/orange header field */
.legacy-header-message {
  width: 372px;
  height: 65px;
  color: #fff7d7;
  background:
    radial-gradient(circle at 21% 22%, rgba(255,226,139,.38) 0 1px, transparent 2px),
    radial-gradient(circle at 72% 28%, rgba(255,226,139,.35) 0 1px, transparent 2px),
    linear-gradient(180deg, #ce3507 0%, #b52403 100%);
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  text-shadow: 1px 1px 1px #7b1500;
}

.legacy-header-main {
  padding-top: 7px;
  font-size: 12px;
  line-height: 14px;
  font-weight: bold;
  font-style: italic;
  letter-spacing: .15px;
}

.legacy-header-sub {
  margin-top: 6px;
  color: #e99e67;
  font-size: 5px;
  font-style: italic;
}

.legacy-twinkle,
.legacy-star-glint {
  position: absolute;
  display: block;
  width: 3px;
  height: 3px;
  border-radius: 50%;
  background: #fff6b1;
  box-shadow: 0 0 5px 2px rgba(255,235,130,.75);
  animation: legacyTwinkle 2.2s ease-in-out infinite;
}
.twinkle-a { left: 38px; top: 29px; }
.twinkle-b { left: 264px; top: 17px; animation-delay: .7s; }
.twinkle-c { right: 33px; top: 42px; animation-delay: 1.3s; }

/* STAR.SWF - use the recovered original art, not a redesigned substitute */
.legacy-star {
  width: 185px;
  height: 163px;
  background: transparent;
}
.legacy-star img,
.legacy-art img {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
}
.legacy-star-glint {
  width: 5px;
  height: 5px;
  z-index: 2;
}
.glint-one { left: 89px; top: 42px; }
.glint-two { right: 35px; top: 74px; animation-delay: 1.1s; }

/* LINX.SWF - exact two-band architecture shown in the specimen */
.legacy-nav-wrap {
  width: 535px;
  height: 56px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  letter-spacing: 1.2px;
}

.legacy-nav-primary {
  height: 27px;
  display: flex;
  align-items: center;
  background: linear-gradient(180deg, #a51e02 0%, #7c1000 100%);
  border-top: 1px solid #e56f21;
  border-bottom: 1px solid #4d0900;
}

.legacy-nav-secondary {
  height: 29px;
  display: flex;
  align-items: center;
  padding-left: 133px;
  padding-right: 29px;
  background: linear-gradient(180deg, #0869a8 0%, #00548d 100%);
  border-top: 1px solid #0b7dc3;
  border-bottom: 1px solid #00375e;
}

.legacy-nav-primary a,
.legacy-nav-secondary a {
  display: flex;
  height: 100%;
  align-items: center;
  justify-content: center;
  color: #fff0cf !important;
  text-decoration: none !important;
  text-shadow: 1px 1px 0 #651000;
  transition: color .12s ease, text-shadow .12s ease;
}

.legacy-nav-primary a {
  flex: 1 1 20%;
  font-size: 10px;
}

.legacy-nav-secondary a {
  flex: 1 1 25%;
  font-size: 9px;
}

.legacy-nav-primary a:hover,
.legacy-nav-secondary a:hover,
.legacy-nav-primary a:focus,
.legacy-nav-secondary a:focus {
  color: #fff9a9 !important;
  text-shadow: 0 0 5px #fff2a0, 1px 1px 0 #651000;
}

/* TIKKERINDEX.SWF - thin copper outlined ticker and signature ribbon */
.legacy-ticker {
  width: 535px;
  height: 38px;
  padding: 8px 10px 0 10px;
  background: #b52d08;
  font-family: Arial, Helvetica, sans-serif;
}

.legacy-ticker-window {
  height: 21px;
  overflow: hidden;
  border: 1px solid #df6d28;
  background: #9e2003;
  color: #efc39f;
  font-size: 9px;
  line-height: 19px;
  white-space: nowrap;
}

.legacy-ticker-track {
  display: inline-block;
  min-width: 100%;
  padding-left: 100%;
  animation: legacyTicker 24s linear infinite;
}

.legacy-ticker-separator {
  padding: 0 35px;
  color: #ffd667;
}

.legacy-ribbon {
  position: absolute;
  left: 304px;
  bottom: 0;
  width: 31px;
  height: 9px;
  display: flex;
}
.legacy-ribbon i {
  width: 8px;
  background: #f2a928;
}
.legacy-ribbon b {
  width: 15px;
  background: #0867a3;
}

/* Original recovered title and sidebar art */
.legacy-art {
  background: transparent;
}
.legacy-welcome {
  width: 471px;
  height: 70px;
}
.legacy-side-animation {
  width: 155px;
  height: 145px;
}
.legacy-banner-shimmer {
  position: absolute;
  top: -20px;
  left: -70px;
  width: 45px;
  height: 110px;
  transform: skewX(-18deg);
  background: linear-gradient(90deg, transparent, rgba(255,246,190,.42), transparent);
  animation: legacySweep 6.5s ease-in-out infinite;
}
.legacy-soft-pulse {
  position: absolute;
  inset: 0;
  animation: legacyPulse 3.2s ease-in-out infinite;
}

@keyframes legacyTwinkle {
  0%, 100% { opacity: .15; transform: scale(.55); }
  45% { opacity: 1; transform: scale(1.45); }
}
@keyframes legacyTicker {
  from { transform: translateX(0); }
  to { transform: translateX(-190%); }
}
@keyframes legacySweep {
  0%, 55% { left: -70px; opacity: 0; }
  62% { opacity: .65; }
  78%, 100% { left: 500px; opacity: 0; }
}
@keyframes legacyPulse {
  0%, 100% { box-shadow: inset 0 0 0 rgba(255,225,120,0); }
  50% { box-shadow: inset 0 0 15px rgba(255,225,120,.28); }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-twinkle,
  .legacy-star-glint,
  .legacy-ticker-track,
  .legacy-banner-shimmer,
  .legacy-soft-pulse {
    animation: none !important;
  }
  .legacy-ticker-track {
    padding-left: 8px;
    transform: none;
  }
}