/* ExpansionTales v5.1 — muted graphic novel palette */
:root {
  --paper: #0b0a0f;
  --paper-light: #17131c;
  --ink: #f0e8df;
  --blue: #4c958c;
  --orange: #c65a75;
  --acid: #d2a85d;
  --pink: #c65a75;
  --line: #594c60;
  --text: #f0e8df;
  --muted: #b8aeb7;
  --panel: #17131c;
  --panel-strong: #241b2a;
  --coral: #c65a75;
  --mint: #78aaa3;
  --gold: #d2a85d;
  --teal: #4c958c;
}

html { background: #08070b; }

body,
body.missexpansion-inner-page,
body.missexpansion-reader-page {
  background: #0b0a0f !important;
}

body::before {
  opacity: .2;
  background-image: radial-gradient(rgba(240,232,223,.14) .8px, transparent 1px);
}

.button-primary,
.game-float { background: #c65a75; }

.patreon-float { color: #dfb968; border-color: #a88342; }

.button:hover,
.button-primary:hover,
.button-soft:hover,
.game-float:hover,
.patreon-float:hover { box-shadow: 2px 2px 0 #050407; }

.top-logo img { filter: saturate(.7) brightness(.94); }

.et2-masthead h1 span:first-child { text-shadow: 7px 7px 0 #2d2635; }
.et2-masthead h1 span:last-child { color: #c65a75; text-shadow: 6px 6px 0 #482330; }

.et2-intro {
  background:
    linear-gradient(135deg, transparent 0 74%, rgba(76,149,140,.18) 74% 100%),
    #17131c;
  box-shadow: 10px 10px 0 #2e2536;
}

.et2-lead {
  background: #17131a;
  box-shadow: 11px 11px 0 #482632;
}

.et2-lead:hover { box-shadow: 6px 6px 0 #482632; }
.et2-lead-label { background: #c65a75; }
.et2-burst { background: #d2a85d; }

.et2-lead-art img,
.et2-lead-art video,
.et2-story-cover img,
.et2-story-cover video,
.archive-cover img,
.archive-cover video {
  filter: saturate(.9) contrast(1) brightness(.96);
}

.et2-newswire { background: #b95a70; color: #180a10; }
.et2-newswire strong { color: #170d12; }
.et2-newswire i { color: #efd5a5; }

.et2-section-head > a,
.et2-story-index,
.archive-cover-badge,
.release-label,
.tag,
.status-pill { background: #d2a85d; }

.et2-story-card,
.et2-story-1,
.et2-story-2,
.et2-story-3 { background: #17131c; }

.et2-story-card:hover { box-shadow: 4px 4px 0 #050407; }

.et2-story-copy,
.et2-story-1 .et2-story-copy,
.et2-story-2 .et2-story-copy,
.et2-story-3 .et2-story-copy { background: #17131c; }

.et2-game { box-shadow: 12px 12px 0 #393046; }
.et2-game-screen { background: #292231; }
.et2-screen-bar { background: #d2a85d; }

.et2-screen-body {
  background:
    radial-gradient(circle at 52% 24%, rgba(198,90,117,.28), transparent 24%),
    linear-gradient(150deg, #211b28, #46303f 58%, #17131c);
}

.et2-pixel-moon { background: #d2a85d; }

.et2-pixel-figure {
  background:
    radial-gradient(circle at 50% 13%, #c89585 0 11%, #211821 11.5% 16%, transparent 16.5%),
    radial-gradient(circle at 34% 48%, #a64e69 0 20%, transparent 20.5%),
    radial-gradient(circle at 66% 48%, #a64e69 0 20%, transparent 20.5%),
    linear-gradient(165deg, transparent 0 24%, #211921 25% 100%);
}

.et2-choice-box { background: rgba(14,12,16,.96); }

.et2-game-copy {
  background:
    linear-gradient(145deg, transparent 0 76%, rgba(76,149,140,.12) 76%),
    #17131c;
}

.et2-vertical-word { color: rgba(76,149,140,.11); }

.et2-membership {
  background:
    linear-gradient(135deg, rgba(198,90,117,.1), transparent 36%),
    #18151a;
  box-shadow: 11px 11px 0 #452733;
}

.et2-membership-stamp { background: #d2a85d; }

.archive-button,
.release-button,
.reader-locked-page a,
.comment-locked a { background: #c65a75; }

.archive-card,
.legal-panel,
.faq-item,
.comments-panel,
.reader-finish-panel,
.member-status-list span,
.comment-locked,
.comment-list li,
.reader-stat,
.reader-bottom-nav a,
.disabled-link { background: #17131c; }

.reader-locked-page { background: #211920; }

.et-build-placeholder {
  background:
    linear-gradient(145deg, transparent 0 68%, rgba(76,149,140,.16) 68%),
    #18141d;
  box-shadow: 11px 11px 0 #393046;
}

.et-build-status { color: #dfb968; border-color: #a88342; }
.age-gate { background: rgba(9,8,12,.97); }
.age-panel { background: #17131c; box-shadow: 11px 11px 0 #393046; }

.site-footer { background: #100e13; }
.footer-social { color: #dfb968; border-color: #a88342; }

@media (max-width: 700px) {
  .et2-intro { box-shadow: 6px 6px 0 #2e2536; }
  .et2-lead { box-shadow: 7px 7px 0 #482632; }
  .et2-game { box-shadow: 7px 7px 0 #393046; }
  .et2-membership { box-shadow: 7px 7px 0 #452733; }
}

/* Responsive type safeguards for the editorial cover layout. */
.et2-lead-caption {
  min-width: 0;
  overflow: hidden;
  container-type: inline-size;
}

.et2-lead-caption strong {
  display: block;
  max-width: 100%;
  font-size: clamp(2rem, 3.6vw, 4.4rem);
  font-size: clamp(2rem, 16cqi, 4.4rem);
  overflow-wrap: normal;
  word-break: normal;
}

@media (max-width: 1060px) {
  .et2-masthead h1 {
    font-size: clamp(4.2rem, 9.2vw, 7.2rem);
  }
}

@media (max-width: 700px) {
  .top-logo {
    min-width: 0;
  }

  .top-logo::after {
    display: none !important;
  }

  .top-logo img {
    width: 36px;
    height: 36px;
  }

  .et2-masthead h1 {
    width: 100%;
    max-width: 100%;
    gap: 10px;
    font-size: clamp(3rem, 15vw, 5.1rem);
    line-height: .78;
    letter-spacing: -.085em;
  }

  .et2-masthead h1 span {
    display: block;
    max-width: 100%;
    white-space: nowrap;
  }

  .et2-masthead h1 span:last-child {
    justify-self: start;
  }

  .et2-lead-caption strong {
    font-size: clamp(2.45rem, 13vw, 3.6rem);
    font-size: clamp(2.45rem, 15cqi, 3.6rem);
  }

  .et2-story-copy strong,
  .archive-copy h2 {
    max-width: 100%;
    overflow-wrap: anywhere;
  }
}

@media (max-width: 420px) {
  .et2-masthead h1 {
    font-size: 14.5vw;
  }

  .game-float,
  .patreon-float {
    padding-inline: 8px;
    font-size: .52rem;
  }
}