/* Storybound entry chrome. Keep the sample artwork and card composition intact. */
body.legend-story-start {
  background:
    radial-gradient(ellipse at 14% 13%, #29b6d52e, transparent 36%),
    radial-gradient(ellipse at 88% 66%, #9c55ea3b, transparent 43%),
    linear-gradient(145deg, #090f25, #171438 62%, #101b36);
  color: var(--legend-story-text, #f6f4ff);
}
body.legend-story-start main { position: relative; isolation: isolate; }
body.legend-story-start main::before {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background-image: linear-gradient(#92eaf20b 1px, transparent 1px), linear-gradient(90deg, #92eaf20b 1px, transparent 1px);
  background-size: 44px 44px;
  mask-image: linear-gradient(transparent, #000 17%, #000 78%, transparent);
  pointer-events: none;
}
body.legend-story-start header .brand { color: #dffcff; text-shadow: 0 0 22px #6ce8f577; }
body.legend-story-start header #resume { color: #8cecf5; text-underline-offset: 4px; }
body.legend-story-start .intro { border-top-color: #81e8f48a; background: linear-gradient(174deg, #75eaf511, #a768ed0a 52%, transparent); }
body.legend-story-start .eyebrow { color: #8cecf5; }
body.legend-story-start h1 { color: #fffaff; }
body.legend-story-start h1 span { color: #cda4ff; text-shadow: 0 0 30px #9254d066; }
body.legend-story-start .intro > p:last-child { color: #d5d4ee; }
body.legend-story-start .entry > a.gallery-link:not(.enter) { color: #91f0fb; text-underline-offset: 5px; }
body.legend-story-start .entry .enter {
  background: linear-gradient(130deg, #87eff6, #89c8f7 48%, #c69cff 100%) !important;
  color: #11152c !important;
  border: 1px solid #d5fbff !important;
  box-shadow: inset 0 1px 0 #ffffffd9, 0 8px 28px #7c66db69 !important;
}
body.legend-story-start .entry .enter:hover { filter: brightness(1.09); }
body.legend-story-start .entry p { color: #d6d4ed; }
body.legend-story-start .entry small { color: #bcbbe2; }
body.legend-story-start a:focus-visible { outline-color: #91f0fb; }
@media (max-width: 560px) {
  body.legend-story-start main::before { background-size: 32px 32px; }
  body.legend-story-start .entry { gap: 14px; }
  body.legend-story-start .entry .gallery-link { width: 100%; }
}
@media (prefers-reduced-transparency: reduce) {
  body.legend-story-start .intro { background: #171938; }
}