/* ExpansionTales public bundle. Generated from the published design layers. */

/* redesign.css */
/* ExpansionTales v2 — dark editorial comic-zine direction */
:root {
  color-scheme: dark;
  --paper: #07080d;
  --paper-light: #11141c;
  --ink: #f1efe8;
  --blue: #2f43c8;
  --orange: #9d3323;
  --acid: #566b16;
  --pink: #682044;
  --line: #f1efe8;
  --text: #f1efe8;
  --muted: #9da4b4;
  --panel: #11141c;
  --panel-strong: #191d28;
  --coral: #9d3323;
  --mint: #566b16;
  --gold: #916e16;
  --teal: #2f43c8;
  --shadow: 9px 9px 0 #010206;
}

html { background: var(--paper); }

body,
body.missexpansion-inner-page,
body.missexpansion-reader-page {
  background: var(--paper) !important;
  background-image: none !important;
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
}

body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background-image:
    linear-gradient(rgba(255,255,255,.022) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 44px 44px;
}

h1,
h2,
h3,
.et2-story-copy strong,
.archive-copy h2,
.reader-title h1 {
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -0.035em;
  text-transform: uppercase;
}

a { color: inherit; }

.button,
.button-primary,
.button-soft,
.button-outline {
  min-height: 48px;
  border: 3px solid var(--ink);
  border-radius: 0;
  padding: 0 20px;
  background: var(--paper-light);
  color: var(--ink);
  box-shadow: 4px 4px 0 var(--ink);
  font-size: 0.82rem;
  font-weight: 950;
  letter-spacing: 0.02em;
  text-transform: uppercase;
}

.button-primary {
  background: var(--acid);
  color: var(--ink);
}

.button:hover,
.button-primary:hover,
.button-soft:hover {
  box-shadow: 1px 1px 0 var(--ink);
  transform: translate(3px, 3px);
}

.eyebrow,
.et2-kicker {
  margin: 0 0 12px;
  color: var(--ink);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.top-action {
  position: relative;
  z-index: 30;
  width: min(1320px, calc(100% - 36px));
  margin: 16px auto 0;
  padding: 0 0 14px;
  border-bottom: 3px solid var(--ink);
}

.top-logo {
  width: auto;
  height: 48px;
  flex: 0 1 auto;
  gap: 10px;
  overflow: visible;
  border: 0;
  border-radius: 0;
  background: transparent;
}

.top-logo img {
  width: 44px;
  height: 44px;
  border: 3px solid var(--ink);
  border-radius: 0;
  background: var(--acid);
}

.top-logo::after {
  content: "EXPANSIONTALES";
  font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
  font-size: 1.24rem;
  font-weight: 900;
  letter-spacing: 0.03em;
}

.top-auth-actions { gap: 8px; }

.game-float,
.patreon-float {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  border: 3px solid var(--ink);
  border-radius: 0;
  padding: 0 16px;
  background: var(--paper-light);
  color: var(--ink);
  box-shadow: 4px 4px 0 var(--ink);
  font-size: 0.76rem;
  font-weight: 950;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.patreon-float { background: var(--orange); }
.game-float { background: var(--blue); color: #fff; }

.game-float:hover,
.patreon-float:hover {
  box-shadow: 1px 1px 0 var(--ink);
  transform: translate(3px, 3px);
}

.patreon-status,
.patreon-notice {
  border: 3px solid var(--ink);
  border-radius: 0;
  background: var(--acid);
  color: var(--ink);
  box-shadow: 4px 4px 0 var(--ink);
}

.et2-cover {
  width: min(1320px, calc(100% - 36px));
  margin: 0 auto;
  padding: 22px 0 58px;
}

.et2-masthead > p {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 12px;
  margin: 0;
  border-bottom: 3px solid var(--ink);
  padding: 8px 0;
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.et2-masthead > p span:last-child { text-align: right; }

.et2-masthead h1 {
  display: flex;
  flex-direction: column;
  margin: 12px 0 18px;
  font-size: clamp(5.3rem, 14.3vw, 13.9rem);
  line-height: 0.68;
  letter-spacing: -0.065em;
}

.et2-masthead h1 span:first-child {
  color: var(--ink);
}

.et2-masthead h1 span:last-child {
  align-self: flex-end;
  color: var(--blue);
  -webkit-text-stroke: 3px var(--ink);
  text-shadow: 7px 7px 0 #101c63;
}

.et2-cover-grid {
  display: grid;
  grid-template-columns: minmax(0, 0.72fr) minmax(480px, 1.28fr);
  gap: clamp(28px, 5vw, 70px);
  align-items: end;
  border-top: 3px solid var(--ink);
  padding-top: 28px;
}

.et2-intro h2 {
  max-width: 630px;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: clamp(2rem, 3.7vw, 4rem);
  line-height: 0.98;
  text-transform: none;
}

.et2-intro > p:not(.et2-kicker) {
  max-width: 580px;
  margin: 20px 0 0;
  color: var(--muted);
  font-size: clamp(1rem, 1.35vw, 1.16rem);
  font-weight: 600;
  line-height: 1.55;
}

.et2-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 22px;
  margin-top: 28px;
}

.et2-text-link {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  border-bottom: 3px solid var(--ink);
  font-size: 0.8rem;
  font-weight: 950;
  letter-spacing: 0.05em;
  text-transform: uppercase;
}

.et2-text-link span { color: var(--orange); font-size: 1.15rem; }

.et2-data {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin: 44px 0 0;
  border: 3px solid var(--ink);
  background: var(--paper-light);
  box-shadow: 6px 6px 0 var(--ink);
}

.et2-data div {
  min-width: 0;
  padding: 14px;
}

.et2-data div + div { border-left: 3px solid var(--ink); }

.et2-data dt {
  font-family: Impact, Haettenschweiler, sans-serif;
  font-size: 2.1rem;
  line-height: 1;
}

.et2-data dd {
  margin: 5px 0 0;
  font-size: 0.58rem;
  font-weight: 900;
  line-height: 1.25;
  text-transform: uppercase;
}

.et2-lead {
  position: relative;
  display: grid;
  grid-template-columns: minmax(260px, 0.88fr) minmax(240px, 0.72fr);
  min-height: 570px;
  border: 4px solid var(--ink);
  background: #171019;
  box-shadow: 12px 12px 0 var(--ink);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.et2-lead:hover {
  box-shadow: 6px 6px 0 var(--ink);
  transform: translate(6px, 6px);
}

.et2-lead-label {
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  border-right: 4px solid var(--ink);
  border-bottom: 4px solid var(--ink);
  padding: 10px 14px;
  background: var(--acid);
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.12em;
  text-transform: uppercase;
}

.et2-lead-art {
  position: relative;
  display: block;
  min-height: 100%;
  overflow: hidden;
  border-right: 4px solid var(--ink);
  background: var(--blue);
}

.et2-lead-art img,
.et2-lead-art video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.et2-burst {
  position: absolute;
  z-index: 5;
  top: 24px;
  right: 24px;
  display: grid;
  width: 98px;
  height: 98px;
  place-items: center;
  background: var(--acid);
  clip-path: polygon(50% 0,61% 24%,85% 8%,80% 34%,100% 50%,76% 61%,92% 86%,66% 80%,50% 100%,39% 76%,15% 92%,20% 66%,0 50%,24% 39%,8% 14%,34% 20%);
  color: var(--ink);
  font-family: Impact, sans-serif;
  font-size: 1.05rem;
  line-height: 0.9;
  text-align: center;
  transform: rotate(9deg);
}

.et2-lead-caption {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 34px 26px;
}

.et2-lead-caption small,
.et2-story-copy small {
  font-size: 0.66rem;
  font-style: normal;
  font-weight: 950;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}

.et2-lead-caption strong {
  margin-top: 10px;
  font-family: Impact, Haettenschweiler, sans-serif;
  font-size: clamp(2.7rem, 4.7vw, 5rem);
  line-height: 0.86;
  text-transform: uppercase;
}

.et2-lead-caption em {
  display: -webkit-box;
  margin-top: 18px;
  overflow: hidden;
  font-size: 0.9rem;
  font-style: normal;
  font-weight: 650;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}

.et2-lead-caption b {
  margin-top: 24px;
  border-top: 3px solid var(--ink);
  padding-top: 12px;
  font-size: 0.76rem;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.et2-newswire {
  display: flex;
  min-width: max-content;
  align-items: center;
  justify-content: center;
  gap: clamp(18px, 3vw, 52px);
  overflow: hidden;
  border-top: 4px solid var(--ink);
  border-bottom: 4px solid var(--ink);
  padding: 14px 24px;
  background: var(--blue);
  color: #fff;
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.et2-newswire strong {
  margin-left: -24px;
  padding: 15px 22px;
  background: var(--acid);
  color: var(--ink);
}

.et2-newswire i { color: var(--acid); font-style: normal; }

.section.et2-library,
.section.et2-game,
.section.et2-membership {
  width: min(1320px, calc(100% - 36px));
}

.et2-library { padding: 92px 0 110px; }

.et2-section-head {
  display: grid;
  grid-template-columns: 1fr auto auto;
  align-items: end;
  gap: 32px;
  margin-bottom: 34px;
  border-bottom: 4px solid var(--ink);
  padding-bottom: 16px;
}

.et2-section-head span {
  display: block;
  margin-bottom: 4px;
  font-size: 0.66rem;
  font-weight: 950;
  letter-spacing: 0.15em;
}

.et2-section-head h2 {
  margin: 0;
  font-size: clamp(3.7rem, 7vw, 7rem);
  line-height: 0.8;
}

.et2-section-head p {
  margin: 0;
  font-size: 0.76rem;
  font-weight: 750;
  line-height: 1.45;
  text-transform: uppercase;
}

.et2-section-head > a {
  border: 3px solid var(--ink);
  padding: 10px 13px;
  background: var(--acid);
  box-shadow: 4px 4px 0 var(--ink);
  font-size: 0.7rem;
  font-weight: 950;
  text-transform: uppercase;
}

.et2-story-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 24px;
  align-items: start;
}

.et2-story-card {
  position: relative;
  display: grid;
  border: 4px solid var(--ink);
  background: var(--paper-light);
  box-shadow: 8px 8px 0 var(--ink);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.et2-story-card:hover {
  box-shadow: 3px 3px 0 var(--ink);
  transform: translate(5px, 5px);
}

.et2-story-1 { grid-column: span 5; }
.et2-story-2 { grid-column: span 4; margin-top: 70px; }
.et2-story-3 { grid-column: span 3; margin-top: 140px; }

.et2-story-index {
  position: absolute;
  z-index: 3;
  top: -4px;
  left: -4px;
  border-right: 4px solid var(--ink);
  border-bottom: 4px solid var(--ink);
  padding: 9px 12px;
  background: var(--acid);
  font-size: 0.66rem;
  font-weight: 950;
}

.et2-story-cover {
  position: relative;
  display: block;
  aspect-ratio: 4 / 5;
  overflow: hidden;
  border-bottom: 4px solid var(--ink);
  background: var(--blue);
}

.et2-story-cover img,
.et2-story-cover video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.25s ease;
}

.et2-story-card:hover .et2-story-cover img,
.et2-story-card:hover .et2-story-cover video { transform: scale(1.035); }

.et2-story-copy {
  display: flex;
  flex-direction: column;
  min-height: 250px;
  padding: 20px;
}

.et2-story-1 .et2-story-copy { background: #24110f; }
.et2-story-2 .et2-story-copy { background: #18200f; }
.et2-story-3 .et2-story-copy { background: #23101d; }

.et2-story-copy strong {
  margin-top: 10px;
  font-size: clamp(2rem, 3.7vw, 4rem);
  line-height: 0.9;
}

.et2-story-copy em {
  display: -webkit-box;
  margin-top: 14px;
  overflow: hidden;
  font-size: 0.88rem;
  font-style: normal;
  font-weight: 650;
  line-height: 1.45;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.et2-story-copy b {
  margin-top: auto;
  padding-top: 18px;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}

.et2-game {
  display: grid;
  grid-template-columns: minmax(500px, 1.25fr) minmax(340px, 0.75fr);
  gap: 0;
  align-items: stretch;
  border: 4px solid var(--ink);
  padding: 0;
  background: var(--ink);
  box-shadow: 12px 12px 0 var(--blue);
}

.et2-game-screen {
  min-width: 0;
  border-right: 4px solid var(--ink);
  background: var(--blue);
}

.et2-screen-bar {
  display: flex;
  gap: 20px;
  border-bottom: 4px solid var(--ink);
  padding: 12px 14px;
  background: var(--acid);
  font-family: "Courier New", monospace;
  font-size: 0.65rem;
  font-weight: 900;
}

.et2-screen-bar span:last-child { margin-left: auto; }

.et2-screen-body {
  position: relative;
  min-height: 520px;
  overflow: hidden;
  background: var(--blue);
  background-image:
    linear-gradient(rgba(255,255,255,.12) 2px, transparent 2px),
    linear-gradient(90deg, rgba(255,255,255,.12) 2px, transparent 2px);
  background-size: 42px 42px;
}

.et2-pixel-moon {
  position: absolute;
  top: 55px;
  right: 78px;
  width: 132px;
  height: 132px;
  border: 4px solid var(--ink);
  border-radius: 50%;
  background: var(--acid);
  box-shadow: 12px 12px 0 var(--ink);
}

.et2-pixel-figure {
  position: absolute;
  bottom: 104px;
  left: 50%;
  width: 190px;
  height: 300px;
  border: 4px solid var(--ink);
  background:
    radial-gradient(circle at 50% 18%, #f3b38f 0 15%, var(--ink) 16% 23%, transparent 24%),
    linear-gradient(165deg, transparent 0 30%, var(--ink) 31% 100%);
  transform: translateX(-50%);
}

.et2-choice-box {
  position: absolute;
  right: 24px;
  bottom: 22px;
  left: 24px;
  z-index: 3;
  border: 4px solid var(--ink);
  padding: 18px;
  background: var(--paper-light);
  box-shadow: 7px 7px 0 var(--ink);
}

.et2-choice-box small {
  font-family: "Courier New", monospace;
  font-size: 0.62rem;
  font-weight: 900;
}

.et2-choice-box p {
  margin: 7px 0;
  font-family: "Courier New", monospace;
  font-size: 1rem;
  font-weight: 800;
  line-height: 1.35;
}

.et2-choice-box span {
  color: var(--blue);
  font-family: "Courier New", monospace;
  font-size: 0.7rem;
  font-weight: 900;
}

.et2-game-copy {
  position: relative;
  overflow: hidden;
  padding: clamp(38px, 5vw, 70px);
  background: #1b1015;
  color: var(--ink);
}

.et2-game-copy h2 {
  margin: 0;
  font-size: clamp(4.5rem, 7vw, 8rem);
  line-height: 0.72;
}

.et2-game-copy > p:not(.et2-kicker) {
  position: relative;
  z-index: 2;
  margin: 28px 0 0;
  font-size: 0.98rem;
  font-weight: 650;
  line-height: 1.55;
}

.et2-game-copy ul {
  display: grid;
  gap: 8px;
  margin: 26px 0;
  padding: 0;
  list-style: none;
}

.et2-game-copy li {
  border-top: 2px solid var(--ink);
  padding-top: 8px;
  font-size: 0.72rem;
  font-weight: 950;
  text-transform: uppercase;
}

.et2-vertical-word {
  position: absolute;
  right: -8px;
  bottom: -22px;
  color: rgba(255,255,255,.24);
  font-family: Impact, sans-serif;
  font-size: 9rem;
  line-height: 1;
  transform: rotate(-90deg) translateX(100%);
  transform-origin: right bottom;
}

.et2-membership {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(300px, 0.8fr);
  gap: 50px;
  align-items: end;
  margin-top: 110px;
  margin-bottom: 110px;
  border: 4px solid var(--ink);
  padding: clamp(34px, 6vw, 76px);
  background: #111911;
  box-shadow: 12px 12px 0 var(--orange);
}

.et2-membership h2 {
  max-width: 850px;
  margin: 0;
  font-size: clamp(3rem, 6vw, 6.7rem);
  line-height: 0.82;
}

.et2-membership p {
  margin: 0 0 18px;
  font-weight: 700;
  line-height: 1.5;
}

.et2-membership > div:first-of-type > p {
  font-size: 0.7rem;
  font-weight: 950;
  letter-spacing: 0.14em;
  text-transform: uppercase;
}

.et2-membership > div:last-of-type {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 14px;
}

.et2-membership-stamp {
  position: absolute;
  top: -25px;
  right: 34px;
  border: 4px solid var(--ink);
  padding: 10px 16px;
  background: var(--blue);
  color: #fff;
  box-shadow: 5px 5px 0 var(--ink);
  font-family: Impact, sans-serif;
  font-size: 1.1rem;
  letter-spacing: 0.08em;
  transform: rotate(2deg);
}

/* Shared inner pages */
.inner-hero {
  width: min(1260px, calc(100% - 36px));
  margin: 0 auto;
  padding: 70px 0 44px;
  border-bottom: 4px solid var(--ink);
}

.back-link {
  color: var(--ink);
  font-size: 0.72rem;
  font-weight: 950;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.back-link::before { color: var(--blue); }

.inner-hero h1 {
  max-width: 1100px;
  margin: 18px 0 0;
  font-size: clamp(4rem, 9vw, 9rem);
  line-height: 0.78;
}

.inner-hero > p:not(.eyebrow) {
  max-width: 780px;
  color: var(--muted);
  font-size: 1.08rem;
  font-weight: 650;
  line-height: 1.55;
}

.archive-filters {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.archive-filters a {
  border: 3px solid var(--ink);
  border-radius: 0;
  background: var(--paper-light);
  color: var(--ink);
  box-shadow: 3px 3px 0 var(--ink);
  font-weight: 900;
}

.archive-grid,
.archive-grid-wide {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 24px;
}

.archive-card {
  overflow: visible;
  border: 4px solid var(--ink);
  border-radius: 0;
  background: var(--paper-light);
  box-shadow: 8px 8px 0 var(--ink);
}

.archive-card:hover {
  border-color: var(--ink);
  box-shadow: 3px 3px 0 var(--ink);
  filter: none;
  transform: translate(5px, 5px);
}

.archive-cover {
  min-height: 0;
  aspect-ratio: 4 / 3;
  border-bottom: 4px solid var(--ink);
  border-radius: 0;
}

.archive-cover-badge,
.release-label,
.tag,
.status-pill {
  border: 2px solid var(--ink);
  border-radius: 0;
  background: var(--acid);
  color: var(--ink);
  font-weight: 950;
  text-transform: uppercase;
}

.archive-copy { padding: 18px; }

.archive-copy h2 {
  font-size: clamp(2rem, 3.5vw, 3.5rem);
  line-height: 0.88;
}

.archive-copy p { color: var(--ink); }

.archive-button,
.release-button {
  border: 3px solid var(--ink);
  border-radius: 0;
  background: var(--blue);
  color: #fff;
  box-shadow: 3px 3px 0 var(--ink);
  text-transform: uppercase;
}

.legal-panel,
.faq-item,
.comments-panel,
.reader-finish-panel {
  border: 4px solid var(--ink);
  border-radius: 0;
  background: var(--paper-light);
  color: var(--ink);
  box-shadow: 8px 8px 0 var(--ink);
}

.legal-panel p,
.faq-answer,
.comments-panel p { color: var(--muted); }

.legal-panel h2,
.faq-section h2,
.comments-panel h2 { color: var(--ink); }

.faq-question {
  background: var(--acid);
  color: var(--ink);
}

.unlock-status-card {
  background: var(--orange);
  background-image: none;
}

.member-status-list span,
.comment-locked,
.comment-list li {
  border: 3px solid var(--ink);
  border-radius: 0;
  background: var(--paper-light);
  color: var(--ink);
}

.site-footer {
  grid-template-columns: minmax(0, 1fr) auto auto auto;
  border-top: 4px solid var(--ink);
  background: var(--blue);
  color: #fff;
}

.site-footer p,
.site-footer .footer-disclaimer { color: #fff; }

.footer-social {
  border: 3px solid var(--ink);
  border-radius: 0;
  background: var(--acid);
  color: var(--ink);
}

/* Reader */
.reader-main {
  background: var(--paper);
  color: var(--ink);
}

.reader-title {
  border-bottom: 4px solid var(--ink);
  padding-bottom: 24px;
}

.reader-title h1 {
  color: var(--ink);
  font-size: clamp(3.4rem, 8vw, 8rem);
  line-height: 0.82;
}

.reader-summary,
.reader-title p { color: var(--muted); }

.reader-stat {
  border: 3px solid var(--ink);
  border-radius: 0;
  background: var(--paper-light);
  color: var(--ink);
  box-shadow: 3px 3px 0 var(--ink);
}

.reader-locked-page {
  border: 4px solid var(--ink);
  border-radius: 0;
  background: var(--acid);
  background-image: none;
  color: var(--ink);
  box-shadow: 10px 10px 0 var(--blue);
}

.reader-locked-page span,
.reader-locked-page strong,
.reader-locked-page p { color: var(--ink); }

.reader-locked-page a,
.comment-locked a {
  border: 3px solid var(--ink);
  border-radius: 0;
  background: var(--orange);
  color: var(--ink);
  box-shadow: 4px 4px 0 var(--ink);
}

.reader-locked-page a.reader-secondary-link,
.comment-locked a.reader-secondary-link {
  background: var(--paper-light);
  color: var(--ink);
}

.reader-page-image,
.reader-placeholder-page {
  border: 4px solid var(--ink);
  border-radius: 0;
  box-shadow: 10px 10px 0 var(--ink);
}

.reader-bottom-nav a,
.disabled-link {
  border: 3px solid var(--ink);
  border-radius: 0;
  background: var(--paper-light);
  color: var(--ink);
}

/* Game placeholder page */
.et-build-placeholder {
  border: 4px solid var(--ink);
  border-radius: 0;
  background: var(--blue);
  background-image: none;
  color: #fff;
  box-shadow: 12px 12px 0 var(--ink);
}

.et-build-placeholder h2,
.et-build-placeholder p,
.et-build-placeholder .eyebrow { color: #fff; }

.et-build-placeholder h2 { font-size: clamp(3.8rem, 8vw, 8rem); }

.et-build-orbit {
  border: 4px solid var(--acid);
  border-radius: 0;
  box-shadow: none;
  transform: rotate(15deg);
}

.et-build-orbit::before,
.et-build-orbit::after { border: 4px solid var(--orange); border-radius: 0; }

.et-build-status {
  border: 3px solid var(--ink);
  border-radius: 0;
  background: var(--acid);
  color: var(--ink);
}

/* Age gate */
.age-gate {
  background: rgba(5, 7, 16, 0.96);
  backdrop-filter: none;
}

.age-panel {
  border: 4px solid var(--ink);
  border-radius: 0;
  background: var(--paper-light);
  color: var(--ink);
  box-shadow: 12px 12px 0 var(--ink);
}

.age-panel h2 {
  font-family: Impact, sans-serif;
  font-size: 3.2rem;
  line-height: 0.9;
  text-transform: uppercase;
}

@media (max-width: 1020px) {
  .et2-cover-grid { grid-template-columns: 1fr; }
  .et2-lead { min-height: 620px; }
  .et2-story-1,
  .et2-story-2,
  .et2-story-3 { grid-column: span 6; margin-top: 0; }
  .et2-story-3 { grid-column: 4 / span 6; }
  .et2-game { grid-template-columns: 1fr; }
  .et2-game-screen { border-right: 0; border-bottom: 4px solid var(--ink); }
  .et2-membership { grid-template-columns: 1fr; align-items: start; }
  .archive-grid,
  .archive-grid-wide { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .site-footer { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 700px) {
  .top-action,
  .et2-cover,
  .section.et2-library,
  .section.et2-game,
  .section.et2-membership,
  .inner-hero { width: calc(100% - 20px); }

  .top-logo::after { display: none; }
  .top-logo img { width: 40px; height: 40px; }
  .top-auth-actions { gap: 5px; }
  .game-float,
  .patreon-float { min-height: 40px; padding: 0 10px; font-size: 0.6rem; box-shadow: 3px 3px 0 var(--ink); }

  .et2-masthead > p { grid-template-columns: 1fr 1fr; }
  .et2-masthead > p span:nth-child(2) { display: none; }
  .et2-masthead h1 { margin: 12px 0 16px; font-size: clamp(4.1rem, 22vw, 6.8rem); line-height: 0.7; }
  .et2-masthead h1 span:last-child { text-shadow: 4px 4px 0 var(--acid); -webkit-text-stroke-width: 2px; }
  .et2-cover-grid { padding-top: 20px; }
  .et2-intro h2 { font-size: 2.15rem; }
  .et2-actions { display: grid; gap: 15px; }
  .et2-actions .button { width: 100%; }
  .et2-data { grid-template-columns: 1fr; }
  .et2-data div + div { border-top: 3px solid var(--ink); border-left: 0; }

  .et2-lead { grid-template-columns: 1fr; min-height: 0; box-shadow: 7px 7px 0 var(--ink); }
  .et2-lead-art { min-height: 470px; border-right: 0; border-bottom: 4px solid var(--ink); }
  .et2-lead-caption { min-height: 340px; }
  .et2-burst { top: 16px; right: 16px; width: 82px; height: 82px; }

  .et2-newswire { justify-content: flex-start; gap: 18px; padding-left: 0; }
  .et2-newswire span:nth-of-type(n+3),
  .et2-newswire i:nth-of-type(n+3) { display: none; }

  .et2-library { padding: 70px 0 80px; }
  .et2-section-head { grid-template-columns: 1fr auto; gap: 16px; }
  .et2-section-head p { display: none; }
  .et2-section-head h2 { font-size: 3.8rem; }
  .et2-story-grid { grid-template-columns: 1fr; gap: 26px; }
  .et2-story-1,
  .et2-story-2,
  .et2-story-3 { grid-column: auto; margin-top: 0; }
  .et2-story-copy { min-height: 220px; }

  .et2-game { box-shadow: 7px 7px 0 var(--blue); }
  .et2-screen-bar { gap: 8px; font-size: 0.53rem; }
  .et2-screen-bar span:nth-child(2) { display: none; }
  .et2-screen-body { min-height: 430px; }
  .et2-pixel-moon { top: 36px; right: 34px; width: 92px; height: 92px; }
  .et2-pixel-figure { width: 150px; height: 240px; }
  .et2-choice-box { right: 12px; bottom: 12px; left: 12px; }
  .et2-game-copy { padding: 34px 24px; }
  .et2-game-copy h2 { font-size: 5.1rem; }

  .et2-membership { margin-top: 78px; margin-bottom: 78px; gap: 28px; padding: 40px 22px 30px; box-shadow: 7px 7px 0 var(--orange); }
  .et2-membership h2 { font-size: 3.4rem; }
  .et2-membership .button { width: 100%; }

  .inner-hero { padding-top: 54px; }
  .inner-hero h1 { font-size: clamp(3.6rem, 18vw, 5.8rem); }
  .archive-grid,
  .archive-grid-wide { grid-template-columns: 1fr; }
  .archive-card { box-shadow: 6px 6px 0 var(--ink); }

  .site-footer { grid-template-columns: 1fr; align-items: start; }
  .site-footer nav,
  .footer-socials { justify-content: flex-start; }

  .reader-main { padding-top: 28px; }
  .reader-title h1 { font-size: 3.6rem; }
  .reader-locked-page { box-shadow: 6px 6px 0 var(--blue); }
}

/* redesign-v3.css */
/* ExpansionTales v3 — midnight transmission archive */
:root {
  color-scheme: dark;
  --paper: #05090b;
  --paper-light: #091116;
  --ink: #d9f4ee;
  --blue: #16bda5;
  --orange: #ff7448;
  --acid: #c7ff5b;
  --pink: #ff4f75;
  --line: #284b4c;
  --text: #d9f4ee;
  --muted: #789a99;
  --panel: #091116;
  --panel-strong: #0d1b20;
  --coral: #ff7448;
  --mint: #16bda5;
  --gold: #eab65d;
  --teal: #16bda5;
  --shadow: none;
}

html { background: #030607; }

body,
body.missexpansion-inner-page,
body.missexpansion-reader-page {
  background:
    radial-gradient(circle at 82% 8%, rgba(22,189,165,.09), transparent 27%),
    #05090b !important;
  color: var(--text);
  font-family: "Courier New", Consolas, monospace;
}

body::before {
  z-index: 1000;
  opacity: .18;
  background: repeating-linear-gradient(0deg, transparent 0 3px, rgba(0,0,0,.22) 3px 4px);
  mix-blend-mode: multiply;
}

h1,
h2,
h3,
.et2-story-copy strong,
.archive-copy h2,
.reader-title h1 {
  font-family: "Arial Narrow", "Roboto Condensed", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -.055em;
}

.eyebrow,
.et2-kicker {
  color: var(--blue);
  font-family: "Courier New", monospace;
  letter-spacing: .2em;
}

.button,
.button-primary,
.button-soft,
.button-outline,
.game-float,
.patreon-float {
  min-height: 44px;
  border: 1px solid var(--blue);
  border-radius: 0;
  background: transparent;
  color: var(--ink);
  box-shadow: none;
  font-family: "Courier New", monospace;
  letter-spacing: .1em;
  clip-path: polygon(0 0, calc(100% - 10px) 0, 100% 10px, 100% 100%, 10px 100%, 0 calc(100% - 10px));
}

.button-primary,
.game-float {
  background: var(--blue);
  color: #03100f;
}

.patreon-float {
  border-color: var(--orange);
  background: transparent;
  color: var(--orange);
}

.button:hover,
.button-primary:hover,
.button-soft:hover,
.game-float:hover,
.patreon-float:hover {
  box-shadow: inset 0 0 0 1px currentColor;
  transform: none;
}

.top-action {
  width: min(1360px, calc(100% - 56px));
  margin-top: 20px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 17px;
}

.top-action::after {
  content: "CHANNEL 01 // LIVE";
  position: absolute;
  right: 0;
  bottom: -22px;
  color: var(--muted);
  font-size: .56rem;
  letter-spacing: .14em;
}

.top-logo img {
  width: 38px;
  height: 38px;
  border: 1px solid var(--blue);
  background: #071014;
}

.top-logo::after {
  font-family: "Courier New", monospace;
  font-size: .8rem;
  letter-spacing: .17em;
}

.et2-cover {
  width: min(1360px, calc(100% - 56px));
  padding: 86px 0 72px;
}

.et2-masthead > p {
  border: 0;
  border-left: 4px solid var(--orange);
  padding: 0 0 0 13px;
  color: var(--muted);
}

.et2-masthead h1 {
  flex-direction: row;
  align-items: baseline;
  justify-content: space-between;
  gap: 3vw;
  margin: 22px 0 44px;
  border-bottom: 1px solid var(--line);
  padding-bottom: 35px;
  font-size: clamp(4rem, 9.6vw, 9rem);
  line-height: .82;
  letter-spacing: -.075em;
}

.et2-masthead h1 span:first-child { color: var(--ink); }

.et2-masthead h1 span:last-child {
  align-self: auto;
  color: transparent;
  -webkit-text-stroke: 1px var(--orange);
  text-shadow: none;
}

.et2-cover-grid {
  grid-template-columns: minmax(0, .82fr) minmax(500px, 1.18fr);
  gap: 0;
  align-items: stretch;
  border: 1px solid var(--line);
  padding: 0;
  background: rgba(9,17,22,.74);
}

.et2-intro {
  position: relative;
  padding: clamp(34px, 5vw, 72px);
}

.et2-intro::after {
  content: "ET/ARCHIVE_001";
  position: absolute;
  right: 22px;
  bottom: 18px;
  color: var(--muted);
  font-size: .55rem;
  letter-spacing: .15em;
}

.et2-intro h2 {
  font-family: "Arial Narrow", Arial, sans-serif;
  font-size: clamp(2.5rem, 4vw, 4.8rem);
  font-weight: 800;
  line-height: .95;
  letter-spacing: -.05em;
}

.et2-intro > p:not(.et2-kicker) {
  max-width: 510px;
  color: var(--muted);
  font-size: .88rem;
  font-weight: 400;
}

.et2-text-link {
  border-bottom: 1px solid var(--orange);
  color: var(--orange);
}

.et2-data {
  margin-top: 48px;
  border: 1px solid var(--line);
  background: transparent;
  box-shadow: none;
}

.et2-data div + div { border-left: 1px solid var(--line); }
.et2-data dt { color: var(--acid); font-family: "Courier New", monospace; font-size: 1.5rem; }
.et2-data dd { color: var(--muted); }

.et2-lead {
  min-height: 560px;
  border: 0;
  border-left: 1px solid var(--line);
  background: #081014;
  box-shadow: none;
}

.et2-lead:hover { box-shadow: none; transform: none; }

.et2-lead-label {
  border: 0;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #071012;
  color: var(--blue);
}

.et2-lead-art { border-right: 1px solid var(--line); background: #0b171a; }

.et2-lead-art img,
.et2-story-cover img,
.archive-cover img {
  filter: saturate(.72) contrast(1.07);
}

.et2-burst {
  top: 18px;
  right: 18px;
  width: 84px;
  height: 84px;
  border: 1px solid var(--orange);
  background: #071012;
  color: var(--orange);
  clip-path: none;
  font-family: "Courier New", monospace;
  font-size: .7rem;
}

.et2-lead-caption { padding: 34px; }
.et2-lead-caption small { color: var(--blue); }
.et2-lead-caption strong { font-family: "Arial Narrow", Arial, sans-serif; letter-spacing: -.06em; }
.et2-lead-caption em { color: var(--muted); font-family: "Courier New", monospace; }
.et2-lead-caption b { border-top: 1px solid var(--line); color: var(--orange); }

.et2-newswire {
  min-width: 0;
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #071012;
  color: var(--muted);
}

.et2-newswire strong { background: transparent; color: var(--acid); }
.et2-newswire i { color: var(--orange); }

.section.et2-library,
.section.et2-game,
.section.et2-membership { width: min(1360px, calc(100% - 56px)); }

.et2-library { padding: 120px 0; }

.et2-section-head {
  align-items: center;
  border-bottom: 1px solid var(--line);
  padding-bottom: 24px;
}

.et2-section-head span { color: var(--blue); }
.et2-section-head h2 { font-size: clamp(3.4rem, 6vw, 6.5rem); }
.et2-section-head p { color: var(--muted); font-family: "Courier New", monospace; font-weight: 400; }
.et2-section-head > a { border: 1px solid var(--orange); background: transparent; color: var(--orange); box-shadow: none; }

.et2-story-grid { grid-template-columns: repeat(3, 1fr); gap: 18px; }

.et2-story-card,
.et2-story-1,
.et2-story-2,
.et2-story-3 {
  grid-column: auto;
  margin-top: 0;
  border: 1px solid var(--line);
  background: rgba(9,17,22,.82);
  box-shadow: none;
}

.et2-story-card:hover { border-color: var(--blue); box-shadow: 0 0 28px rgba(22,189,165,.1); transform: translateY(-4px); }

.et2-story-index {
  border: 0;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #071012;
  color: var(--acid);
}

.et2-story-cover { aspect-ratio: 16 / 13; border-bottom: 1px solid var(--line); background: #0b171a; }

.et2-story-copy,
.et2-story-1 .et2-story-copy,
.et2-story-2 .et2-story-copy,
.et2-story-3 .et2-story-copy {
  min-height: 280px;
  padding: 26px;
  background: transparent;
}

.et2-story-copy small { color: var(--blue); }
.et2-story-copy strong { font-size: clamp(2rem, 3.2vw, 3.8rem); }
.et2-story-copy em { color: var(--muted); font-family: "Courier New", monospace; font-weight: 400; }
.et2-story-copy b { color: var(--orange); }

.et2-game {
  grid-template-columns: minmax(500px, 1.1fr) minmax(360px, .9fr);
  border: 1px solid var(--blue);
  background: #061012;
  box-shadow: 0 0 50px rgba(22,189,165,.08);
}

.et2-game-screen { border-right: 1px solid var(--blue); background: #061417; }
.et2-screen-bar { border-bottom: 1px solid var(--blue); background: #0b201f; color: var(--acid); }

.et2-screen-body {
  background: #071417;
  background-image:
    linear-gradient(rgba(22,189,165,.1) 1px, transparent 1px),
    linear-gradient(90deg, rgba(22,189,165,.1) 1px, transparent 1px);
  background-size: 40px 40px;
}

.et2-pixel-moon { border: 1px solid var(--acid); background: rgba(199,255,91,.12); box-shadow: 0 0 38px rgba(199,255,91,.25); }
.et2-pixel-figure { border: 1px solid var(--blue); filter: hue-rotate(110deg) saturate(.55); }

.et2-choice-box { border: 1px solid var(--blue); background: rgba(3,9,11,.94); box-shadow: none; }
.et2-choice-box small { color: var(--blue); }
.et2-choice-box span { color: var(--acid); }

.et2-game-copy { padding: clamp(42px, 6vw, 82px); background: #0a1115; }
.et2-game-copy h2 { color: var(--ink); font-size: clamp(4rem, 7vw, 7.6rem); letter-spacing: -.07em; }
.et2-game-copy > p:not(.et2-kicker) { color: var(--muted); font-family: "Courier New", monospace; font-weight: 400; }
.et2-game-copy li { border-top: 1px solid var(--line); color: var(--blue); }
.et2-vertical-word { color: rgba(22,189,165,.07); }

.et2-membership {
  margin-top: 120px;
  margin-bottom: 120px;
  border: 1px solid var(--orange);
  padding: clamp(42px, 6vw, 80px);
  background: rgba(24,12,12,.5);
  box-shadow: none;
}

.et2-membership::before {
  content: "SECURE MEMBER CHANNEL";
  position: absolute;
  top: 18px;
  left: 22px;
  color: var(--orange);
  font-size: .55rem;
  letter-spacing: .17em;
}

.et2-membership p { color: var(--muted); font-family: "Courier New", monospace; font-weight: 400; }
.et2-membership-stamp { top: -16px; border: 1px solid var(--orange); background: #100a0b; color: var(--orange); box-shadow: none; font-family: "Courier New", monospace; font-size: .72rem; }

.inner-hero { width: min(1280px, calc(100% - 56px)); border-bottom: 1px solid var(--line); }
.inner-hero h1 { font-size: clamp(4rem, 8vw, 8.4rem); }
.back-link, .back-link::before { color: var(--blue); }

.archive-filters a,
.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 {
  border: 1px solid var(--line);
  background: var(--panel);
  box-shadow: none;
}

.archive-card:hover { border-color: var(--blue); box-shadow: 0 0 24px rgba(22,189,165,.08); transform: translateY(-3px); }
.archive-cover { border-bottom: 1px solid var(--line); }
.archive-cover-badge, .release-label, .tag, .status-pill { border: 1px solid var(--blue); background: #071312; color: var(--acid); }
.archive-button, .release-button { border: 1px solid var(--blue); background: var(--blue); color: #03100f; box-shadow: none; }
.faq-question { background: #0b191b; color: var(--ink); }

.reader-title { border-bottom: 1px solid var(--line); }
.reader-locked-page { border: 1px solid var(--orange); background: #160d0f; box-shadow: none; }
.reader-locked-page a, .comment-locked a { border: 1px solid var(--orange); background: var(--orange); color: #130504; box-shadow: none; }
.reader-page-image, .reader-placeholder-page { border: 1px solid var(--line); box-shadow: none; }

.et-build-placeholder { border: 1px solid var(--blue); background: #071417; box-shadow: 0 0 42px rgba(22,189,165,.08); }
.et-build-orbit { border: 1px solid var(--blue); }
.et-build-orbit::before, .et-build-orbit::after { border: 1px solid var(--orange); }
.et-build-status { border: 1px solid var(--acid); background: #0d170e; color: var(--acid); }

.age-gate { background: rgba(2,6,7,.97); backdrop-filter: blur(8px); }
.age-panel { border: 1px solid var(--blue); background: #071014; box-shadow: 0 0 60px rgba(22,189,165,.12); }
.age-panel h2 { font-family: "Arial Narrow", Arial, sans-serif; }

.site-footer {
  border-top: 1px solid var(--line);
  background: #04090b;
  color: var(--muted);
}

.site-footer p,
.site-footer .footer-disclaimer { color: var(--muted); }
.footer-social { border: 1px solid var(--blue); background: transparent; color: var(--acid); }

@media (max-width: 1020px) {
  .et2-cover-grid { grid-template-columns: 1fr; }
  .et2-lead { border-top: 1px solid var(--line); border-left: 0; }
  .et2-story-grid { grid-template-columns: repeat(2, 1fr); }
  .et2-story-card:last-child { grid-column: 1 / -1; }
  .et2-game { grid-template-columns: 1fr; }
  .et2-game-screen { border-right: 0; border-bottom: 1px solid var(--blue); }
}

@media (max-width: 700px) {
  .top-action,
  .et2-cover,
  .section.et2-library,
  .section.et2-game,
  .section.et2-membership,
  .inner-hero { width: calc(100% - 24px); }

  .top-action::after { display: none; }
  .et2-cover { padding-top: 50px; }
  .et2-masthead h1 { flex-direction: column; align-items: flex-start; margin-bottom: 26px; padding-bottom: 24px; font-size: clamp(3.6rem, 20vw, 6.2rem); }
  .et2-masthead h1 span:last-child { align-self: flex-end; }
  .et2-intro { padding: 30px 22px 58px; }
  .et2-intro h2 { font-size: 2.6rem; }
  .et2-data { grid-template-columns: 1fr; }
  .et2-data div + div { border-top: 1px solid var(--line); border-left: 0; }
  .et2-lead { grid-template-columns: 1fr; min-height: 0; }
  .et2-lead-art { min-height: 470px; border-right: 0; border-bottom: 1px solid var(--line); }
  .et2-newswire { justify-content: flex-start; overflow-x: hidden; }
  .et2-story-grid { grid-template-columns: 1fr; }
  .et2-story-card:last-child { grid-column: auto; }
  .et2-story-cover { aspect-ratio: 4 / 3; }
  .et2-story-copy { min-height: 230px; }
  .et2-membership { padding: 64px 22px 34px; }
}

/* redesign-v4.css */
/* ExpansionTales v4 — dark illustrated pulp anthology */
:root {
  color-scheme: dark;
  --paper: #120b12;
  --paper-light: #21131d;
  --ink: #f6e9df;
  --blue: #b65c7b;
  --orange: #e47d91;
  --acid: #d6a65f;
  --pink: #e88eaa;
  --line: #724056;
  --text: #f6e9df;
  --muted: #c5a8b2;
  --panel: #21131d;
  --panel-strong: #301829;
  --coral: #e47d91;
  --mint: #c997b1;
  --gold: #d6a65f;
  --teal: #b65c7b;
  --shadow: 0 24px 70px rgba(0,0,0,.34);
}

html { background: #0c070c; }

body,
body.missexpansion-inner-page,
body.missexpansion-reader-page {
  background:
    radial-gradient(circle at 13% 10%, rgba(143,49,83,.2), transparent 28%),
    radial-gradient(circle at 88% 28%, rgba(105,52,92,.18), transparent 30%),
    #120b12 !important;
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
}

body::before {
  z-index: -1;
  opacity: .24;
  background-image: radial-gradient(rgba(246,233,223,.22) .7px, transparent .7px);
  background-size: 9px 9px;
  mix-blend-mode: normal;
}

h1,
h2,
h3,
.inner-hero h1,
.reader-title h1 {
  font-family: "Arial Black", "Arial Narrow Bold", Arial, sans-serif;
  font-weight: 900;
  letter-spacing: -.055em;
}

.et2-story-copy strong,
.archive-copy h2,
.et2-lead-caption strong {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -.045em;
  text-transform: none;
}

.eyebrow,
.et2-kicker {
  color: var(--pink);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  letter-spacing: .18em;
}

.button,
.button-primary,
.button-soft,
.button-outline,
.game-float,
.patreon-float {
  min-height: 48px;
  border: 1px solid rgba(246,233,223,.5);
  border-radius: 999px;
  padding: 0 23px;
  background: rgba(255,255,255,.035);
  color: var(--ink);
  box-shadow: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .72rem;
  font-weight: 900;
  letter-spacing: .08em;
  clip-path: none;
}

.button-primary,
.game-float {
  border-color: var(--pink);
  background: var(--pink);
  color: #260d19;
}

.patreon-float {
  border-color: var(--gold);
  background: transparent;
  color: #f2c984;
}

.button:hover,
.button-primary:hover,
.button-soft:hover,
.game-float:hover,
.patreon-float:hover {
  box-shadow: 0 10px 30px rgba(232,142,170,.2);
  transform: translateY(-2px);
}

.top-action {
  width: min(1320px, calc(100% - 48px));
  margin-top: 18px;
  border-bottom: 1px solid rgba(246,233,223,.15);
  padding-bottom: 18px;
}

.top-action::after { display: none; }

.top-logo { height: 52px; }

.top-logo img {
  width: 46px;
  height: 46px;
  border: 0;
  border-radius: 50%;
  background: transparent;
}

.top-logo::after {
  content: "ExpansionTales";
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.05rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: .02em;
  text-transform: none;
}

.patreon-status,
.patreon-notice {
  border: 1px solid var(--gold);
  border-radius: 18px;
  background: #2b171c;
  color: var(--ink);
  box-shadow: none;
}

.et2-cover {
  width: min(1320px, calc(100% - 48px));
  padding: 68px 0 80px;
}

.et2-masthead > p {
  border: 0;
  padding: 0;
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
}

.et2-masthead > p span:nth-child(2) {
  color: var(--pink);
  font-weight: 900;
}

.et2-masthead h1 {
  flex-direction: column;
  align-items: stretch;
  gap: 0;
  margin: 20px 0 54px;
  border: 0;
  padding: 0;
  font-family: "Arial Black", Arial, sans-serif;
  font-size: clamp(5rem, 12.7vw, 12rem);
  line-height: .69;
  letter-spacing: -.085em;
}

.et2-masthead h1 span:first-child {
  color: var(--ink);
  text-shadow: 0 18px 60px rgba(0,0,0,.35);
}

.et2-masthead h1 span:last-child {
  align-self: flex-end;
  color: var(--pink);
  -webkit-text-stroke: 0;
  text-shadow: 0 18px 60px rgba(232,142,170,.16);
}

.et2-cover-grid {
  grid-template-columns: minmax(0, .76fr) minmax(520px, 1.24fr);
  gap: clamp(40px, 6vw, 86px);
  align-items: center;
  border: 0;
  padding: 0;
  background: transparent;
}

.et2-intro {
  padding: 0;
}

.et2-intro::after { display: none; }

.et2-intro h2 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.8rem, 4.4vw, 5rem);
  font-style: italic;
  font-weight: 700;
  line-height: .94;
  letter-spacing: -.045em;
}

.et2-intro > p:not(.et2-kicker) {
  max-width: 560px;
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.7;
}

.et2-actions { margin-top: 32px; }

.et2-text-link {
  border-bottom: 1px solid var(--pink);
  color: var(--pink);
  font-family: Arial, Helvetica, sans-serif;
}

.et2-text-link span { color: var(--gold); }

.et2-data {
  grid-template-columns: 1fr;
  gap: 10px;
  margin-top: 46px;
  border: 0;
  background: transparent;
  box-shadow: none;
}

.et2-data div {
  display: grid;
  grid-template-columns: 110px 1fr;
  align-items: center;
  border: 1px solid rgba(246,233,223,.16);
  border-radius: 999px;
  padding: 12px 18px;
  background: rgba(255,255,255,.025);
}

.et2-data div + div { border: 1px solid rgba(246,233,223,.16); }

.et2-data dt {
  color: var(--pink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1rem;
  font-style: italic;
}

.et2-data dd {
  color: var(--muted);
  font-size: .62rem;
}

.et2-lead {
  grid-template-columns: minmax(290px, 1fr) minmax(250px, .78fr);
  min-height: 610px;
  overflow: hidden;
  border: 1px solid rgba(246,233,223,.28);
  border-radius: 260px 260px 28px 28px;
  background: #24121f;
  box-shadow: 0 30px 80px rgba(0,0,0,.44);
}

.et2-lead:hover {
  box-shadow: 0 36px 90px rgba(0,0,0,.52);
  transform: translateY(-4px);
}

.et2-lead-label {
  top: 22px;
  left: 50%;
  border: 1px solid rgba(246,233,223,.42);
  border-radius: 999px;
  padding: 9px 15px;
  background: rgba(33,19,29,.88);
  color: var(--pink);
  transform: translateX(-50%);
  white-space: nowrap;
}

.et2-lead-art {
  border: 0;
  border-right: 1px solid rgba(246,233,223,.2);
  background: #36182a;
}

.et2-lead-art img,
.et2-story-cover img,
.archive-cover img {
  filter: saturate(.92) contrast(1.03);
}

.et2-burst {
  top: 90px;
  right: 34px;
  width: 82px;
  height: 82px;
  border: 1px solid var(--gold);
  border-radius: 50%;
  background: #3b1830;
  color: #f3c984;
  clip-path: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: .64rem;
  transform: rotate(7deg);
}

.et2-lead-caption { padding: 48px 30px 38px; }
.et2-lead-caption small { color: var(--gold); }

.et2-lead-caption strong {
  margin-top: 12px;
  font-size: clamp(2.8rem, 4.5vw, 5rem);
  line-height: .88;
}

.et2-lead-caption em {
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.6;
}

.et2-lead-caption b {
  border-top: 1px solid rgba(246,233,223,.2);
  color: var(--pink);
}

.et2-newswire {
  min-width: 0;
  border-top: 1px solid rgba(246,233,223,.14);
  border-bottom: 1px solid rgba(246,233,223,.14);
  padding: 17px 24px;
  background: #351424;
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
}

.et2-newswire strong { background: transparent; color: #f4c7d4; }
.et2-newswire i { color: var(--pink); }

.section.et2-library,
.section.et2-game,
.section.et2-membership {
  width: min(1320px, calc(100% - 48px));
}

.et2-library { padding: 110px 0 125px; }

.et2-section-head {
  align-items: end;
  border-bottom: 1px solid rgba(246,233,223,.16);
  padding-bottom: 24px;
}

.et2-section-head span { color: var(--pink); }

.et2-section-head h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(3.5rem, 7vw, 7.5rem);
  font-style: italic;
  text-transform: none;
}

.et2-section-head p {
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  text-transform: none;
}

.et2-section-head > a {
  border: 1px solid var(--pink);
  border-radius: 999px;
  background: transparent;
  color: var(--pink);
  box-shadow: none;
}

.et2-story-grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 26px;
}

.et2-story-card,
.et2-story-1,
.et2-story-2,
.et2-story-3 {
  grid-column: auto;
  margin-top: 0;
  overflow: hidden;
  border: 1px solid rgba(246,233,223,.2);
  border-radius: 120px 120px 22px 22px;
  background: #21131d;
  box-shadow: 0 22px 58px rgba(0,0,0,.3);
}

.et2-story-card:nth-child(2) { margin-top: 52px; }

.et2-story-card:hover {
  border-color: rgba(232,142,170,.62);
  box-shadow: 0 30px 70px rgba(0,0,0,.4);
  transform: translateY(-6px);
}

.et2-story-index {
  top: 18px;
  left: 50%;
  border: 1px solid rgba(246,233,223,.3);
  border-radius: 999px;
  padding: 7px 11px;
  background: rgba(35,17,29,.88);
  color: var(--gold);
  transform: translateX(-50%);
}

.et2-story-cover {
  aspect-ratio: 4 / 5;
  border-bottom: 1px solid rgba(246,233,223,.16);
  background: #32192a;
}

.et2-story-copy,
.et2-story-1 .et2-story-copy,
.et2-story-2 .et2-story-copy,
.et2-story-3 .et2-story-copy {
  min-height: 280px;
  padding: 25px;
  background: linear-gradient(180deg, #2a1624, #1d111a);
}

.et2-story-copy small { color: var(--gold); }

.et2-story-copy strong {
  font-size: clamp(2.3rem, 3.5vw, 4rem);
  line-height: .9;
}

.et2-story-copy em {
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.55;
}

.et2-story-copy b { color: var(--pink); }

.et2-game {
  grid-template-columns: minmax(520px, 1.08fr) minmax(380px, .92fr);
  overflow: hidden;
  border: 1px solid rgba(246,233,223,.25);
  border-radius: 30px;
  background: #21131d;
  box-shadow: 0 32px 90px rgba(0,0,0,.4);
}

.et2-game-screen {
  border-right: 1px solid rgba(246,233,223,.2);
  background: #30172a;
}

.et2-screen-bar {
  border-bottom: 1px solid rgba(246,233,223,.18);
  background: #3a1930;
  color: #efc0ce;
  font-family: Arial, Helvetica, sans-serif;
}

.et2-screen-body {
  min-height: 570px;
  background:
    radial-gradient(circle at 50% 24%, rgba(238,152,181,.38), transparent 22%),
    radial-gradient(ellipse at 50% 100%, #55213e 0 28%, transparent 29%),
    linear-gradient(155deg, #241121, #51203e 55%, #1d101a);
}

.et2-screen-body::before,
.et2-screen-body::after {
  content: "";
  position: absolute;
  border: 1px solid rgba(246,233,223,.14);
  border-radius: 50%;
}

.et2-screen-body::before { inset: 58px 90px 90px; }
.et2-screen-body::after { inset: 92px 126px 126px; }

.et2-pixel-moon {
  top: 38px;
  right: 48px;
  width: 108px;
  height: 108px;
  border: 1px solid rgba(246,233,223,.45);
  background: rgba(246,233,223,.08);
  box-shadow: 0 0 50px rgba(232,142,170,.2);
}

.et2-pixel-figure {
  z-index: 2;
  bottom: 90px;
  width: 250px;
  height: 390px;
  border: 0;
  border-radius: 48% 48% 24% 24%;
  background:
    radial-gradient(circle at 50% 13%, #e7b19f 0 11%, #2a1426 11.5% 16%, transparent 16.5%),
    radial-gradient(circle at 34% 48%, #7e2947 0 20%, transparent 20.5%),
    radial-gradient(circle at 66% 48%, #7e2947 0 20%, transparent 20.5%),
    linear-gradient(165deg, transparent 0 24%, #261326 25% 100%);
  filter: none;
}

.et2-choice-box {
  right: 30px;
  bottom: 25px;
  left: 30px;
  z-index: 4;
  border: 1px solid rgba(246,233,223,.4);
  border-radius: 24px 24px 24px 5px;
  padding: 20px 24px;
  background: rgba(27,13,23,.94);
  box-shadow: 0 16px 38px rgba(0,0,0,.32);
}

.et2-choice-box small { color: var(--gold); font-family: Arial, Helvetica, sans-serif; }

.et2-choice-box p {
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.25rem;
  font-style: italic;
  font-weight: 700;
}

.et2-choice-box span { color: var(--pink); font-family: Arial, Helvetica, sans-serif; }

.et2-game-copy {
  padding: clamp(42px, 6vw, 80px);
  background:
    radial-gradient(circle at 110% 0, rgba(232,142,170,.22), transparent 34%),
    #24131f;
}

.et2-game-copy h2 {
  color: var(--ink);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(4.5rem, 7vw, 8rem);
  font-style: italic;
  line-height: .76;
}

.et2-game-copy > p:not(.et2-kicker) {
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
  line-height: 1.65;
}

.et2-game-copy li {
  border-top: 1px solid rgba(246,233,223,.16);
  color: #efb4c5;
}

.et2-vertical-word {
  color: rgba(232,142,170,.07);
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
}

.et2-membership {
  margin-top: 120px;
  margin-bottom: 120px;
  overflow: hidden;
  border: 1px solid rgba(214,166,95,.5);
  border-radius: 180px 30px 30px 30px;
  padding: clamp(56px, 7vw, 94px);
  background:
    radial-gradient(circle at 0 0, rgba(214,166,95,.12), transparent 32%),
    #21131a;
  box-shadow: 0 28px 80px rgba(0,0,0,.35);
}

.et2-membership::before { display: none; }

.et2-membership h2 {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  text-transform: none;
}

.et2-membership p {
  color: var(--muted);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 400;
}

.et2-membership-stamp {
  top: 26px;
  right: 30px;
  border: 1px solid var(--gold);
  border-radius: 999px;
  background: #2c171d;
  color: #efc57f;
  box-shadow: none;
  font-family: Arial, Helvetica, sans-serif;
}

/* Inner archive, reader, and game pages */
.inner-hero {
  width: min(1260px, calc(100% - 48px));
  border-bottom: 1px solid rgba(246,233,223,.16);
}

.inner-hero h1 {
  font-family: Georgia, "Times New Roman", serif;
  font-style: italic;
  text-transform: none;
}

.back-link,
.back-link::before { color: var(--pink); }

.archive-filters a {
  border: 1px solid rgba(246,233,223,.2);
  border-radius: 999px;
  background: transparent;
  box-shadow: none;
}

.archive-card {
  overflow: hidden;
  border: 1px solid rgba(246,233,223,.2);
  border-radius: 90px 90px 20px 20px;
  background: var(--panel);
  box-shadow: 0 20px 55px rgba(0,0,0,.28);
}

.archive-card:hover {
  border-color: var(--pink);
  box-shadow: 0 28px 70px rgba(0,0,0,.36);
  transform: translateY(-5px);
}

.archive-cover { border-bottom: 1px solid rgba(246,233,223,.18); }

.archive-cover-badge,
.release-label,
.tag,
.status-pill {
  border: 1px solid rgba(214,166,95,.56);
  border-radius: 999px;
  background: #351a25;
  color: #efc57f;
}

.archive-button,
.release-button {
  border: 1px solid var(--pink);
  border-radius: 999px;
  background: var(--pink);
  color: #260d19;
  box-shadow: none;
}

.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 {
  border: 1px solid rgba(246,233,223,.18);
  border-radius: 22px;
  background: var(--panel);
  box-shadow: 0 16px 44px rgba(0,0,0,.24);
}

.faq-question { background: #351827; color: var(--ink); }

.reader-title { border-bottom: 1px solid rgba(246,233,223,.16); }
.reader-title h1 { font-family: Georgia, "Times New Roman", serif; font-style: italic; text-transform: none; }

.reader-locked-page {
  border: 1px solid rgba(214,166,95,.5);
  border-radius: 30px;
  background: #2b171d;
  box-shadow: 0 24px 65px rgba(0,0,0,.32);
}

.reader-locked-page a,
.comment-locked a {
  border: 1px solid var(--pink);
  border-radius: 999px;
  background: var(--pink);
  color: #260d19;
  box-shadow: none;
}

.reader-page-image,
.reader-placeholder-page {
  border: 1px solid rgba(246,233,223,.18);
  border-radius: 24px;
  box-shadow: 0 22px 60px rgba(0,0,0,.34);
}

.et-build-placeholder {
  border: 1px solid rgba(246,233,223,.24);
  border-radius: 32px;
  background:
    radial-gradient(circle at 85% 15%, rgba(232,142,170,.2), transparent 30%),
    #24131f;
  box-shadow: 0 28px 80px rgba(0,0,0,.36);
}

.et-build-placeholder h2 { font-family: Georgia, "Times New Roman", serif; font-style: italic; text-transform: none; }
.et-build-orbit { border: 1px solid var(--pink); border-radius: 50%; }
.et-build-orbit::before, .et-build-orbit::after { border: 1px solid var(--gold); border-radius: 50%; }
.et-build-status { border: 1px solid var(--gold); border-radius: 999px; background: #2b171d; color: #efc57f; }

.age-gate { background: rgba(18,8,15,.96); backdrop-filter: blur(14px); }

.age-panel {
  border: 1px solid rgba(246,233,223,.28);
  border-radius: 32px;
  background: #24131f;
  box-shadow: 0 30px 100px rgba(0,0,0,.55);
}

.age-panel h2 { font-family: Georgia, "Times New Roman", serif; font-style: italic; text-transform: none; }

.site-footer {
  border-top: 1px solid rgba(246,233,223,.14);
  background: #160c13;
  color: var(--muted);
}

.site-footer p,
.site-footer .footer-disclaimer { color: var(--muted); }

.footer-social {
  border: 1px solid var(--gold);
  border-radius: 999px;
  background: transparent;
  color: #efc57f;
}

@media (max-width: 1020px) {
  .et2-cover-grid { grid-template-columns: 1fr; }
  .et2-intro { max-width: 720px; }
  .et2-data { grid-template-columns: repeat(3, 1fr); }
  .et2-data div { display: block; border-radius: 18px; }
  .et2-lead { min-height: 650px; border-left: 1px solid rgba(246,233,223,.28); }
  .et2-story-grid { grid-template-columns: repeat(2, 1fr); }
  .et2-story-card:last-child { grid-column: 1 / -1; width: calc(50% - 13px); justify-self: center; }
  .et2-game { grid-template-columns: 1fr; }
  .et2-game-screen { border-right: 0; border-bottom: 1px solid rgba(246,233,223,.2); }
}

@media (max-width: 700px) {
  .top-action,
  .et2-cover,
  .section.et2-library,
  .section.et2-game,
  .section.et2-membership,
  .inner-hero { width: calc(100% - 24px); }

  .et2-cover { padding-top: 44px; }
  .et2-masthead h1 { font-size: clamp(4rem, 21.5vw, 6.4rem); line-height: .72; margin-bottom: 38px; }
  .et2-intro h2 { font-size: 3rem; }
  .et2-data { grid-template-columns: 1fr; }
  .et2-data div { display: grid; grid-template-columns: 100px 1fr; border-radius: 999px; }
  .et2-lead { grid-template-columns: 1fr; min-height: 0; border-radius: 150px 150px 24px 24px; }
  .et2-lead-art { min-height: 520px; border-right: 0; border-bottom: 1px solid rgba(246,233,223,.2); }
  .et2-lead-label { top: 18px; max-width: calc(100% - 50px); overflow: hidden; text-overflow: ellipsis; }
  .et2-newswire { justify-content: flex-start; overflow: hidden; }
  .et2-section-head h2 { font-size: 3.8rem; }
  .et2-story-grid { grid-template-columns: 1fr; }
  .et2-story-card,
  .et2-story-card:nth-child(2),
  .et2-story-card:last-child { grid-column: auto; width: auto; margin-top: 0; }
  .et2-story-cover { aspect-ratio: 4 / 5; }
  .et2-screen-body { min-height: 520px; }
  .et2-pixel-figure { width: 210px; height: 340px; }
  .et2-choice-box { right: 16px; bottom: 16px; left: 16px; }
  .et2-membership { border-radius: 90px 24px 24px 24px; padding: 76px 24px 42px; }
  .et2-membership-stamp { top: 20px; right: 20px; }
}

/* redesign-v5.css */
/* ExpansionTales v5 — midnight graphic novel panels */
:root {
  color-scheme: dark;
  --paper: #0a0910;
  --paper-light: #14121b;
  --ink: #f4f0e8;
  --blue: #7857f6;
  --orange: #ff5d75;
  --acid: #ffd252;
  --pink: #ff6795;
  --line: #3b3448;
  --text: #f4f0e8;
  --muted: #aaa2b5;
  --panel: #14121b;
  --panel-strong: #1d1927;
  --coral: #ff5d75;
  --mint: #a994ff;
  --gold: #ffd252;
  --teal: #7857f6;
  --shadow: 14px 14px 0 #050407;
}

html { background: #07060a; }

body,
body.missexpansion-inner-page,
body.missexpansion-reader-page {
  background: #0a0910 !important;
  color: var(--ink);
  font-family: Arial, Helvetica, sans-serif;
}

body::before {
  z-index: -1;
  opacity: .34;
  background-image: radial-gradient(rgba(255,255,255,.17) 1px, transparent 1.2px);
  background-size: 11px 11px;
}

h1,
h2,
h3,
.inner-hero h1,
.reader-title h1,
.et2-story-copy strong,
.archive-copy h2,
.et2-lead-caption strong {
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
  letter-spacing: -.065em;
  text-transform: uppercase;
}

.eyebrow,
.et2-kicker {
  color: var(--pink);
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 900;
  letter-spacing: .14em;
}

.button,
.button-primary,
.button-soft,
.button-outline,
.game-float,
.patreon-float {
  min-height: 46px;
  border: 2px solid var(--ink);
  border-radius: 4px;
  padding: 0 20px;
  background: #15121c;
  color: var(--ink);
  box-shadow: 5px 5px 0 #050407;
  font-size: .7rem;
  letter-spacing: .07em;
  clip-path: none;
}

.button-primary,
.game-float {
  border-color: var(--ink);
  background: var(--pink);
  color: #150812;
}

.patreon-float {
  border-color: var(--gold);
  background: #15121c;
  color: var(--gold);
}

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

.top-action {
  width: min(1360px, calc(100% - 44px));
  margin-top: 14px;
  border-bottom: 2px solid var(--ink);
  padding-bottom: 14px;
}

.top-logo img {
  width: 42px;
  height: 42px;
  border: 2px solid var(--ink);
  border-radius: 50%;
}

.top-logo::after {
  content: "EXPANSIONTALES";
  font-family: "Arial Black", Arial, sans-serif;
  font-size: .92rem;
  font-style: normal;
  letter-spacing: .04em;
  text-transform: uppercase;
}

.patreon-status,
.patreon-notice {
  border: 2px solid var(--gold);
  border-radius: 4px;
  background: #211823;
  box-shadow: 5px 5px 0 #050407;
}

.et2-cover {
  width: min(1360px, calc(100% - 44px));
  padding: 28px 0 76px;
}

.et2-masthead > p {
  border: 0;
  border-bottom: 1px solid var(--line);
  padding: 0 0 11px;
  color: var(--muted);
}

.et2-masthead > p span:nth-child(2) { color: var(--gold); }

.et2-masthead h1 {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 18px;
  align-items: end;
  margin: 14px 0 50px;
  padding: 0;
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-size: clamp(4.2rem, 10vw, 9.8rem);
  line-height: .76;
  letter-spacing: -.08em;
}

.et2-masthead h1 span:first-child {
  color: var(--ink);
  text-shadow: 8px 8px 0 #2c214e;
}

.et2-masthead h1 span:last-child {
  align-self: auto;
  color: var(--pink);
  -webkit-text-stroke: 0;
  text-shadow: 7px 7px 0 #4a1530;
}

.et2-cover-grid {
  grid-template-columns: minmax(560px, 1.2fr) minmax(360px, .8fr);
  gap: 32px;
  align-items: stretch;
  border: 0;
  padding: 0;
  background: transparent;
}

.et2-intro {
  order: 2;
  display: flex;
  flex-direction: column;
  justify-content: center;
  border: 2px solid var(--ink);
  padding: clamp(36px, 5vw, 68px);
  background:
    linear-gradient(135deg, transparent 0 74%, rgba(120,87,246,.18) 74% 100%),
    #18141f;
  box-shadow: 11px 11px 0 #30204a;
}

.et2-intro h2 {
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-size: clamp(2.8rem, 4.6vw, 5.4rem);
  font-style: normal;
  line-height: .83;
  text-transform: uppercase;
}

.et2-intro > p:not(.et2-kicker) {
  color: var(--muted);
  font-size: .94rem;
  line-height: 1.6;
}

.et2-actions { gap: 17px; margin-top: 28px; }
.et2-text-link { border-bottom: 2px solid var(--pink); color: var(--pink); }

.et2-data {
  grid-template-columns: 1fr;
  gap: 0;
  margin-top: 38px;
  border: 2px solid var(--line);
  border-radius: 0;
  background: #100e15;
  box-shadow: none;
}

.et2-data div {
  display: grid;
  grid-template-columns: 96px 1fr;
  border: 0;
  border-radius: 0;
  padding: 11px 14px;
  background: transparent;
}

.et2-data div + div {
  border: 0;
  border-top: 1px solid var(--line);
}

.et2-data dt {
  color: var(--gold);
  font-family: "Arial Black", Arial, sans-serif;
  font-size: .78rem;
  font-style: normal;
  text-transform: uppercase;
}

.et2-data dd { color: var(--muted); }

.et2-lead {
  order: 1;
  grid-template-columns: minmax(300px, 1fr) minmax(240px, .72fr);
  min-height: 650px;
  overflow: visible;
  border: 2px solid var(--ink);
  border-radius: 0;
  background: #18131d;
  box-shadow: 12px 12px 0 #4d1936;
  transform: rotate(-1deg);
}

.et2-lead:hover {
  box-shadow: 6px 6px 0 #4d1936;
  transform: rotate(-1deg) translate(6px, 6px);
}

.et2-lead-label {
  top: -24px;
  left: -12px;
  border: 2px solid var(--ink);
  border-radius: 3px;
  padding: 10px 14px;
  background: var(--pink);
  color: #170911;
  transform: rotate(-2deg);
  white-space: normal;
}

.et2-lead-art {
  border: 0;
  border-right: 2px solid var(--ink);
  background: #24192f;
}

.et2-burst {
  top: 24px;
  right: 24px;
  width: 94px;
  height: 94px;
  border: 2px solid var(--ink);
  border-radius: 0;
  background: var(--gold);
  color: #17100b;
  clip-path: polygon(50% 0,61% 24%,85% 8%,80% 34%,100% 50%,76% 61%,92% 86%,66% 80%,50% 100%,39% 76%,15% 92%,20% 66%,0 50%,24% 39%,8% 14%,34% 20%);
  font-family: "Arial Black", Arial, sans-serif;
  transform: rotate(8deg);
}

.et2-lead-caption { padding: 36px 26px; }
.et2-lead-caption small { color: var(--gold); }

.et2-lead-caption strong {
  font-size: clamp(2.7rem, 4.1vw, 4.8rem);
  line-height: .82;
}

.et2-lead-caption em { color: var(--muted); }

.et2-lead-caption b {
  border-top: 2px solid var(--line);
  color: var(--pink);
}

.et2-newswire {
  min-width: 0;
  border-top: 2px solid var(--ink);
  border-bottom: 2px solid var(--ink);
  background: var(--pink);
  color: #1a0912;
}

.et2-newswire strong { color: #1a0912; }
.et2-newswire i { color: #fff1ba; }

.section.et2-library,
.section.et2-game,
.section.et2-membership {
  width: min(1360px, calc(100% - 44px));
}

.et2-library { padding: 112px 0 130px; }

.et2-section-head {
  align-items: end;
  border-bottom: 2px solid var(--ink);
  padding-bottom: 18px;
}

.et2-section-head span { color: var(--gold); }

.et2-section-head h2 {
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-size: clamp(3.5rem, 6.5vw, 7rem);
  font-style: normal;
  line-height: .8;
  text-transform: uppercase;
}

.et2-section-head p { color: var(--muted); }

.et2-section-head > a {
  border: 2px solid var(--ink);
  border-radius: 3px;
  background: var(--gold);
  color: #170f08;
  box-shadow: 4px 4px 0 #050407;
}

.et2-story-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr);
  grid-template-rows: repeat(2, minmax(330px, auto));
  gap: 24px;
}

.et2-story-card,
.et2-story-1,
.et2-story-2,
.et2-story-3 {
  grid-column: auto;
  margin: 0;
  overflow: hidden;
  border: 2px solid var(--ink);
  border-radius: 0;
  background: #15121c;
  box-shadow: 9px 9px 0 #050407;
}

.et2-story-1 {
  grid-row: 1 / span 2;
  grid-template-rows: minmax(0, 1fr) auto;
}

.et2-story-2,
.et2-story-3 {
  display: grid;
  grid-template-columns: minmax(220px, .78fr) minmax(270px, 1.22fr);
}

.et2-story-card:hover {
  border-color: var(--ink);
  box-shadow: 4px 4px 0 #050407;
  transform: translate(5px, 5px);
}

.et2-story-index {
  top: 12px;
  left: 12px;
  border: 2px solid var(--ink);
  border-radius: 2px;
  background: var(--gold);
  color: #170f08;
  transform: rotate(-3deg);
}

.et2-story-cover {
  aspect-ratio: auto;
  min-height: 100%;
  border: 0;
  border-bottom: 2px solid var(--ink);
  background: #2a2139;
}

.et2-story-2 .et2-story-cover,
.et2-story-3 .et2-story-cover {
  border-right: 2px solid var(--ink);
  border-bottom: 0;
}

.et2-story-copy,
.et2-story-1 .et2-story-copy,
.et2-story-2 .et2-story-copy,
.et2-story-3 .et2-story-copy {
  min-height: 0;
  padding: 25px;
  background: #17131d;
}

.et2-story-copy small { color: var(--gold); }

.et2-story-copy strong {
  font-size: clamp(2.2rem, 3.6vw, 4.2rem);
  line-height: .82;
}

.et2-story-2 .et2-story-copy strong,
.et2-story-3 .et2-story-copy strong { font-size: clamp(1.9rem, 2.6vw, 3rem); }

.et2-story-copy em { color: var(--muted); }
.et2-story-copy b { color: var(--pink); }

.et2-game {
  grid-template-columns: minmax(520px, 1.05fr) minmax(390px, .95fr);
  overflow: visible;
  border: 2px solid var(--ink);
  border-radius: 0;
  background: #15121c;
  box-shadow: 13px 13px 0 #3b265f;
  transform: rotate(.35deg);
}

.et2-game-screen {
  border-right: 2px solid var(--ink);
  background: #291936;
}

.et2-screen-bar {
  border-bottom: 2px solid var(--ink);
  background: var(--gold);
  color: #160f08;
}

.et2-screen-body {
  min-height: 560px;
  background:
    radial-gradient(circle at 52% 24%, rgba(255,103,149,.36), transparent 24%),
    linear-gradient(150deg, #23162e, #4b2047 58%, #1a111f);
}

.et2-screen-body::before,
.et2-screen-body::after {
  border: 2px solid rgba(244,240,232,.15);
  border-radius: 0;
  transform: rotate(8deg);
}

.et2-pixel-moon {
  border: 2px solid var(--ink);
  background: var(--gold);
  box-shadow: 7px 7px 0 #050407;
}

.et2-pixel-figure {
  border-radius: 0;
  background:
    radial-gradient(circle at 50% 13%, #e7b19f 0 11%, #221324 11.5% 16%, transparent 16.5%),
    radial-gradient(circle at 34% 48%, #b23363 0 20%, transparent 20.5%),
    radial-gradient(circle at 66% 48%, #b23363 0 20%, transparent 20.5%),
    linear-gradient(165deg, transparent 0 24%, #211322 25% 100%);
}

.et2-choice-box {
  border: 2px solid var(--ink);
  border-radius: 18px 18px 18px 2px;
  background: rgba(14,10,17,.95);
  box-shadow: 7px 7px 0 #050407;
}

.et2-choice-box small { color: var(--gold); }

.et2-choice-box p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.2rem;
  font-style: normal;
  font-weight: 900;
}

.et2-choice-box span { color: var(--pink); }

.et2-game-copy {
  background:
    linear-gradient(145deg, transparent 0 76%, rgba(255,93,117,.13) 76%),
    #17131d;
}

.et2-game-copy h2 {
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-size: clamp(4.6rem, 7vw, 8rem);
  font-style: normal;
  line-height: .73;
  text-transform: uppercase;
}

.et2-game-copy li {
  border-top: 1px solid var(--line);
  color: var(--gold);
}

.et2-vertical-word {
  color: rgba(120,87,246,.1);
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-style: normal;
}

.et2-membership {
  margin-top: 125px;
  margin-bottom: 125px;
  overflow: visible;
  border: 2px solid var(--ink);
  border-radius: 0;
  padding: clamp(50px, 7vw, 90px);
  background:
    linear-gradient(135deg, rgba(255,93,117,.12), transparent 36%),
    #18131a;
  box-shadow: 12px 12px 0 #4b1834;
  transform: rotate(-.35deg);
}

.et2-membership h2 {
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-style: normal;
  line-height: .8;
  text-transform: uppercase;
}

.et2-membership-stamp {
  top: -18px;
  right: 28px;
  border: 2px solid var(--ink);
  border-radius: 3px;
  background: var(--gold);
  color: #170f08;
  transform: rotate(3deg);
}

/* Catalog and reader use straight comic panels */
.inner-hero {
  width: min(1280px, calc(100% - 44px));
  border-bottom: 2px solid var(--ink);
}

.inner-hero h1,
.reader-title h1 {
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-style: normal;
  text-transform: uppercase;
}

.back-link,
.back-link::before { color: var(--pink); }

.archive-filters a {
  border: 2px solid var(--line);
  border-radius: 3px;
  background: #15121c;
}

.archive-card {
  overflow: hidden;
  border: 2px solid var(--ink);
  border-radius: 0;
  background: #15121c;
  box-shadow: 8px 8px 0 #050407;
}

.archive-card:hover {
  border-color: var(--ink);
  box-shadow: 3px 3px 0 #050407;
  transform: translate(5px, 5px);
}

.archive-cover { border-bottom: 2px solid var(--ink); }

.archive-cover-badge,
.release-label,
.tag,
.status-pill {
  border: 2px solid var(--ink);
  border-radius: 3px;
  background: var(--gold);
  color: #170f08;
}

.archive-button,
.release-button {
  border: 2px solid var(--ink);
  border-radius: 3px;
  background: var(--pink);
  color: #160811;
  box-shadow: 4px 4px 0 #050407;
}

.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 {
  border: 2px solid var(--line);
  border-radius: 4px;
  background: var(--panel);
  box-shadow: 7px 7px 0 #050407;
}

.faq-question { background: #24172c; }
.reader-title { border-bottom: 2px solid var(--ink); }

.reader-locked-page {
  border: 2px solid var(--gold);
  border-radius: 4px;
  background: #211722;
  box-shadow: 9px 9px 0 #050407;
}

.reader-locked-page a,
.comment-locked a {
  border: 2px solid var(--ink);
  border-radius: 3px;
  background: var(--pink);
  color: #160811;
  box-shadow: 4px 4px 0 #050407;
}

.reader-page-image,
.reader-placeholder-page {
  border: 2px solid var(--ink);
  border-radius: 0;
  box-shadow: 10px 10px 0 #050407;
}

.et-build-placeholder {
  border: 2px solid var(--ink);
  border-radius: 0;
  background:
    linear-gradient(145deg, transparent 0 68%, rgba(120,87,246,.22) 68%),
    #18131f;
  box-shadow: 12px 12px 0 #3b265f;
}

.et-build-placeholder h2 {
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-style: normal;
  text-transform: uppercase;
}

.et-build-orbit,
.et-build-orbit::before,
.et-build-orbit::after { border-radius: 0; }

.et-build-status {
  border: 2px solid var(--gold);
  border-radius: 3px;
  background: #19131a;
  color: var(--gold);
}

.age-gate { background: rgba(7,6,10,.97); backdrop-filter: blur(7px); }

.age-panel {
  border: 2px solid var(--ink);
  border-radius: 4px;
  background: #17131d;
  box-shadow: 12px 12px 0 #3b265f;
}

.age-panel h2 {
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-style: normal;
  text-transform: uppercase;
}

.site-footer {
  border-top: 2px solid var(--ink);
  background: #100d14;
}

.footer-social {
  border: 2px solid var(--gold);
  border-radius: 3px;
  background: #17131d;
  color: var(--gold);
}

@media (max-width: 1060px) {
  .et2-cover-grid { grid-template-columns: 1fr; }
  .et2-intro { order: 1; }
  .et2-lead { order: 2; min-height: 650px; }
  .et2-story-grid { grid-template-columns: 1fr 1fr; grid-template-rows: auto; }
  .et2-story-1 { grid-row: auto; }
  .et2-story-2,
  .et2-story-3 { display: grid; grid-template-columns: 1fr; }
  .et2-story-2 .et2-story-cover,
  .et2-story-3 .et2-story-cover { min-height: 390px; border-right: 0; border-bottom: 2px solid var(--ink); }
  .et2-story-card:last-child { grid-column: 1 / -1; width: calc(50% - 12px); justify-self: center; }
  .et2-game { grid-template-columns: 1fr; }
  .et2-game-screen { border-right: 0; border-bottom: 2px solid var(--ink); }
}

@media (max-width: 700px) {
  .top-action,
  .et2-cover,
  .section.et2-library,
  .section.et2-game,
  .section.et2-membership,
  .inner-hero { width: calc(100% - 20px); }

  .et2-cover { padding-top: 22px; }
  .et2-masthead h1 { grid-template-columns: 1fr; margin: 14px 0 52px; font-size: clamp(3.8rem, 20vw, 6.2rem); }
  .et2-masthead h1 span:last-child { justify-self: end; }
  .et2-intro { padding: 30px 20px; box-shadow: 7px 7px 0 #30204a; }
  .et2-intro h2 { font-size: 3rem; }
  .et2-lead { grid-template-columns: 1fr; min-height: 0; transform: none; box-shadow: 7px 7px 0 #4d1936; }
  .et2-lead:hover { transform: translate(4px, 4px); }
  .et2-lead-art { min-height: 520px; border-right: 0; border-bottom: 2px solid var(--ink); }
  .et2-lead-label { left: 8px; max-width: calc(100% - 80px); }
  .et2-newswire { justify-content: flex-start; overflow: hidden; }
  .et2-section-head h2 { font-size: 3.5rem; }
  .et2-story-grid { grid-template-columns: 1fr; }
  .et2-story-card,
  .et2-story-card:last-child { grid-column: auto; width: auto; }
  .et2-story-2,
  .et2-story-3 { grid-template-columns: 1fr; }
  .et2-story-cover,
  .et2-story-2 .et2-story-cover,
  .et2-story-3 .et2-story-cover { min-height: 470px; }
  .et2-game { transform: none; box-shadow: 7px 7px 0 #3b265f; }
  .et2-membership { padding: 64px 22px 38px; transform: none; box-shadow: 7px 7px 0 #4b1834; }
}

/* redesign-v5-muted.css */
/* 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: 700px) {
  .et2-masthead h1 {
    font-size: 14.5vw;
  }

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

/* redesign-v5-reference-warm.css */
/* ExpansionTales v5.6 — graphic-novel layout in the Dark Forest palette */
:root {
  --paper: #08110e;
  --paper-light: #14211b;
  --ink: #eee8da;
  --blue: #305d4d;
  --orange: #b994d6;
  --acid: #d7b85b;
  --pink: #b994d6;
  --line: #496256;
  --text: #eee8da;
  --muted: #aab8ad;
  --panel: #14211b;
  --panel-strong: #1c2c25;
  --coral: #b994d6;
  --mint: #6e9985;
  --gold: #d7b85b;
  --teal: #305d4d;
  --shadow: 14px 14px 0 #030806;
  --teaser-ratio: 3 / 4;
  --teaser-width: 1200;
  --teaser-height: 1600;
}

html { background: #040907; }

body,
body.missexpansion-inner-page,
body.missexpansion-reader-page {
  background: #08110e !important;
  color: var(--ink);
}

body::before {
  opacity: .19;
  background-image: radial-gradient(rgba(238,232,218,.15) .8px, transparent 1px);
}

.button,
.button-soft,
.button-outline { background: #14211b; }

.button-primary,
.game-float {
  background: #b994d6;
  color: #0b120e;
}

.patreon-float {
  border-color: #d7b85b;
  background: #10170f;
  color: #d7b85b;
}

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

.top-action { border-color: #eee8da; }
.top-logo img { filter: sepia(.15) saturate(.78) brightness(.94); }

.et2-masthead h1 span:first-child { text-shadow: 7px 7px 0 #283c33; }
.et2-masthead h1 span:last-child {
  color: #b994d6;
  text-shadow: 6px 6px 0 #4a3552;
}

.et2-intro {
  background:
    linear-gradient(135deg, transparent 0 74%, rgba(48,93,77,.35) 74% 100%),
    #14211b;
  box-shadow: 10px 10px 0 #274c41;
}

.et2-data { background: #0d1712; }

.et2-reader-desk {
  justify-content: flex-start;
  gap: 0;
  padding: clamp(30px, 4vw, 52px);
}

.et2-desk-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  padding-bottom: 18px;
}

.et2-desk-top p { margin: 0; }

.et2-desk-top > span {
  display: inline-flex;
  align-items: center;
  gap: 7px;
  color: var(--muted);
  font-size: .64rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
  white-space: nowrap;
}

.et2-desk-top i {
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #d7b85b;
  box-shadow: 0 0 0 4px rgba(215,184,91,.14);
}

.et2-desk-latest {
  border-top: 2px solid var(--ink);
  border-bottom: 1px solid var(--line);
  padding: clamp(24px, 3.2vw, 38px) 0 30px;
}

.et2-desk-label,
.et2-desk-meta {
  margin: 0;
  font-size: .66rem;
  font-weight: 900;
  letter-spacing: .13em;
  text-transform: uppercase;
}

.et2-desk-label { color: #b994d6; }
.et2-desk-meta { margin-top: 8px; color: #d7b85b; }

.et2-reader-desk .et2-desk-latest h2 {
  max-width: 100%;
  margin: 14px 0 16px;
  font-size: clamp(2.55rem, 3.7vw, 4.6rem);
  line-height: .84;
  overflow-wrap: anywhere;
}

.et2-desk-summary {
  display: -webkit-box;
  max-width: 38rem;
  margin: 0;
  overflow: hidden;
  color: var(--muted);
  font-size: .9rem;
  line-height: 1.55;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

.et2-desk-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 18px;
  align-items: center;
  margin-top: 24px;
}

.et2-desk-links {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  margin-top: 20px;
}

.et2-desk-links a {
  display: flex;
  min-width: 0;
  min-height: 120px;
  flex-direction: column;
  border: 1px solid var(--line);
  padding: 16px;
  background: rgba(8,17,14,.76);
  color: var(--ink);
  transition: border-color .2s ease, background .2s ease, transform .2s ease;
}

.et2-desk-links a:hover {
  border-color: #d7b85b;
  background: #1c2c25;
  transform: translateY(-3px);
}

.et2-desk-links small {
  color: #d7b85b;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.et2-desk-links strong {
  margin-top: 8px;
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-size: clamp(1.15rem, 1.6vw, 1.65rem);
  line-height: .92;
  text-transform: uppercase;
}

.et2-desk-links span {
  margin-top: auto;
  padding-top: 14px;
  color: #b994d6;
  font-size: .68rem;
  font-weight: 900;
  text-transform: uppercase;
}

.et2-desk-member {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 5px 18px;
  margin-top: 10px;
  border: 1px solid #7e713c;
  padding: 14px 16px;
  background: rgba(215,184,91,.1);
  color: var(--ink);
}

.et2-desk-member span {
  color: #d7b85b;
  font-size: .6rem;
  font-weight: 900;
  letter-spacing: .12em;
  text-transform: uppercase;
}

.et2-desk-member strong { font-size: .88rem; }

.et2-desk-member b {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  color: #b994d6;
  font-size: .66rem;
  text-transform: uppercase;
  white-space: nowrap;
}

.et2-desk-member.is-unlocked {
  border-color: #6e9985;
  background: rgba(48,93,77,.3);
}

.et2-lead {
  background: #14211b;
  box-shadow: 11px 11px 0 #4a3552;
}

.et2-lead:hover { box-shadow: 6px 6px 0 #4a3552; }
.et2-lead-label { background: #b994d6; }
.et2-lead-art {
  min-height: 0;
  aspect-ratio: var(--teaser-ratio);
  background: #203c33;
}
.et2-burst { background: #d7b85b; }

.et2-teaser-carousel {
  position: relative;
  order: 1;
  min-width: 0;
  transform: rotate(-1deg);
}

@media (min-width: 1061px) {
  .et2-teaser-slide.et2-lead {
    grid-template-columns: minmax(0, 2.1fr) minmax(250px, 1fr);
  }

  .et2-teaser-slide .et2-lead-art {
    height: 100%;
    align-self: stretch;
    aspect-ratio: auto;
  }

  .et2-teaser-slide .et2-lead-art img,
  .et2-teaser-slide .et2-lead-art video {
    inset: -1px;
    width: calc(100% + 2px);
    height: calc(100% + 2px);
  }

  .et2-teaser-slide .et2-lead-caption {
    padding-inline: 22px;
  }

  .et2-teaser-slide .et2-lead-caption strong {
    font-size: clamp(2rem, 14cqi, 4.4rem);
  }
}

.et2-teaser-track {
  display: grid;
  min-height: 100%;
}

.et2-teaser-slide.et2-lead {
  grid-area: 1 / 1;
  width: 100%;
  height: 100%;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translateX(22px);
  transition: opacity .34s ease, visibility .34s ease, transform .34s ease;
}

.et2-teaser-slide.et2-lead.is-active {
  z-index: 1;
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(0);
}

.et2-teaser-slide.et2-lead:hover,
.et2-teaser-slide.et2-lead.is-active:hover {
  box-shadow: 6px 6px 0 #4a3552;
  transform: translate(5px, 5px);
}

.et2-teaser-control {
  position: absolute;
  z-index: 4;
  top: 50%;
  display: grid;
  width: 48px;
  height: 48px;
  place-items: center;
  border: 2px solid var(--ink);
  border-radius: 50%;
  padding: 0;
  background: #b994d6;
  color: #0b120e;
  box-shadow: 4px 4px 0 #030806;
  font: 900 1.25rem/1 Arial, sans-serif;
  cursor: pointer;
  transform: translateY(-50%);
}

.et2-teaser-control:hover,
.et2-teaser-control:focus-visible {
  background: #d7b85b;
  box-shadow: 2px 2px 0 #030806;
}

.et2-teaser-control.carousel-prev { left: -18px; }
.et2-teaser-control.carousel-next { right: -18px; }

.et2-teaser-dots {
  position: absolute;
  z-index: 4;
  right: 18px;
  bottom: 17px;
  display: flex;
  gap: 7px;
  align-items: center;
  border: 1px solid rgba(238,232,218,.35);
  padding: 8px 10px;
  background: rgba(8,17,14,.88);
}

.et2-teaser-dots button {
  width: 10px;
  height: 10px;
  border: 1px solid var(--ink);
  border-radius: 50%;
  padding: 0;
  background: transparent;
  cursor: pointer;
  transition: width .2s ease, border-radius .2s ease, background .2s ease;
}

.et2-teaser-dots button.is-active {
  width: 28px;
  border-radius: 8px;
  background: #d7b85b;
}

.et2-teaser-count {
  display: inline-flex;
  min-width: 45px;
  align-items: center;
  gap: 4px;
  margin-right: 3px;
  color: #eee8da;
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-size: .62rem;
  font-weight: 900;
  letter-spacing: .06em;
  line-height: 1;
}

.et2-teaser-count-current { color: #d7b85b; }
.et2-teaser-count i { color: #aab8ad; font-style: normal; }

.et2-lead-art img,
.et2-lead-art video,
.et2-story-cover img,
.et2-story-cover video,
.archive-cover img,
.archive-cover video {
  filter: saturate(.88) contrast(1.03) brightness(.94) sepia(.04);
}

.et2-newswire {
  background: #d7b85b;
  color: #0b120e;
}

.et2-newswire strong { color: #0b120e; }
.et2-newswire i { color: #4f3760; }

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

.et2-story-card,
.et2-story-1,
.et2-story-2,
.et2-story-3,
.et2-story-4,
.et2-story-copy,
.et2-story-1 .et2-story-copy,
.et2-story-2 .et2-story-copy,
.et2-story-3 .et2-story-copy,
.et2-story-4 .et2-story-copy { background: #14211b; }

.et2-story-card {
  --story-accent: #b994d6;
  position: relative;
  border-color: #cdd8cf;
  background: #0b1612;
  box-shadow: 9px 9px 0 #030806;
}

.et2-story-2 { --story-accent: #b994d6; }
.et2-story-3 { --story-accent: #6e9985; }
.et2-story-4 { --story-accent: #d7b85b; }

.et2-story-card::after {
  position: absolute;
  z-index: 3;
  top: 0;
  right: 0;
  width: 58px;
  height: 5px;
  background: var(--story-accent);
  content: "";
  pointer-events: none;
}

.et2-story-cover {
  min-height: 0 !important;
  aspect-ratio: var(--teaser-ratio);
  background: #203c33;
}

.et2-lead-art img,
.et2-lead-art video,
.et2-story-cover img,
.et2-story-cover video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.et2-story-card:hover {
  border-color: #eee8da;
  box-shadow: 4px 4px 0 #030806;
  transform: translate(5px, 5px);
}

.et2-story-copy small {
  width: fit-content;
  border-bottom: 1px solid var(--story-accent);
  padding-bottom: 7px;
  color: #d7b85b;
}

.et2-story-copy b {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 1px solid #496256;
  color: #c7a8dc;
}

.et2-story-copy b span {
  display: grid;
  width: 28px;
  height: 28px;
  place-items: center;
  background: var(--story-accent);
  color: #0b1612;
}

@media (min-width: 1061px) {
  .et2-story-grid {
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    grid-template-rows: repeat(3, minmax(0, 1fr));
    align-items: stretch;
    gap: 18px;
  }

  .et2-story-1 { grid-row: 1 / span 3; }

  .et2-story-1 {
    align-self: start;
    grid-template-rows: auto auto;
  }

  .et2-story-1 .et2-story-copy {
    min-height: 190px;
    padding: 24px 26px 22px;
  }

  .et2-story-1 .et2-story-copy strong {
    margin-top: 12px;
    font-size: clamp(2.7rem, 3.3vw, 4rem);
  }

  .et2-story-1 .et2-story-copy em { margin-top: 10px; }

  .et2-story-1 .et2-story-copy b {
    margin-top: 20px;
    padding-top: 12px;
  }

  .et2-story-grid > .et2-story-card:not(.et2-story-1) {
    display: grid;
    grid-template-columns: clamp(180px, 14.5vw, 210px) minmax(0, 1fr);
    min-height: 0;
    padding: 10px 0 10px 10px;
    box-shadow: 7px 7px 0 #030806;
  }

  .et2-story-grid > .et2-story-card:not(.et2-story-1) .et2-story-cover {
    min-height: 0;
    align-self: center;
    border: 1px solid #496256;
  }

  .et2-story-grid > .et2-story-card:not(.et2-story-1) .et2-story-copy {
    display: flex;
    min-width: 0;
    flex-direction: column;
    justify-content: flex-start;
    margin-left: 10px;
    border-left: 1px solid #496256;
    padding: 16px 18px 10px;
  }

  .et2-story-grid > .et2-story-card:not(.et2-story-1) .et2-story-copy strong {
    margin-top: 12px;
    color: #eee8da;
    font-size: clamp(1.65rem, 2vw, 2.25rem);
    line-height: .86;
  }

  .et2-story-grid > .et2-story-card:not(.et2-story-1) .et2-story-copy em {
    display: -webkit-box;
    margin-top: 12px;
    overflow: hidden;
    color: #aab8ad;
    font-size: .8rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
  }

  .et2-story-grid > .et2-story-card:not(.et2-story-1) .et2-story-copy b {
    margin-top: auto;
    padding-top: 10px;
  }
}

.et2-game {
  background: #14211b;
  box-shadow: 12px 12px 0 #305d4d;
}

.et2-game-screen { background: #1b2a24; }
.et2-screen-bar { background: #d7b85b; color: #0b120e; }

.et2-screen-body {
  background:
    radial-gradient(circle at 52% 24%, rgba(185,148,214,.34), transparent 24%),
    linear-gradient(150deg, #14231d, #4f3b58 58%, #26493f);
}

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

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

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

.et2-game-copy {
  background:
    linear-gradient(145deg, transparent 0 76%, rgba(48,93,77,.25) 76%),
    #14211b;
}

.et2-vertical-word { color: rgba(110,153,133,.16); }

.et2-membership {
  background:
    linear-gradient(135deg, rgba(215,184,91,.1), transparent 36%),
    #60476d;
  box-shadow: 11px 11px 0 #2a1c30;
}

.et2-membership h2 {
  max-width: 100%;
  font-size: clamp(2.45rem, 4.3vw, 4.75rem);
  letter-spacing: -.075em;
}

.et2-membership-stamp { background: #d7b85b; color: #0b120e; }
.et2-membership .button-primary { background: #eee8da; color: #15231d; }
.et2-membership .et2-text-link { border-color: #eee8da; color: #eee8da; }

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

.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: #14211b; }

.reader-locked-page { background: #1c2c25; }

.et-build-placeholder {
  background:
    linear-gradient(145deg, transparent 0 68%, rgba(48,93,77,.28) 68%),
    #14211b;
  box-shadow: 11px 11px 0 #305d4d;
}

.et-build-status,
.footer-social { color: #d7b85b; border-color: #8f7939; }
.age-gate { background: rgba(4,9,7,.97); }
.age-panel { background: #14211b; box-shadow: 11px 11px 0 #305d4d; }
.site-footer { background: #07100c; }

@media (max-width: 700px) {
  .et2-intro { box-shadow: 6px 6px 0 #274c41; }
  .et2-reader-desk { padding: 26px 20px; }
  .et2-reader-desk .et2-desk-latest h2 { font-size: clamp(2.35rem, 12vw, 3.2rem); }
  .et2-desk-links { grid-template-columns: 1fr; }
  .et2-desk-links a { min-height: 104px; }
  .et2-desk-member { grid-template-columns: 1fr; }
  .et2-desk-member b { grid-column: 1; grid-row: auto; margin-top: 8px; white-space: normal; }
  .et2-lead { box-shadow: 7px 7px 0 #4a3552; }
  .et2-teaser-carousel { transform: none; }
  .et2-teaser-control { top: 41%; width: 42px; height: 42px; }
  .et2-teaser-control.carousel-prev { left: 8px; }
  .et2-teaser-control.carousel-next { right: 8px; }
  .et2-teaser-dots { right: 12px; bottom: 12px; }
  .et2-teaser-slide.et2-lead:hover,
  .et2-teaser-slide.et2-lead.is-active:hover { transform: none; }
  .et2-game { box-shadow: 7px 7px 0 #305d4d; }
  .et2-membership { box-shadow: 7px 7px 0 #2a1c30; }
}

@media (max-width: 1060px) {
  .et2-teaser-carousel { order: 2; }

  .et2-story-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-template-rows: auto;
    gap: 20px;
  }

  .et2-story-grid > .et2-story-card,
  .et2-story-grid > .et2-story-card:last-child {
    display: grid;
    grid-column: auto;
    grid-row: auto;
    width: auto;
    margin: 0;
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr;
  }

  .et2-story-grid > .et2-story-card:not(.et2-story-1) {
    display: grid;
    grid-template-columns: 1fr;
  }

  .et2-story-grid > .et2-story-card:not(.et2-story-1) .et2-story-cover {
    border-right: 0;
    border-bottom: 2px solid var(--ink);
  }

  .et2-story-grid .et2-story-copy {
    min-height: 205px;
    padding: 22px;
  }

  .et2-story-grid .et2-story-copy b {
    margin-top: auto;
    padding-top: 12px;
  }
}

@media (max-width: 700px) {
  .et2-story-grid { grid-template-columns: 1fr; }
  .et2-story-grid .et2-story-copy { min-height: 190px; }
}

@media (prefers-reduced-motion: reduce) {
  .et2-teaser-slide.et2-lead,
  .et2-teaser-dots button { transition: none; }
}

/* palette-switcher.css */
/* ExpansionTales palette switcher and site-wide color tokens. */
.et-palette-logo {
  display: block;
  width: 94px;
  height: 46px;
  flex: 0 0 94px;
  overflow: visible;
}

.et-palette-logo-type {
  font-family: "Arial Black", Impact, Arial, sans-serif;
  font-size: 79px;
  font-weight: 900;
}

.et-palette-logo-e { fill: var(--et-text, #eee8da); }
.et-palette-logo-t { fill: var(--et-primary, #b994d6); }
.et-palette-logo-shadow { fill: var(--et-depth, #305d4d); }

.top-logo::after {
  display: none;
  content: none;
}

@media (max-width: 700px) {
  .et-palette-logo {
    width: 81px;
    height: 40px;
    flex-basis: 81px;
  }
}

@media (max-width: 350px) {
  .et-palette-logo {
    width: 53px;
    height: 30px;
    flex-basis: 53px;
  }
}

@media (max-width: 700px) {
  .et2-home .et2-teaser-carousel { order: 1; }
  .et2-home .et2-reader-desk { order: 2; }
}

:root,
html[data-et-palette="01"] {
  --et-bg: #08110e;
  --et-panel: #14211b;
  --et-panel-strong: #1c2c25;
  --et-text: #eee8da;
  --et-muted: #aab8ad;
  --et-primary: #b994d6;
  --et-secondary: #d7b85b;
  --et-depth: #305d4d;
  --et-line: #496256;
  --et-member: #60476d;
  --et-shadow-color: #030806;
}

html[data-et-palette="02"] {
  --et-bg: #080808; --et-panel: #191919; --et-panel-strong: #262626;
  --et-text: #f4efe6; --et-muted: #a5a19a; --et-primary: #e34b36;
  --et-secondary: #d9b44a; --et-depth: #3a3a3a; --et-line: #55514b;
  --et-member: #8f2f29; --et-shadow-color: #020202;
}

html[data-et-palette="03"] {
  --et-bg: #080e1c; --et-panel: #111b30; --et-panel-strong: #1b2944;
  --et-text: #f2e8dc; --et-muted: #aeb8c8; --et-primary: #e7815f;
  --et-secondary: #f2c879; --et-depth: #28516a; --et-line: #405570;
  --et-member: #854b5d; --et-shadow-color: #030711;
}

html[data-et-palette="04"] {
  --et-bg: #120a16; --et-panel: #28162c; --et-panel-strong: #36203c;
  --et-text: #f4e9dd; --et-muted: #bfaec4; --et-primary: #6fd0b0;
  --et-secondary: #e6a65d; --et-depth: #5b2e50; --et-line: #6e4a67;
  --et-member: #694e82; --et-shadow-color: #070409;
}

html[data-et-palette="05"] {
  --et-bg: #140d08; --et-panel: #2a1910; --et-panel-strong: #382318;
  --et-text: #f6e5ca; --et-muted: #bba995; --et-primary: #69b7c8;
  --et-secondary: #dc6c79; --et-depth: #7a5535; --et-line: #6a4b38;
  --et-member: #7a3d48; --et-shadow-color: #070402;
}

html[data-et-palette="06"] {
  --et-bg: #0b1014; --et-panel: #182029; --et-panel-strong: #232f3a;
  --et-text: #ece7df; --et-muted: #aab3b9; --et-primary: #c77a52;
  --et-secondary: #a9c2b0; --et-depth: #3f5968; --et-line: #4c5c66;
  --et-member: #6d4638; --et-shadow-color: #030609;
}

html[data-et-palette="07"] {
  --et-bg: #061116; --et-panel: #0e2530; --et-panel-strong: #173743;
  --et-text: #f1e7d1; --et-muted: #a9bec2; --et-primary: #d7a95a;
  --et-secondary: #d87965; --et-depth: #2e6670; --et-line: #3e6570;
  --et-member: #37596b; --et-shadow-color: #02080b;
}

html[data-et-palette="08"] {
  --et-bg: #07100d; --et-panel: #13221b; --et-panel-strong: #1d3127;
  --et-text: #f3e7da; --et-muted: #adb9ae; --et-primary: #ce768b;
  --et-secondary: #c5a75a; --et-depth: #3d6552; --et-line: #4a6659;
  --et-member: #6b4050; --et-shadow-color: #020705;
}

html[data-et-palette="09"] {
  --et-bg: #08090d; --et-panel: #151822; --et-panel-strong: #222634;
  --et-text: #f4ebd9; --et-muted: #aeb0ba; --et-primary: #c9a34f;
  --et-secondary: #7fa8c9; --et-depth: #343c54; --et-line: #4e5363;
  --et-member: #6a542d; --et-shadow-color: #020205;
}

html[data-et-palette="10"] {
  --et-bg: #0d0d10; --et-panel: #1d1c23; --et-panel-strong: #2a2832;
  --et-text: #eeeaf2; --et-muted: #aba6b2; --et-primary: #a98ccb;
  --et-secondary: #d6b56d; --et-depth: #4d4961; --et-line: #595665;
  --et-member: #5e4a73; --et-shadow-color: #030304;
}

html[data-et-palette="11"] {
  --et-bg: #120b07; --et-panel: #26170f; --et-panel-strong: #332117;
  --et-text: #f4e5d3; --et-muted: #b9a997; --et-primary: #64b89a;
  --et-secondary: #d29b58; --et-depth: #315c4e; --et-line: #655243;
  --et-member: #5e4639; --et-shadow-color: #060301;
}

html[data-et-palette="12"] {
  --et-bg: #070d18; --et-panel: #111c2e; --et-panel-strong: #1b2940;
  --et-text: #f0e7d5; --et-muted: #a8b2c0; --et-primary: #d6b34c;
  --et-secondary: #c8795c; --et-depth: #294c6a; --et-line: #445570;
  --et-member: #5c4772; --et-shadow-color: #02050c;
}

html[data-et-palette="13"] {
  --et-bg: #130a12; --et-panel: #291829; --et-panel-strong: #3a2338;
  --et-text: #f5e8de; --et-muted: #c1acbb; --et-primary: #e79a78;
  --et-secondary: #b88bc8; --et-depth: #62405d; --et-line: #70536a;
  --et-member: #7b435a; --et-shadow-color: #070307;
}

html[data-et-palette="14"] {
  --et-bg: #0d1109; --et-panel: #1e2617; --et-panel-strong: #2a3420;
  --et-text: #efe8d6; --et-muted: #afb6a1; --et-primary: #c87557;
  --et-secondary: #d0b566; --et-depth: #536445; --et-line: #626a51;
  --et-member: #795342; --et-shadow-color: #040603;
}

html[data-et-palette="15"] {
  --et-bg: #0b0e11; --et-panel: #1a2025; --et-panel-strong: #273139;
  --et-text: #eaf0ee; --et-muted: #a5b1b5; --et-primary: #67b5c8;
  --et-secondary: #d09a64; --et-depth: #385e69; --et-line: #506168;
  --et-member: #465a72; --et-shadow-color: #030405;
}

html[data-et-palette="16"] {
  --et-bg: #10070b; --et-panel: #251218; --et-panel-strong: #351b24;
  --et-text: #f5e8e6; --et-muted: #bda8ae; --et-primary: #c85a78;
  --et-secondary: #d8b765; --et-depth: #5e3040; --et-line: #674a54;
  --et-member: #77283f; --et-shadow-color: #050203;
}

html[data-et-palette="17"] {
  --et-bg: #090b17; --et-panel: #181c31; --et-panel-strong: #252a42;
  --et-text: #ede9d9; --et-muted: #aaafc0; --et-primary: #a58ed4;
  --et-secondary: #b6b85d; --et-depth: #42496d; --et-line: #555b76;
  --et-member: #5f4975; --et-shadow-color: #03040a;
}

html[data-et-palette="18"] {
  --et-bg: #071111; --et-panel: #122424; --et-panel-strong: #1c3433;
  --et-text: #f0e9dd; --et-muted: #a7b8b5; --et-primary: #d5789a;
  --et-secondary: #d0aa55; --et-depth: #2e6460; --et-line: #426a66;
  --et-member: #6c3f57; --et-shadow-color: #020707;
}

html[data-et-palette="19"] {
  --et-bg: #120d0c; --et-panel: #251b19; --et-panel-strong: #342623;
  --et-text: #f4e9de; --et-muted: #b8aba5; --et-primary: #9a82c5;
  --et-secondary: #d38465; --et-depth: #65473f; --et-line: #6c5650;
  --et-member: #5b466f; --et-shadow-color: #060403;
}

html[data-et-palette="20"] {
  --et-bg: #0b0d0f; --et-panel: #1a1e21; --et-panel-strong: #272d31;
  --et-text: #f1eee6; --et-muted: #acb2b4; --et-primary: #d99a4e;
  --et-secondary: #7fa8a0; --et-depth: #47565c; --et-line: #596267;
  --et-member: #6a4c31; --et-shadow-color: #030405;
}

/* Warm editorial neutrals: parchment, antique gold, ember red, and dark bronze. */
html[data-et-palette="21"] {
  --et-bg: #0e0c0a; --et-panel: #16130f; --et-panel-strong: #241f1a;
  --et-text: #ddd2be; --et-muted: #a89880; --et-primary: #c9a227;
  --et-secondary: #e05555; --et-depth: #624026; --et-line: #3d3529;
  --et-member: #781c1c; --et-shadow-color: #090807;
}

html[data-et-palette="22"] {
  --et-bg: #090807; --et-panel: #15110e; --et-panel-strong: #2a2420;
  --et-text: #fae8c6; --et-muted: #a89880; --et-primary: #ddb832;
  --et-secondary: #f0d38c; --et-depth: #624026; --et-line: #3d3529;
  --et-member: #a68a10; --et-shadow-color: #000000;
}

html[data-et-palette="23"] {
  --et-bg: #100d0b; --et-panel: #1a1410; --et-panel-strong: #241f1a;
  --et-text: #e8e0d0; --et-muted: #a89880; --et-primary: #e05555;
  --et-secondary: #d3a964; --et-depth: #624026; --et-line: #3d3529;
  --et-member: #781c1c; --et-shadow-color: #090807;
}

html[data-et-palette="24"] {
  --et-bg: #0b0908; --et-panel: #16130f; --et-panel-strong: #1c1814;
  --et-text: #ddd2be; --et-muted: #8a7e6b; --et-primary: #d3a964;
  --et-secondary: #f08d8d; --et-depth: #624026; --et-line: #39332b;
  --et-member: #781c1c; --et-shadow-color: #000000;
}

html[data-et-palette] {
  --paper: var(--et-bg);
  --paper-light: var(--et-panel);
  --ink: var(--et-text);
  --blue: var(--et-depth);
  --orange: var(--et-primary);
  --acid: var(--et-secondary);
  --pink: var(--et-primary);
  --line: var(--et-line);
  --text: var(--et-text);
  --muted: var(--et-muted);
  --panel: var(--et-panel);
  --panel-strong: var(--et-panel-strong);
  --coral: var(--et-primary);
  --mint: var(--et-depth);
  --gold: var(--et-secondary);
  --teal: var(--et-depth);
  --shadow: 14px 14px 0 var(--et-shadow-color);
  background: var(--et-bg);
  color-scheme: dark;
}

html[data-et-palette] body,
html[data-et-palette] body.missexpansion-inner-page,
html[data-et-palette] body.missexpansion-reader-page {
  background: var(--et-bg) !important;
  color: var(--et-text);
}

html[data-et-palette] body::before {
  background-image: radial-gradient(color-mix(in srgb, var(--et-text) 15%, transparent) .8px, transparent 1px);
}

html[data-et-palette] .button,
html[data-et-palette] .button-soft,
html[data-et-palette] .button-outline,
html[data-et-palette] .archive-card,
html[data-et-palette] .legal-panel,
html[data-et-palette] .faq-item,
html[data-et-palette] .comments-panel,
html[data-et-palette] .reader-finish-panel,
html[data-et-palette] .member-status-list span,
html[data-et-palette] .comment-locked,
html[data-et-palette] .comment-list li,
html[data-et-palette] .reader-stat,
html[data-et-palette] .reader-bottom-nav a,
html[data-et-palette] .disabled-link { background: var(--et-panel); }

html[data-et-palette] .button-primary,
html[data-et-palette] .game-float,
html[data-et-palette] .archive-button,
html[data-et-palette] .release-button,
html[data-et-palette] .reader-locked-page a,
html[data-et-palette] .comment-locked a {
  background: var(--et-primary);
  color: var(--et-bg);
}

html[data-et-palette] .patreon-float {
  border-color: var(--et-secondary);
  background: var(--et-panel-strong);
  color: var(--et-secondary);
}

html[data-et-palette] .top-action { border-color: var(--et-text); }
html[data-et-palette] .et-palette-logo-e { fill: var(--et-text); }
html[data-et-palette] .et-palette-logo-t { fill: var(--et-primary); }
html[data-et-palette] .et-palette-logo-shadow { fill: var(--et-depth); }
html[data-et-palette] .et2-masthead h1 span:first-child { text-shadow: 7px 7px 0 var(--et-depth); }
html[data-et-palette] .et2-masthead h1 span:last-child { color: var(--et-primary); text-shadow: 6px 6px 0 var(--et-member); }

html[data-et-palette] .et2-intro {
  background: linear-gradient(135deg, transparent 0 74%, color-mix(in srgb, var(--et-depth) 44%, transparent) 74% 100%), var(--et-panel);
  box-shadow: 10px 10px 0 var(--et-depth);
}

html[data-et-palette] .et2-data { background: var(--et-panel-strong); }
html[data-et-palette] .et2-desk-top i,
html[data-et-palette] .et2-burst,
html[data-et-palette] .et2-teaser-dots button.is-active,
html[data-et-palette] .et2-newswire,
html[data-et-palette] .et2-section-head > a,
html[data-et-palette] .et2-story-index,
html[data-et-palette] .archive-cover-badge,
html[data-et-palette] .release-label,
html[data-et-palette] .tag,
html[data-et-palette] .status-pill,
html[data-et-palette] .et2-screen-bar,
html[data-et-palette] .et2-pixel-moon,
html[data-et-palette] .et2-membership-stamp { background: var(--et-secondary); color: var(--et-bg); }

html[data-et-palette] .et2-desk-label,
html[data-et-palette] .et2-desk-links span,
html[data-et-palette] .et2-desk-member b { color: var(--et-primary); }
html[data-et-palette] .et2-desk-meta,
html[data-et-palette] .et2-desk-links small,
html[data-et-palette] .et2-desk-member span { color: var(--et-secondary); }
html[data-et-palette] .et2-desk-links a { background: color-mix(in srgb, var(--et-bg) 78%, transparent); }
html[data-et-palette] .et2-desk-links a:hover { border-color: var(--et-secondary); background: var(--et-panel-strong); }
html[data-et-palette] .et2-desk-member { border-color: var(--et-secondary); background: color-mix(in srgb, var(--et-secondary) 10%, transparent); }
html[data-et-palette] .et2-desk-member.is-unlocked { border-color: var(--et-depth); background: color-mix(in srgb, var(--et-depth) 30%, transparent); }

html[data-et-palette] .et2-lead { background: var(--et-panel); box-shadow: 11px 11px 0 var(--et-member); }
html[data-et-palette] .et2-lead:hover { box-shadow: 6px 6px 0 var(--et-member); }
html[data-et-palette] .et2-lead-label,
html[data-et-palette] .et2-teaser-control { background: var(--et-primary); color: var(--et-bg); }
html[data-et-palette] .et2-teaser-count { color: var(--et-text); }
html[data-et-palette] .et2-teaser-count-current { color: var(--et-secondary); }
html[data-et-palette] .et2-teaser-count i { color: var(--et-muted); }
html[data-et-palette] .et2-teaser-control:hover,
html[data-et-palette] .et2-teaser-control:focus-visible { background: var(--et-secondary); }
html[data-et-palette] .et2-lead-art,
html[data-et-palette] .et2-story-cover { background: var(--et-depth); }

html[data-et-palette] .et2-story-card,
html[data-et-palette] .et2-story-copy,
html[data-et-palette] .et2-story-1 .et2-story-copy,
html[data-et-palette] .et2-story-2 .et2-story-copy,
html[data-et-palette] .et2-story-3 .et2-story-copy,
html[data-et-palette] .et2-story-4 .et2-story-copy { background: var(--et-panel); }
html[data-et-palette] .et2-story-card { border-color: var(--et-text); box-shadow: 9px 9px 0 var(--et-shadow-color); }
html[data-et-palette] .et2-story-1,
html[data-et-palette] .et2-story-2 { --story-accent: var(--et-primary); }
html[data-et-palette] .et2-story-3 { --story-accent: var(--et-depth); }
html[data-et-palette] .et2-story-4 { --story-accent: var(--et-secondary); }
html[data-et-palette] .et2-story-copy small { color: var(--et-secondary); }
html[data-et-palette] .et2-story-copy b { border-color: var(--et-line); color: var(--et-primary); }

html[data-et-palette] .et2-game { background: var(--et-panel); box-shadow: 12px 12px 0 var(--et-depth); }
html[data-et-palette] .et2-game-screen { background: var(--et-panel-strong); }
html[data-et-palette] .et2-screen-body {
  background: radial-gradient(circle at 52% 24%, color-mix(in srgb, var(--et-primary) 34%, transparent), transparent 24%), linear-gradient(150deg, var(--et-panel), var(--et-member) 58%, var(--et-depth));
}
html[data-et-palette] .et2-pixel-figure {
  background: radial-gradient(circle at 50% 13%, #c7987c 0 11%, var(--et-panel) 11.5% 16%, transparent 16.5%), radial-gradient(circle at 34% 48%, var(--et-primary) 0 20%, transparent 20.5%), radial-gradient(circle at 66% 48%, var(--et-primary) 0 20%, transparent 20.5%), linear-gradient(165deg, transparent 0 24%, var(--et-panel) 25% 100%);
}
html[data-et-palette] .et2-choice-box { background: color-mix(in srgb, var(--et-bg) 96%, transparent); }
html[data-et-palette] .et2-game-copy { background: linear-gradient(145deg, transparent 0 76%, color-mix(in srgb, var(--et-depth) 28%, transparent) 76%), var(--et-panel); }
html[data-et-palette] .et2-vertical-word { color: color-mix(in srgb, var(--et-depth) 24%, transparent); }

html[data-et-palette] .et2-membership {
  background: linear-gradient(135deg, color-mix(in srgb, var(--et-secondary) 12%, transparent), transparent 36%), var(--et-member);
  box-shadow: 11px 11px 0 var(--et-shadow-color);
}
html[data-et-palette] .et2-membership .button-primary { background: var(--et-text); color: var(--et-bg); }
html[data-et-palette] .et2-membership .et2-text-link { border-color: var(--et-text); color: var(--et-text); }
html[data-et-palette] .reader-locked-page { background: var(--et-panel-strong); }
html[data-et-palette] .et-build-placeholder,
html[data-et-palette] .age-panel { background: var(--et-panel); box-shadow: 11px 11px 0 var(--et-depth); }
html[data-et-palette] .site-footer { background: color-mix(in srgb, var(--et-bg) 88%, black); }

.et-palette-toggle {
  display: inline-flex;
  min-height: 44px;
  align-items: center;
  justify-content: center;
  gap: 9px;
  border: 1px solid var(--et-line);
  border-radius: 3px;
  padding: 0 14px;
  background: var(--et-panel);
  color: var(--et-text);
  font: inherit;
  font-size: .76rem;
  font-weight: 900;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
  cursor: pointer;
}

.et-palette-toggle:hover,
.et-palette-toggle[aria-expanded="true"] { border-color: var(--et-primary); background: var(--et-panel-strong); }

.et-palette-toggle-icon,
.et-palette-option-swatch {
  flex: 0 0 auto;
  border: 1px solid color-mix(in srgb, var(--et-text) 55%, transparent);
  border-radius: 50%;
  background: conic-gradient(var(--swatch-a) 0 34%, var(--swatch-b) 34% 67%, var(--swatch-c) 67%);
}

.et-palette-toggle-icon { width: 20px; height: 20px; }

.et-palette-panel {
  position: fixed;
  z-index: 95;
  top: 76px;
  right: max(16px, calc((100vw - 1180px) / 2));
  width: min(430px, calc(100vw - 32px));
  max-height: min(680px, calc(100vh - 94px));
  overflow: auto;
  border: 2px solid var(--et-text);
  border-radius: 3px;
  padding: 16px;
  background: color-mix(in srgb, var(--et-panel) 96%, transparent);
  color: var(--et-text);
  box-shadow: 10px 10px 0 var(--et-shadow-color);
  backdrop-filter: blur(14px);
}

.et-palette-panel[hidden] { display: none; }

.et-palette-panel-head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  border-bottom: 1px solid var(--et-line);
  padding: 0 0 12px;
}

.et-palette-panel-head strong { font-size: 1rem; text-transform: uppercase; }
.et-palette-panel-head span { color: var(--et-muted); font-size: .7rem; font-weight: 800; }

.et-palette-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
  margin-top: 12px;
}

.et-palette-option {
  display: grid;
  min-width: 0;
  min-height: 54px;
  grid-template-columns: 30px minmax(0, 1fr) 16px;
  gap: 9px;
  align-items: center;
  border: 1px solid var(--et-line);
  border-radius: 2px;
  padding: 7px 9px;
  background: var(--et-panel-strong);
  color: var(--et-text);
  font: inherit;
  text-align: left;
  cursor: pointer;
}

.et-palette-option:hover { border-color: var(--et-primary); transform: translateY(-1px); }
.et-palette-option[aria-pressed="true"] { border-color: var(--et-secondary); box-shadow: inset 0 0 0 1px var(--et-secondary); }
.et-palette-option-swatch { width: 30px; height: 30px; }
.et-palette-option-name { overflow: hidden; font-size: .72rem; font-weight: 900; line-height: 1.1; text-overflow: ellipsis; white-space: nowrap; }
.et-palette-option-check { color: var(--et-secondary); font-weight: 900; opacity: 0; }
.et-palette-option[aria-pressed="true"] .et-palette-option-check { opacity: 1; }

@media (max-width: 700px) {
  .et-palette-toggle { width: 40px; min-height: 40px; padding: 0; }
  .et-palette-toggle-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); }
  .et-palette-panel { top: 62px; right: 10px; left: 10px; width: auto; max-height: calc(100dvh - 76px); padding: 12px; }
  .et-palette-options { gap: 6px; }
  .et-palette-option { min-height: 50px; grid-template-columns: 26px minmax(0, 1fr) 12px; gap: 7px; padding: 6px 7px; }
  .et-palette-option-swatch { width: 26px; height: 26px; }
  .et-palette-option-name { font-size: .66rem; }
}

@media (prefers-reduced-motion: reduce) {
  .et-palette-option { transition: none; }
}

/* design-switcher.css */
/* ExpansionTales design lab: thirty layouts sharing one content model. */

.et-design-toggle {
  min-height: 46px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 9px;
  padding: 0 16px;
  border: 1px solid var(--et-line, #554f46);
  border-radius: 3px;
  background: var(--et-panel, #15130f);
  color: var(--et-text, #eee8da);
  font: 900 .72rem/1 Roboto, Arial, sans-serif;
  letter-spacing: .08em;
  text-transform: uppercase;
  cursor: pointer;
}

.et-design-toggle:hover,
.et-design-toggle:focus-visible,
.et-design-toggle[aria-expanded="true"] {
  border-color: var(--et-primary, #b994d6);
  outline: none;
}

/* Fast previous / menu / next controls shared by the design and palette labs. */
.et-switcher-control {
  display: inline-grid;
  grid-template-columns: 34px minmax(118px, auto) 34px;
  align-items: stretch;
  min-width: 0;
  border: 1px solid var(--et-line, #554f46);
  border-radius: 4px;
  background: var(--et-panel, #15130f);
  overflow: hidden;
}

.et-switcher-control .et-design-toggle,
.et-switcher-control .et-palette-toggle {
  min-width: 0;
  min-height: 44px;
  border: 0;
  border-inline: 1px solid var(--et-line, #554f46);
  border-radius: 0;
  box-shadow: none;
}

.et-switcher-step {
  min-width: 34px;
  min-height: 44px;
  padding: 0;
  border: 0;
  background: color-mix(in srgb, var(--et-panel, #15130f) 88%, var(--et-text, #eee8da));
  color: var(--et-text, #eee8da);
  font: 900 1rem/1 Roboto, Arial, sans-serif;
  cursor: pointer;
}

.et-switcher-step:hover,
.et-switcher-step:focus-visible {
  background: var(--et-primary, #b994d6);
  color: var(--et-bg, #08110e);
  outline: none;
}

.et-switcher-control:focus-within { border-color: var(--et-primary, #b994d6); }

.et-design-toggle-icon {
  width: 18px;
  height: 18px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: repeat(2, 1fr);
  gap: 2px;
  transform: rotate(4deg);
}

.et-design-toggle-icon::before,
.et-design-toggle-icon::after {
  content: "";
  grid-row: 1 / 3;
  border: 2px solid currentColor;
}

.et-design-toggle-icon::after {
  grid-column: 2;
  grid-row: 1;
  border-color: var(--et-primary, #b994d6);
}

.et-design-panel {
  position: fixed;
  z-index: 10020;
  top: 76px;
  right: max(18px, calc((100vw - 1420px) / 2));
  width: min(720px, calc(100vw - 36px));
  max-height: calc(100vh - 94px);
  overflow: auto;
  padding: 18px;
  border: 1px solid var(--et-text, #eee8da);
  background: color-mix(in srgb, var(--et-bg, #0e0c0a) 92%, black);
  color: var(--et-text, #eee8da);
  box-shadow: 12px 12px 0 color-mix(in srgb, var(--et-primary, #b994d6) 30%, black);
}

.et-design-panel[hidden] { display: none; }

.et-design-panel-head {
  display: flex;
  align-items: end;
  justify-content: space-between;
  gap: 20px;
  padding: 2px 2px 15px;
  border-bottom: 1px solid var(--et-line, #554f46);
}

.et-design-panel-head div { display: grid; gap: 5px; }
.et-design-panel-head span,
.et-design-panel-head b {
  color: var(--et-primary, #b994d6);
  font: 900 .65rem/1 Roboto, Arial, sans-serif;
  letter-spacing: .12em;
  text-transform: uppercase;
}
.et-design-panel-head strong {
  font: 900 clamp(1.2rem, 2.5vw, 1.75rem)/1 Roboto, Arial, sans-serif;
  text-transform: uppercase;
}
.et-design-panel-head b { color: var(--et-secondary, #d7b85b); white-space: nowrap; }

.et-design-options {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 10px;
  padding-top: 14px;
}

.et-design-option {
  position: relative;
  min-width: 0;
  display: grid;
  grid-template-columns: 106px minmax(0, 1fr) 22px;
  align-items: center;
  gap: 12px;
  padding: 9px;
  border: 1px solid var(--et-line, #554f46);
  border-radius: 2px;
  background: var(--et-panel, #15130f);
  color: var(--et-text, #eee8da);
  text-align: left;
  cursor: pointer;
}

.et-design-option:hover,
.et-design-option:focus-visible {
  border-color: var(--et-primary, #b994d6);
  transform: translateY(-1px);
  outline: none;
}

.et-design-option.is-active {
  border-color: var(--et-secondary, #d7b85b);
  box-shadow: inset 0 0 0 1px var(--et-secondary, #d7b85b);
}

.et-design-preview {
  position: relative;
  height: 66px;
  display: block;
  overflow: hidden;
  border: 1px solid color-mix(in srgb, var(--preview-ink) 45%, transparent);
  background: var(--preview-bg);
  color: var(--preview-ink);
}

.et-design-preview i { position: absolute; display: block; background: currentColor; }
.et-design-preview-title { top: 8px; left: 8px; width: 58%; height: 7px; }
.et-design-preview-image { left: 8px; bottom: 8px; width: 42%; height: 36px; background: var(--preview-accent) !important; }
.et-design-preview-copy { right: 8px; bottom: 8px; width: 39%; height: 28px; opacity: .55; }
.et-design-option-03 .et-design-preview-image { transform: rotate(-5deg); }
.et-design-option-04 .et-design-preview-image,
.et-design-option-07 .et-design-preview-image { border-radius: 22px 22px 0 0; }
.et-design-option-05 .et-design-preview-title { width: 78%; height: 11px; }
.et-design-option-06 .et-design-preview-image { left: 15px; width: 68%; height: 27px; }
.et-design-option-08 .et-design-preview { box-shadow: inset 0 0 0 3px var(--preview-accent); }
.et-design-option-09 .et-design-preview { border-radius: 9px; }
.et-design-option-10 .et-design-preview { margin: 5px; height: 56px; }
.et-design-option-11 .et-design-preview { background-image: radial-gradient(#111 1px, transparent 1px); background-size: 5px 5px; }
.et-design-option-12 .et-design-preview-image { left: 47px; width: 12px; height: 48px; border-radius: 9px; }
.et-design-option-13 .et-design-preview-image { transform: rotate(-8deg); box-shadow: 12px 5px 0 var(--preview-ink); }
.et-design-option-14 .et-design-preview-image { border-radius: 50%; }
.et-design-option-15 .et-design-preview { border-width: 4px; }
.et-design-option-16 .et-design-preview { border-radius: 14px; background-image: linear-gradient(135deg, #191f4a, #652b70 55%, #168e8d); }
.et-design-option-17 .et-design-preview-image { width: 18%; box-shadow: 22px 0 var(--preview-accent), 44px 0 var(--preview-ink); }
.et-design-option-18 .et-design-preview-copy { width: 50%; background: repeating-linear-gradient(#222 0 2px, transparent 2px 5px); }
.et-design-option-19 .et-design-preview-image { border-radius: 50%; }
.et-design-option-20 .et-design-preview { filter: grayscale(1); }
.et-design-option-21 .et-design-preview-image { clip-path: polygon(50% 0,100% 100%,0 100%); }
.et-design-option-22 .et-design-preview { background-image: repeating-linear-gradient(-45deg, transparent 0 5px, rgba(0,0,0,.1) 5px 6px); }
.et-design-option-23 .et-design-preview { border-width: 3px; box-shadow: inset 2px 2px #fff, inset -2px -2px #333; }
.et-design-option-24 .et-design-preview-image { left: 30px; bottom: 6px; width: 45px; border: 5px solid var(--preview-ink); }
.et-design-option-25 .et-design-preview-image { width: 28%; border-radius: 8px; box-shadow: 34px 0 var(--preview-accent); }
.et-design-option-26 .et-design-preview-image { border: 4px solid #fff; transform: rotate(6deg); }
.et-design-option-27 .et-design-preview { border-radius: 18px; background-image: linear-gradient(135deg, #edf7f1, #cabefa); }
.et-design-option-28 .et-design-preview-copy { background: repeating-linear-gradient(#111 0 5px, transparent 5px 9px); opacity: 1; }
.et-design-option-29 .et-design-preview-image { left: 45px; width: 15px; border-radius: 20px; box-shadow: -28px -12px 0 var(--preview-accent), 28px -24px 0 var(--preview-ink); }
.et-design-option-30 .et-design-preview-image { inset: 0; width: auto; height: auto; opacity: .42; }

.et-design-option-copy { min-width: 0; display: grid; gap: 4px; }
.et-design-option-copy strong {
  overflow: hidden;
  color: inherit;
  font: 900 .76rem/1.15 Roboto, Arial, sans-serif;
  text-overflow: ellipsis;
  text-transform: uppercase;
  white-space: nowrap;
}
.et-design-option-copy small { color: var(--et-muted, #a89880); font: 700 .69rem/1.2 Roboto, Arial, sans-serif; }
.et-design-option-check { color: var(--et-secondary, #d7b85b); opacity: 0; font-weight: 900; }
.et-design-option.is-active .et-design-option-check { opacity: 1; }

/* Shared reset for designed variants. Design 01 intentionally preserves the current site. */
html[data-et-design]:not([data-et-design="01"]) body {
  background-color: var(--design-bg) !important;
  color: var(--design-ink);
}

html[data-et-design]:not([data-et-design="01"]) body::before { opacity: var(--design-texture-opacity, .16); }
html[data-et-design]:not([data-et-design="01"]) .top-action {
  max-width: var(--design-width, 1380px);
  border-color: var(--design-line);
}
html[data-et-design]:not([data-et-design="01"]) .top-auth-actions > a,
html[data-et-design]:not([data-et-design="01"]) .top-auth-actions > button {
  border-color: var(--design-line);
  border-radius: var(--design-radius, 0);
  background: var(--design-panel);
  color: var(--design-ink);
}
html[data-et-design]:not([data-et-design="01"]) .top-logo img { filter: var(--design-logo-filter, none); }
html[data-et-design]:not([data-et-design="01"]) .et2-cover,
html[data-et-design]:not([data-et-design="01"]) .et2-library,
html[data-et-design]:not([data-et-design="01"]) .et2-game,
html[data-et-design]:not([data-et-design="01"]) .et2-membership,
html[data-et-design]:not([data-et-design="01"]) .site-footer {
  width: min(var(--design-width, 1380px), calc(100% - 40px));
  max-width: none;
}
html[data-et-design]:not([data-et-design="01"]) .et2-masthead h1,
html[data-et-design]:not([data-et-design="01"]) .et2-section-head h2,
html[data-et-design]:not([data-et-design="01"]) .et2-game-copy h2,
html[data-et-design]:not([data-et-design="01"]) .et2-membership h2 { color: var(--design-ink); }
html[data-et-design]:not([data-et-design="01"]) .et2-reader-desk,
html[data-et-design]:not([data-et-design="01"]) .et2-story-card,
html[data-et-design]:not([data-et-design="01"]) .et2-game-copy,
html[data-et-design]:not([data-et-design="01"]) .et2-membership {
  border-color: var(--design-line);
  background: var(--design-panel);
  color: var(--design-ink);
  box-shadow: var(--design-shadow, none);
  border-radius: var(--design-radius, 0);
}
html[data-et-design]:not([data-et-design="01"]) .et2-reader-desk p,
html[data-et-design]:not([data-et-design="01"]) .et2-story-copy em,
html[data-et-design]:not([data-et-design="01"]) .et2-game-copy > p,
html[data-et-design]:not([data-et-design="01"]) .et2-membership p { color: var(--design-muted); }
html[data-et-design]:not([data-et-design="01"]) .et2-story-card {
  grid-column: auto !important;
  grid-row: auto !important;
  transform: none;
}
html[data-et-design]:not([data-et-design="01"]) .et2-story-grid {
  grid-template-rows: auto;
  grid-auto-rows: auto;
}
html[data-et-design]:not([data-et-design="01"]) .et2-story-copy { background: var(--design-panel); color: var(--design-ink); }
html[data-et-design]:not([data-et-design="01"]) .et2-newswire { background: var(--design-accent); color: var(--design-bg); }
html[data-et-design]:not([data-et-design="01"]) .et2-newswire strong,
html[data-et-design]:not([data-et-design="01"]) .et2-newswire i { color: var(--design-bg); }
html[data-et-design]:not([data-et-design="01"]) .button-primary { background: var(--design-accent); color: var(--design-bg); }

/* Keep the library and game visually connected instead of leaving the old 130px void. */
.et2-home .et2-library { padding-bottom: clamp(48px, 5vw, 72px); }

/* 02 — editorial broadsheet */
html[data-et-design="02"] {
  --design-bg: #e9dfca;
  --design-panel: #f5eddd;
  --design-ink: #191714;
  --design-muted: #655e52;
  --design-line: #2a2722;
  --design-accent: var(--et-primary);
  --design-width: 1460px;
  --design-shadow: none;
  --design-texture-opacity: .05;
  --design-logo-filter: brightness(.18);
}
html[data-et-design="02"] .et2-cover { padding-top: 28px; }
html[data-et-design="02"] .et2-masthead { border-top: 4px double var(--design-line); border-bottom: 4px double var(--design-line); padding: 13px 0 10px; }
html[data-et-design="02"] .et2-masthead h1 { display: flex; justify-content: space-between; font-family: Georgia, serif; font-size: clamp(4rem, 10vw, 10rem); letter-spacing: -.075em; }
html[data-et-design="02"] .et2-masthead h1 span { color: var(--design-ink); text-shadow: none !important; }
html[data-et-design="02"] .et2-masthead h1 span:last-child { color: var(--design-accent); }
html[data-et-design="02"] .et2-cover-grid { gap: 18px; }
html[data-et-design="02"] .et2-teaser-carousel,
html[data-et-design="02"] .et2-lead { transform: none; box-shadow: none; }
html[data-et-design="02"] .et2-lead { border: 2px solid var(--design-line); }
html[data-et-design="02"] .et2-lead-label { background: var(--design-accent); color: var(--design-bg); transform: none; left: 14px; top: 14px; }
html[data-et-design="02"] .et2-reader-desk { border-width: 2px; }
html[data-et-design="02"] .et2-reader-desk h2,
html[data-et-design="02"] .et2-section-head h2,
html[data-et-design="02"] .et2-story-copy strong,
html[data-et-design="02"] .et2-membership h2 { font-family: Georgia, serif; letter-spacing: -.035em; }
html[data-et-design="02"] .et2-section-head { border-top: 4px double var(--design-line); border-bottom: 1px solid var(--design-line); }
html[data-et-design="02"] .et2-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
html[data-et-design="02"] .et2-story-card { min-height: 360px; grid-template-columns: 42% 58%; border: 1px solid var(--design-line); }
html[data-et-design="02"] .et2-story-cover { min-height: 360px; }
html[data-et-design="02"] .et2-game { border-top: 4px double var(--design-line); border-bottom: 4px double var(--design-line); }

/* 03 — cut-and-paste zine */
html[data-et-design="03"] {
  --design-bg: #17101d;
  --design-panel: #26182d;
  --design-ink: #fff4dc;
  --design-muted: #c7b4c5;
  --design-line: #fff4dc;
  --design-accent: var(--et-primary);
  --design-width: 1320px;
  --design-shadow: 9px 9px 0 #050306;
  --design-texture-opacity: .28;
}
html[data-et-design="03"] body { background-image: radial-gradient(circle at 20% 10%, color-mix(in srgb, var(--design-accent) 22%, transparent), transparent 27%), linear-gradient(115deg, transparent 46%, rgba(255,255,255,.025) 47%, transparent 48%) !important; }
html[data-et-design="03"] .et2-masthead { transform: rotate(-1deg); padding: 30px 0 22px; }
html[data-et-design="03"] .et2-masthead h1 { display: grid; font-size: clamp(4rem, 11vw, 9rem); line-height: .74; }
html[data-et-design="03"] .et2-masthead h1 span:first-child { justify-self: start; color: var(--design-ink); text-shadow: 8px 8px 0 var(--design-accent); }
html[data-et-design="03"] .et2-masthead h1 span:last-child { justify-self: end; color: var(--et-secondary); transform: rotate(2deg); }
html[data-et-design="03"] .et2-cover-grid { gap: 30px; align-items: center; }
html[data-et-design="03"] .et2-teaser-carousel { transform: rotate(-1.3deg); }
html[data-et-design="03"] .et2-reader-desk { transform: rotate(1deg); border: 2px dashed var(--design-line); }
html[data-et-design="03"] .et2-lead-label,
html[data-et-design="03"] .et2-story-index,
html[data-et-design="03"] .et2-membership-stamp { transform: rotate(-3deg); background: var(--design-accent); color: #160c17; }
html[data-et-design="03"] .et2-section-head h2 { text-shadow: 5px 5px 0 var(--design-accent); }
html[data-et-design="03"] .et2-story-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 22px; }
html[data-et-design="03"] .et2-story-card { display: flex; flex-direction: column; border: 2px solid var(--design-line); }
html[data-et-design="03"] .et2-story-card:nth-child(odd) { transform: rotate(-1deg); }
html[data-et-design="03"] .et2-story-card:nth-child(even) { transform: rotate(1.2deg); }
html[data-et-design="03"] .et2-story-cover { aspect-ratio: 3 / 4; min-height: 0; }
html[data-et-design="03"] .et2-story-copy { flex: 1; }
html[data-et-design="03"] .et2-game-screen { transform: rotate(.7deg); border: 2px solid var(--design-line); }
html[data-et-design="03"] .et2-membership { transform: rotate(-.4deg); border: 2px dashed var(--design-line); }

/* 04 — warm private library */
html[data-et-design="04"] {
  --design-bg: #17100b;
  --design-panel: #2a1d14;
  --design-ink: #ead9bd;
  --design-muted: #b9a487;
  --design-line: #70543b;
  --design-accent: var(--et-secondary);
  --design-width: 1280px;
  --design-radius: 12px;
  --design-shadow: 0 18px 45px rgba(0,0,0,.32);
  --design-texture-opacity: .24;
}
html[data-et-design="04"] body { background-image: linear-gradient(90deg, rgba(255,255,255,.015) 1px, transparent 1px), linear-gradient(#17100b, #0e0906) !important; background-size: 48px 100%, auto; }
html[data-et-design="04"] .top-action { border-bottom: 1px solid var(--design-line); }
html[data-et-design="04"] .et2-masthead { padding: 48px 0 28px; text-align: center; }
html[data-et-design="04"] .et2-masthead h1 { justify-content: center; gap: .25em; font-family: Georgia, serif; font-size: clamp(3.5rem, 7vw, 7rem); font-weight: 400; }
html[data-et-design="04"] .et2-masthead h1 span { color: var(--design-ink); text-shadow: none !important; }
html[data-et-design="04"] .et2-masthead h1 span:last-child { color: var(--design-accent); }
html[data-et-design="04"] .et2-cover-grid { grid-template-columns: minmax(0, 1.25fr) minmax(340px, .75fr); gap: 24px; }
html[data-et-design="04"] .et2-teaser-carousel { grid-column: 1; grid-row: 1; }
html[data-et-design="04"] .et2-reader-desk { grid-column: 2; grid-row: 1; }
html[data-et-design="04"] .et2-lead { border-radius: 12px; overflow: hidden; box-shadow: var(--design-shadow); transform: none; }
html[data-et-design="04"] .et2-lead-label { border-radius: 6px; }
html[data-et-design="04"] .et2-reader-desk,
html[data-et-design="04"] .et2-story-card,
html[data-et-design="04"] .et2-game-copy { background-image: linear-gradient(135deg, rgba(255,255,255,.035), transparent 45%); }
html[data-et-design="04"] .et2-reader-desk h2,
html[data-et-design="04"] .et2-section-head h2,
html[data-et-design="04"] .et2-story-copy strong,
html[data-et-design="04"] .et2-game-copy h2 { font-family: Georgia, serif; font-weight: 400; }
html[data-et-design="04"] .et2-story-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 18px; align-items: stretch; }
html[data-et-design="04"] .et2-story-card { display: flex; flex-direction: column; overflow: hidden; }
html[data-et-design="04"] .et2-story-cover { aspect-ratio: 3 / 4; min-height: 0; border-radius: 10px 10px 0 0; }
html[data-et-design="04"] .et2-story-copy { flex: 1; background: transparent; }
html[data-et-design="04"] .et2-game,
html[data-et-design="04"] .et2-membership { border-radius: 14px; overflow: hidden; }

/* 05 — Swiss catalogue */
html[data-et-design="05"] {
  --design-bg: #e8e8e3;
  --design-panel: #f6f6f2;
  --design-ink: #111;
  --design-muted: #55554f;
  --design-line: #111;
  --design-accent: var(--et-primary);
  --design-width: 1540px;
  --design-shadow: none;
  --design-texture-opacity: 0;
  --design-logo-filter: grayscale(1) brightness(.1);
}
html[data-et-design="05"] .top-action { border-bottom-width: 3px; }
html[data-et-design="05"] .et2-cover { padding-top: 20px; }
html[data-et-design="05"] .et2-masthead { padding: 10px 0 30px; }
html[data-et-design="05"] .et2-masthead h1 { display: block; font-size: clamp(5rem, 13vw, 13rem); line-height: .72; letter-spacing: -.09em; }
html[data-et-design="05"] .et2-masthead h1 span { display: block; color: var(--design-ink); text-shadow: none !important; }
html[data-et-design="05"] .et2-masthead h1 span:last-child { margin-left: 22%; color: var(--design-accent); }
html[data-et-design="05"] .et2-cover-grid { grid-template-columns: minmax(420px, .75fr) minmax(0, 1.25fr); gap: 0; border-top: 3px solid var(--design-line); border-bottom: 3px solid var(--design-line); }
html[data-et-design="05"] .et2-reader-desk { grid-column: 1; border: 0; border-right: 3px solid var(--design-line); }
html[data-et-design="05"] .et2-teaser-carousel { grid-column: 2; transform: none; }
html[data-et-design="05"] .et2-lead { border: 0; transform: none; box-shadow: none; }
html[data-et-design="05"] .et2-lead-label { background: var(--design-ink); color: var(--design-bg); transform: none; }
html[data-et-design="05"] .et2-burst { border-radius: 50%; background: var(--design-accent); }
html[data-et-design="05"] .et2-newswire { border-block: 3px solid var(--design-line); }
html[data-et-design="05"] .et2-section-head { display: grid; grid-template-columns: 1fr auto; border-bottom: 3px solid var(--design-line); }
html[data-et-design="05"] .et2-section-head h2 { font-size: clamp(4rem, 9vw, 9rem); letter-spacing: -.075em; }
html[data-et-design="05"] .et2-section-head p { display: none; }
html[data-et-design="05"] .et2-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0; border: 3px solid var(--design-line); }
html[data-et-design="05"] .et2-story-card { min-height: 390px; grid-template-columns: 38% 62%; border: 0; border-right: 2px solid var(--design-line); border-bottom: 2px solid var(--design-line); }
html[data-et-design="05"] .et2-story-card:nth-child(even) { border-right: 0; }
html[data-et-design="05"] .et2-story-cover { min-height: 390px; }
html[data-et-design="05"] .et2-story-copy strong { font-size: clamp(1.6rem, 3vw, 3.7rem); }
html[data-et-design="05"] .et2-game { border: 3px solid var(--design-line); }
html[data-et-design="05"] .et2-membership { border: 3px solid var(--design-line); }

/* 06 — midnight cinema */
html[data-et-design="06"] {
  --design-bg: #070b16;
  --design-panel: #10182a;
  --design-ink: #f6e8c4;
  --design-muted: #9fa9bb;
  --design-line: #6e5a37;
  --design-accent: var(--et-secondary);
  --design-width: 1500px;
  --design-radius: 3px;
  --design-shadow: 0 0 0 1px rgba(255,255,255,.03), 0 30px 70px rgba(0,0,0,.38);
  --design-texture-opacity: .12;
}
html[data-et-design="06"] body { background-image: radial-gradient(ellipse at 50% 0, #1a2440 0, var(--design-bg) 48%) !important; }
html[data-et-design="06"] .et2-masthead { padding: 38px 0 24px; text-align: center; }
html[data-et-design="06"] .et2-masthead h1 { justify-content: center; gap: .22em; font-family: Georgia, serif; font-size: clamp(4rem, 8vw, 8rem); letter-spacing: .04em; }
html[data-et-design="06"] .et2-masthead h1 span { color: var(--design-ink); text-shadow: 0 2px 18px rgba(246,232,196,.2) !important; }
html[data-et-design="06"] .et2-masthead h1 span:last-child { color: var(--design-accent); }
html[data-et-design="06"] .et2-cover-grid { grid-template-columns: 1fr; gap: 18px; }
html[data-et-design="06"] .et2-teaser-carousel { grid-row: 1; grid-column: 1; width: min(1080px, 100%); margin-inline: auto; transform: none; }
html[data-et-design="06"] .et2-lead { aspect-ratio: 16 / 9; transform: none; box-shadow: 0 0 0 8px #02040a, 0 0 0 10px var(--design-line); }
html[data-et-design="06"] .et2-lead-art { width: 58%; }
html[data-et-design="06"] .et2-lead-caption { width: 42%; }
html[data-et-design="06"] .et2-reader-desk { grid-row: 2; grid-column: 1; display: grid; grid-template-columns: .8fr 1.5fr 1fr; align-items: stretch; padding: 0; }
html[data-et-design="06"] .et2-desk-top { padding: 24px; border-right: 1px solid var(--design-line); }
html[data-et-design="06"] .et2-desk-latest { padding: 24px; }
html[data-et-design="06"] .et2-desk-links { margin: 0; border-left: 1px solid var(--design-line); }
html[data-et-design="06"] .et2-desk-member { grid-column: 1 / -1; }
html[data-et-design="06"] .et2-newswire { letter-spacing: .16em; }
html[data-et-design="06"] .et2-section-head { text-align: center; justify-content: center; }
html[data-et-design="06"] .et2-section-head p,
html[data-et-design="06"] .et2-section-head > a { position: absolute; right: 0; }
html[data-et-design="06"] .et2-story-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
html[data-et-design="06"] .et2-story-card { display: flex; flex-direction: column; overflow: hidden; }
html[data-et-design="06"] .et2-story-cover { aspect-ratio: 3 / 4; min-height: 0; }
html[data-et-design="06"] .et2-story-copy { flex: 1; }
html[data-et-design="06"] .et2-game { border: 1px solid var(--design-line); box-shadow: var(--design-shadow); }

/* 07 — botanical art-nouveau salon */
html[data-et-design="07"] {
  --design-bg: #102019;
  --design-panel: #1a3025;
  --design-ink: #f1e5c7;
  --design-muted: #b7c1ad;
  --design-line: #78906f;
  --design-accent: var(--et-primary);
  --design-width: 1320px;
  --design-radius: 28px;
  --design-shadow: 0 18px 40px rgba(0,0,0,.28);
  --design-texture-opacity: .18;
}
html[data-et-design="07"] body { background-image: radial-gradient(circle at 10% 20%, rgba(120,144,111,.16), transparent 22%), radial-gradient(circle at 90% 45%, color-mix(in srgb, var(--design-accent) 14%, transparent), transparent 25%) !important; }
html[data-et-design="07"] .top-action { border: 1px solid var(--design-line); border-radius: 999px; margin-top: 15px; padding-inline: 18px; }
html[data-et-design="07"] .et2-masthead { padding: 58px 0 30px; }
html[data-et-design="07"] .et2-masthead h1 { justify-content: center; font-family: Georgia, serif; font-weight: 400; font-style: italic; font-size: clamp(4rem, 8vw, 8.5rem); }
html[data-et-design="07"] .et2-masthead h1 span { color: var(--design-ink); text-shadow: none !important; }
html[data-et-design="07"] .et2-masthead h1 span:last-child { color: var(--design-accent); }
html[data-et-design="07"] .et2-cover-grid { grid-template-columns: minmax(0, 1.1fr) minmax(340px, .9fr); gap: 30px; }
html[data-et-design="07"] .et2-teaser-carousel { transform: none; }
html[data-et-design="07"] .et2-lead { overflow: hidden; border: 2px solid var(--design-line); border-radius: 48% 48% 28px 28px / 22% 22% 28px 28px; transform: none; box-shadow: var(--design-shadow); }
html[data-et-design="07"] .et2-reader-desk { padding: 30px; border: 2px solid var(--design-line); }
html[data-et-design="07"] .et2-reader-desk h2,
html[data-et-design="07"] .et2-section-head h2,
html[data-et-design="07"] .et2-story-copy strong,
html[data-et-design="07"] .et2-membership h2 { font-family: Georgia, serif; font-weight: 400; }
html[data-et-design="07"] .et2-section-head { border-bottom: 1px solid var(--design-line); text-align: center; }
html[data-et-design="07"] .et2-story-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 20px; }
html[data-et-design="07"] .et2-story-card { display: flex; flex-direction: column; overflow: hidden; border: 2px solid var(--design-line); border-radius: 140px 140px 24px 24px; }
html[data-et-design="07"] .et2-story-cover { aspect-ratio: 3 / 4; min-height: 0; border-radius: 140px 140px 0 0; }
html[data-et-design="07"] .et2-story-copy { flex: 1; }
html[data-et-design="07"] .et2-membership { border: 2px solid var(--design-line); }

/* 08 — secret terminal */
html[data-et-design="08"] {
  --design-bg: #030806;
  --design-panel: #07120c;
  --design-ink: #b8f6c8;
  --design-muted: #6fa27b;
  --design-line: #2c7542;
  --design-accent: #7fea9d;
  --design-width: 1360px;
  --design-radius: 0;
  --design-shadow: 7px 7px 0 #001e0b;
  --design-texture-opacity: .32;
  --design-logo-filter: sepia(1) saturate(3) hue-rotate(70deg);
}
html[data-et-design="08"] body { background-image: repeating-linear-gradient(0deg, rgba(127,234,157,.025) 0, rgba(127,234,157,.025) 1px, transparent 1px, transparent 4px) !important; }
html[data-et-design="08"] body,
html[data-et-design="08"] button,
html[data-et-design="08"] a,
html[data-et-design="08"] h1,
html[data-et-design="08"] h2,
html[data-et-design="08"] strong { font-family: Consolas, "Courier New", monospace !important; }
html[data-et-design="08"] .top-action { border: 1px solid var(--design-line); padding: 8px; margin-top: 12px; }
html[data-et-design="08"] .et2-masthead { padding: 34px 0 20px; }
html[data-et-design="08"] .et2-masthead::before { content: "// EXPANSION_ARCHIVE / ACCESS_GRANTED"; display: block; color: var(--design-muted); font: 700 .75rem/1.2 Consolas, monospace; }
html[data-et-design="08"] .et2-masthead h1 { display: block; font-size: clamp(3.5rem, 8vw, 8rem); letter-spacing: -.06em; }
html[data-et-design="08"] .et2-masthead h1 span { color: var(--design-ink); text-shadow: 4px 0 0 #15572c !important; }
html[data-et-design="08"] .et2-masthead h1 span:last-child { color: var(--design-accent); }
html[data-et-design="08"] .et2-cover-grid { grid-template-columns: minmax(0, 1.4fr) minmax(320px, .6fr); gap: 14px; }
html[data-et-design="08"] .et2-teaser-carousel { transform: none; }
html[data-et-design="08"] .et2-lead,
html[data-et-design="08"] .et2-reader-desk { border: 1px solid var(--design-accent); box-shadow: var(--design-shadow); }
html[data-et-design="08"] .et2-lead-label,
html[data-et-design="08"] .et2-story-index { background: var(--design-accent); color: var(--design-bg); transform: none; }
html[data-et-design="08"] .et2-burst { clip-path: polygon(0 0,100% 0,100% 70%,72% 70%,72% 100%,58% 70%,0 70%); background: var(--design-accent); }
html[data-et-design="08"] .et2-newswire { border-block: 1px solid var(--design-accent); }
html[data-et-design="08"] .et2-section-head { border-bottom: 1px dashed var(--design-line); }
html[data-et-design="08"] .et2-section-head h2::before { content: "> "; color: var(--design-accent); }
html[data-et-design="08"] .et2-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
html[data-et-design="08"] .et2-story-card { min-height: 300px; grid-template-columns: 34% 66%; border: 1px solid var(--design-line); }
html[data-et-design="08"] .et2-story-cover { min-height: 300px; filter: saturate(.72) contrast(1.08); }
html[data-et-design="08"] .et2-game,
html[data-et-design="08"] .et2-membership { border: 1px solid var(--design-accent); }

/* 09 — velvet lounge */
html[data-et-design="09"] {
  --design-bg: #160f19;
  --design-panel: #251927;
  --design-ink: #f1e4df;
  --design-muted: #bfaebd;
  --design-line: #694c63;
  --design-accent: var(--et-primary);
  --design-width: 1280px;
  --design-radius: 24px;
  --design-shadow: 0 24px 60px rgba(3,0,5,.36);
  --design-texture-opacity: .1;
}
html[data-et-design="09"] body { background-image: radial-gradient(circle at 50% -10%, #432442, transparent 42%), linear-gradient(#160f19, #0e090f) !important; }
html[data-et-design="09"] .top-action { border-bottom-color: rgba(241,228,223,.22); }
html[data-et-design="09"] .et2-masthead { padding: 56px 0 34px; text-align: center; }
html[data-et-design="09"] .et2-masthead h1 { justify-content: center; gap: .18em; font-family: Georgia, serif; font-size: clamp(4rem, 8vw, 8rem); font-weight: 400; }
html[data-et-design="09"] .et2-masthead h1 span { color: var(--design-ink); text-shadow: 0 8px 30px rgba(0,0,0,.4) !important; }
html[data-et-design="09"] .et2-masthead h1 span:last-child { color: var(--design-accent); font-style: italic; }
html[data-et-design="09"] .et2-cover-grid { gap: 26px; }
html[data-et-design="09"] .et2-teaser-carousel { transform: none; }
html[data-et-design="09"] .et2-lead { overflow: hidden; border: 1px solid var(--design-line); border-radius: 24px; transform: none; box-shadow: var(--design-shadow); }
html[data-et-design="09"] .et2-reader-desk { border: 1px solid var(--design-line); padding: 28px; }
html[data-et-design="09"] .et2-reader-desk h2,
html[data-et-design="09"] .et2-section-head h2,
html[data-et-design="09"] .et2-story-copy strong,
html[data-et-design="09"] .et2-game-copy h2 { font-family: Georgia, serif; font-weight: 400; }
html[data-et-design="09"] .et2-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
html[data-et-design="09"] .et2-story-card { min-height: 360px; grid-template-columns: 42% 58%; overflow: hidden; border: 1px solid var(--design-line); }
html[data-et-design="09"] .et2-story-cover { min-height: 360px; }
html[data-et-design="09"] .et2-game,
html[data-et-design="09"] .et2-membership { overflow: hidden; border: 1px solid var(--design-line); }

/* 10 — white gallery */
html[data-et-design="10"] {
  --design-bg: #f1eee7;
  --design-panel: #faf8f2;
  --design-ink: #161616;
  --design-muted: #6a6862;
  --design-line: #b8b3a8;
  --design-accent: var(--et-primary);
  --design-width: 1240px;
  --design-radius: 0;
  --design-shadow: none;
  --design-texture-opacity: 0;
  --design-logo-filter: grayscale(1) brightness(.15);
}
html[data-et-design="10"] .top-action { width: min(1240px, calc(100% - 48px)); padding-block: 18px; border-bottom: 1px solid var(--design-line); }
html[data-et-design="10"] .et2-cover { padding-top: 72px; }
html[data-et-design="10"] .et2-masthead { width: min(820px, 100%); margin: 0 auto; padding: 0 0 34px; }
html[data-et-design="10"] .et2-masthead h1 { display: block; font-family: Georgia, serif; font-size: clamp(3.5rem, 7vw, 6.5rem); font-weight: 400; letter-spacing: -.045em; text-align: center; }
html[data-et-design="10"] .et2-masthead h1 span { color: var(--design-ink); text-shadow: none !important; }
html[data-et-design="10"] .et2-masthead h1 span:last-child { color: var(--design-accent); font-style: italic; }
html[data-et-design="10"] .et2-cover-grid { grid-template-columns: minmax(0, 2fr) minmax(300px, .8fr); gap: 52px; align-items: center; }
html[data-et-design="10"] .et2-teaser-carousel { transform: none; }
html[data-et-design="10"] .et2-lead { border: 0; transform: none; box-shadow: none; }
html[data-et-design="10"] .et2-lead-label { top: 18px; left: -18px; transform: rotate(-90deg) translateX(-100%); transform-origin: left top; background: transparent; color: var(--design-ink); }
html[data-et-design="10"] .et2-burst { background: var(--design-accent); }
html[data-et-design="10"] .et2-reader-desk { padding: 0; border: 0; background: transparent; box-shadow: none; }
html[data-et-design="10"] .et2-desk-top,
html[data-et-design="10"] .et2-desk-latest,
html[data-et-design="10"] .et2-desk-links,
html[data-et-design="10"] .et2-desk-member { border-color: var(--design-line); }
html[data-et-design="10"] .et2-reader-desk h2,
html[data-et-design="10"] .et2-section-head h2,
html[data-et-design="10"] .et2-story-copy strong,
html[data-et-design="10"] .et2-game-copy h2 { font-family: Georgia, serif; font-weight: 400; }
html[data-et-design="10"] .et2-newswire { width: min(1240px, calc(100% - 48px)); margin: 80px auto 0; background: transparent; color: var(--design-muted); border-block: 1px solid var(--design-line); }
html[data-et-design="10"] .et2-newswire strong,
html[data-et-design="10"] .et2-newswire i { color: var(--design-accent); }
html[data-et-design="10"] .et2-library { padding-top: 100px; }
html[data-et-design="10"] .et2-section-head { border-bottom: 1px solid var(--design-line); }
html[data-et-design="10"] .et2-section-head h2 { font-size: clamp(4rem, 8vw, 7.5rem); }
html[data-et-design="10"] .et2-story-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; }
html[data-et-design="10"] .et2-story-card { display: flex; flex-direction: column; border: 0; background: transparent; }
html[data-et-design="10"] .et2-story-cover { aspect-ratio: 3 / 4; min-height: 0; }
html[data-et-design="10"] .et2-story-copy { flex: 1; padding-inline: 0; background: transparent; }
html[data-et-design="10"] .et2-story-index { top: 8px; left: 8px; background: var(--design-panel); color: var(--design-ink); }
html[data-et-design="10"] .et2-game { gap: 50px; padding-top: 100px; border-top: 1px solid var(--design-line); }
html[data-et-design="10"] .et2-game-copy { border: 0; background: transparent; }
html[data-et-design="10"] .et2-membership { border: 1px solid var(--design-line); background: transparent; }

/* 11 — Sunday funnies: panel rhythm, speech bubbles and halftone ink. */
html[data-et-design="11"] { --design-bg:#f7e8b2; --design-panel:#fff8d8; --design-ink:#171514; --design-muted:#5f5544; --design-line:#171514; --design-accent:var(--et-primary); --design-width:1400px; --design-shadow:7px 7px 0 #171514; --design-radius:8px; --design-texture-opacity:.04; --design-logo-filter:brightness(.12); }
html[data-et-design="11"] body { background-image:radial-gradient(rgba(23,21,20,.16) 1px,transparent 1px) !important; background-size:8px 8px !important; }
html[data-et-design="11"] .et2-masthead { padding:32px 0 18px; }
html[data-et-design="11"] .et2-masthead h1 { font-family:Impact,"Arial Black",sans-serif; font-size:clamp(4rem,10vw,9rem); transform:skew(-3deg); }
html[data-et-design="11"] .et2-masthead h1 span { color:var(--design-ink); text-shadow:6px 6px 0 var(--design-accent)!important; -webkit-text-stroke:2px var(--design-bg); }
html[data-et-design="11"] .et2-cover-grid { gap:26px; }
html[data-et-design="11"] .et2-lead,html[data-et-design="11"] .et2-reader-desk { border:4px solid var(--design-line); box-shadow:var(--design-shadow); transform:none; }
html[data-et-design="11"] .et2-lead-label,html[data-et-design="11"] .et2-story-index { border:2px solid var(--design-line); background:var(--design-accent); transform:rotate(-2deg); }
html[data-et-design="11"] .et2-section-head { border:4px solid var(--design-line); padding:14px; background:var(--design-panel); }
html[data-et-design="11"] .et2-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:26px; }
html[data-et-design="11"] .et2-story-card { min-height:350px; grid-template-columns:48% 52%; border:4px solid var(--design-line); box-shadow:var(--design-shadow); }
html[data-et-design="11"] .et2-story-copy { margin:18px; border:3px solid var(--design-line); border-radius:50%; padding:28px; }

/* 12 — Infinite chapter: a single continuous reading timeline. */
html[data-et-design="12"] { --design-bg:#141820; --design-panel:#1d2430; --design-ink:#f3eee3; --design-muted:#9da7b5; --design-line:#495566; --design-accent:var(--et-primary); --design-width:1080px; --design-shadow:none; --design-radius:0; --design-texture-opacity:.08; }
html[data-et-design="12"] body { background-image:linear-gradient(90deg,transparent calc(50% - 1px),var(--design-line) 50%,transparent calc(50% + 1px)) !important; }
html[data-et-design="12"] .et2-masthead { padding:70px 0 30px; }
html[data-et-design="12"] .et2-masthead h1 { display:grid; font-size:clamp(4rem,11vw,8rem); line-height:.76; text-align:center; }
html[data-et-design="12"] .et2-masthead h1 span:last-child { color:var(--design-accent); }
html[data-et-design="12"] .et2-cover-grid { grid-template-columns:1fr; gap:18px; }
html[data-et-design="12"] .et2-teaser-carousel { grid-row:1; transform:none; }
html[data-et-design="12"] .et2-reader-desk { grid-row:2; display:grid; grid-template-columns:.6fr 1.4fr; border-left:8px solid var(--design-accent); }
html[data-et-design="12"] .et2-story-grid { display:flex; flex-direction:column; gap:80px; padding-top:30px; }
html[data-et-design="12"] .et2-story-card { width:78%; min-height:340px; grid-template-columns:43% 57%; border:0; border-left:8px solid var(--design-accent); }
html[data-et-design="12"] .et2-story-card:nth-child(even) { align-self:flex-end; grid-template-columns:57% 43%; border-left:0; border-right:8px solid var(--design-accent); }
html[data-et-design="12"] .et2-story-card:nth-child(even) .et2-story-cover { order:2; }

/* 13 — House of cards: collectible covers laid out as a deck. */
html[data-et-design="13"] { --design-bg:#09281f; --design-panel:#f3e7cb; --design-ink:#20130f; --design-muted:#685c4c; --design-line:#d7b66d; --design-accent:var(--et-primary); --design-width:1320px; --design-shadow:10px 14px 0 rgba(0,0,0,.35); --design-radius:16px; --design-texture-opacity:.16; --design-logo-filter:sepia(1) brightness(2); }
html[data-et-design="13"] body { background-image:radial-gradient(circle at 50% 0,#195640,transparent 48%),repeating-linear-gradient(45deg,rgba(255,255,255,.025) 0 2px,transparent 2px 14px)!important; }
html[data-et-design="13"] .et2-masthead h1 { justify-content:center; font-family:Georgia,serif; font-size:clamp(4rem,9vw,8rem); }
html[data-et-design="13"] .et2-masthead h1 span { color:#f3e7cb; text-shadow:0 2px 0 #000!important; }
html[data-et-design="13"] .et2-cover-grid { grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); }
html[data-et-design="13"] .et2-teaser-carousel { grid-column:2; transform:rotate(2deg); }
html[data-et-design="13"] .et2-reader-desk { grid-column:1; grid-row:1; transform:rotate(-2deg); border:8px double var(--design-line); }
html[data-et-design="13"] .et2-story-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; padding:70px 30px; }
html[data-et-design="13"] .et2-story-card { display:flex; flex-direction:column; min-height:0; border:8px double var(--design-line); border-radius:16px; box-shadow:var(--design-shadow); }
html[data-et-design="13"] .et2-story-card:nth-child(odd){ transform:rotate(-4deg); } html[data-et-design="13"] .et2-story-card:nth-child(even){ transform:rotate(4deg); }
html[data-et-design="13"] .et2-story-cover { aspect-ratio:3/4; min-height:0; border-radius:9px 9px 0 0; }
html[data-et-design="13"] .et2-story-copy { flex:1; }

/* 14 — Bauhaus stage: asymmetric geometry and primary forms. */
html[data-et-design="14"] { --design-bg:#eee5cf; --design-panel:#eee5cf; --design-ink:#141414; --design-muted:#59534a; --design-line:#141414; --design-accent:var(--et-primary); --design-width:1440px; --design-shadow:none; --design-radius:0; --design-texture-opacity:0; --design-logo-filter:brightness(.1); }
html[data-et-design="14"] body { background-image:radial-gradient(circle at 92% 10%,var(--et-secondary) 0 8vw,transparent 8.1vw),linear-gradient(135deg,transparent 0 72%,color-mix(in srgb,var(--design-accent) 22%,transparent) 72%)!important; }
html[data-et-design="14"] .et2-masthead { position:relative; padding:40px 0; border-bottom:12px solid var(--design-ink); }
html[data-et-design="14"] .et2-masthead h1 { display:grid; grid-template-columns:1fr 1fr; font-size:clamp(4rem,9vw,9rem); line-height:.72; }
html[data-et-design="14"] .et2-masthead h1 span:last-child { color:var(--design-accent); justify-self:end; writing-mode:vertical-rl; }
html[data-et-design="14"] .et2-cover-grid { grid-template-columns:2fr 1fr; align-items:start; }
html[data-et-design="14"] .et2-teaser-carousel { transform:none; border-radius:50% 0 0 0; overflow:hidden; }
html[data-et-design="14"] .et2-reader-desk { border:0; border-top:18px solid var(--design-accent); }
html[data-et-design="14"] .et2-section-head h2 { font-size:clamp(4rem,9vw,9rem); }
html[data-et-design="14"] .et2-story-grid { grid-template-columns:repeat(12,1fr); gap:14px; }
html[data-et-design="14"] .et2-story-card { min-height:380px; grid-template-columns:1fr; grid-column:span 3!important; border:5px solid var(--design-line); }
html[data-et-design="14"] .et2-story-card:nth-child(2){ border-radius:50% 50% 0 0; overflow:hidden; } html[data-et-design="14"] .et2-story-card:nth-child(3){ transform:translateY(70px); }

/* 15 — Concrete press: deliberately raw, loud and utilitarian. */
html[data-et-design="15"] { --design-bg:#c9c7be; --design-panel:#d9d7cf; --design-ink:#101010; --design-muted:#45443f; --design-line:#101010; --design-accent:var(--et-primary); --design-width:calc(100% - 28px); --design-shadow:10px 10px 0 #101010; --design-radius:0; --design-texture-opacity:.12; --design-logo-filter:brightness(.05); }
html[data-et-design="15"] body { background-image:repeating-linear-gradient(100deg,rgba(0,0,0,.03) 0 1px,transparent 1px 7px)!important; }
html[data-et-design="15"] .top-action { border:4px solid var(--design-line); margin-top:14px; padding:8px; }
html[data-et-design="15"] .et2-masthead { border-bottom:14px solid var(--design-line); }
html[data-et-design="15"] .et2-masthead h1 { display:block; font-size:clamp(5rem,15vw,14rem); line-height:.68; letter-spacing:-.09em; }
html[data-et-design="15"] .et2-masthead h1 span:last-child { display:block; color:var(--design-accent); text-align:right; }
html[data-et-design="15"] .et2-cover-grid { grid-template-columns:1.35fr .65fr; gap:14px; }
html[data-et-design="15"] .et2-lead,html[data-et-design="15"] .et2-reader-desk,html[data-et-design="15"] .et2-game-copy,html[data-et-design="15"] .et2-membership { border:5px solid var(--design-line); box-shadow:var(--design-shadow); }
html[data-et-design="15"] .et2-section-head { border-block:8px solid var(--design-line); }
html[data-et-design="15"] .et2-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
html[data-et-design="15"] .et2-story-card { min-height:330px; grid-template-columns:35% 65%; border:5px solid var(--design-line); }

/* 16 — Prism dream: translucent layers over a luminous night sky. */
html[data-et-design="16"] { --design-bg:#090c1e; --design-panel:rgba(22,29,58,.66); --design-ink:#f8f4ff; --design-muted:#bdc5df; --design-line:rgba(191,232,255,.36); --design-accent:var(--et-primary); --design-width:1340px; --design-shadow:0 26px 70px rgba(0,0,0,.35); --design-radius:28px; --design-texture-opacity:0; }
html[data-et-design="16"] body { background-image:radial-gradient(circle at 15% 25%,rgba(96,255,229,.28),transparent 28%),radial-gradient(circle at 80% 12%,rgba(208,100,255,.32),transparent 32%),radial-gradient(circle at 62% 70%,rgba(69,104,255,.25),transparent 35%)!important; background-attachment:fixed!important; }
html[data-et-design="16"] .top-action,html[data-et-design="16"] .et2-reader-desk,html[data-et-design="16"] .et2-story-card,html[data-et-design="16"] .et2-game-copy,html[data-et-design="16"] .et2-membership { backdrop-filter:blur(18px); }
html[data-et-design="16"] .et2-masthead { padding:60px 0 35px; }
html[data-et-design="16"] .et2-masthead h1 { justify-content:center; font-size:clamp(4rem,9vw,8.5rem); font-weight:300; letter-spacing:-.06em; }
html[data-et-design="16"] .et2-masthead h1 span { color:var(--design-ink); text-shadow:0 0 35px var(--design-accent)!important; }
html[data-et-design="16"] .et2-lead { border:1px solid var(--design-line); border-radius:36px; overflow:hidden; transform:none; box-shadow:var(--design-shadow); }
html[data-et-design="16"] .et2-reader-desk { border:1px solid var(--design-line); }
html[data-et-design="16"] .et2-story-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
html[data-et-design="16"] .et2-story-card { display:flex; flex-direction:column; overflow:hidden; border:1px solid var(--design-line); }
html[data-et-design="16"] .et2-story-cover { aspect-ratio:3/4; min-height:0; } html[data-et-design="16"] .et2-story-copy { flex:1; background:transparent; }

/* 17 — Story shelves: every serial becomes a tactile book. */
html[data-et-design="17"] { --design-bg:#29170d; --design-panel:#4a2b18; --design-ink:#f2dfbd; --design-muted:#c4a982; --design-line:#9b713e; --design-accent:var(--et-primary); --design-width:1320px; --design-shadow:inset 10px 0 20px rgba(0,0,0,.28),8px 12px 0 #160a04; --design-radius:4px; --design-texture-opacity:.2; }
html[data-et-design="17"] body { background-image:linear-gradient(90deg,rgba(255,255,255,.025) 50%,transparent 50%),linear-gradient(#29170d,#160c07)!important; background-size:22px 100%,100% 100%!important; }
html[data-et-design="17"] .et2-masthead h1 { justify-content:center; font-family:Georgia,serif; font-size:clamp(4rem,8vw,7.5rem); }
html[data-et-design="17"] .et2-cover-grid { grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
html[data-et-design="17"] .et2-lead,html[data-et-design="17"] .et2-reader-desk { border:7px ridge var(--design-line); transform:none; box-shadow:var(--design-shadow); }
html[data-et-design="17"] .et2-section-head { border-bottom:18px solid #170b05; box-shadow:0 8px #9b713e; }
html[data-et-design="17"] .et2-story-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; align-items:stretch; perspective:1200px; }
html[data-et-design="17"] .et2-story-card { display:flex; flex-direction:column; border:6px ridge var(--design-line); box-shadow:var(--design-shadow); transform:rotateY(-6deg); }
html[data-et-design="17"] .et2-story-cover { aspect-ratio:3/4; min-height:0; }
html[data-et-design="17"] .et2-story-copy { flex:1; border-left:10px solid color-mix(in srgb,var(--design-accent) 45%,#2b170d); }
html[data-et-design="17"] .et2-story-copy strong { font-family:Georgia,serif; }

/* 18 — Night classifieds: compact pulp newspaper listings. */
html[data-et-design="18"] { --design-bg:#ece2c8; --design-panel:#f5ecd6; --design-ink:#1b1813; --design-muted:#655d50; --design-line:#1b1813; --design-accent:var(--et-primary); --design-width:1480px; --design-shadow:none; --design-radius:0; --design-texture-opacity:.08; --design-logo-filter:brightness(.12); }
html[data-et-design="18"] .et2-masthead { border-block:6px double var(--design-line); padding:10px 0; }
html[data-et-design="18"] .et2-masthead h1 { display:block; font-family:"Times New Roman",serif; font-size:clamp(4rem,9vw,8rem); text-align:center; letter-spacing:-.06em; }
html[data-et-design="18"] .et2-cover-grid { grid-template-columns:58% 42%; gap:0; }
html[data-et-design="18"] .et2-lead,html[data-et-design="18"] .et2-reader-desk { border:1px solid var(--design-line); transform:none; box-shadow:none; }
html[data-et-design="18"] .et2-section-head { border-block:6px double var(--design-line); }
html[data-et-design="18"] .et2-section-head h2 { font-family:"Times New Roman",serif; }
html[data-et-design="18"] .et2-story-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; border:1px solid var(--design-line); }
html[data-et-design="18"] .et2-story-card { display:block; border:0; border-right:1px solid var(--design-line); }
html[data-et-design="18"] .et2-story-cover { display:block; min-height:220px; aspect-ratio:4/3; filter:sepia(.45) contrast(1.08); }
html[data-et-design="18"] .et2-story-copy { min-height:250px; border-top:1px solid var(--design-line); }

/* 19 — Bubblegum pop: oversized soft shapes and playful cards. */
html[data-et-design="19"] { --design-bg:#ffd9eb; --design-panel:#fff7d9; --design-ink:#281331; --design-muted:#765b72; --design-line:#281331; --design-accent:var(--et-primary); --design-width:1360px; --design-shadow:9px 9px 0 #281331; --design-radius:34px; --design-texture-opacity:0; --design-logo-filter:brightness(.2); }
html[data-et-design="19"] body { background-image:radial-gradient(circle at 8% 20%,#87e8df 0 7vw,transparent 7.1vw),radial-gradient(circle at 92% 35%,#ffe267 0 10vw,transparent 10.1vw)!important; }
html[data-et-design="19"] .et2-masthead h1 { display:grid; font-size:clamp(4rem,10vw,9rem); line-height:.72; }
html[data-et-design="19"] .et2-masthead h1 span:first-child { transform:rotate(-2deg); } html[data-et-design="19"] .et2-masthead h1 span:last-child { justify-self:end; color:var(--design-accent); transform:rotate(3deg); }
html[data-et-design="19"] .et2-lead { overflow:hidden; border:4px solid var(--design-line); border-radius:80px 24px 80px 24px; transform:none; box-shadow:var(--design-shadow); }
html[data-et-design="19"] .et2-reader-desk { border:4px solid var(--design-line); border-radius:24px 80px 24px 80px; }
html[data-et-design="19"] .et2-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
html[data-et-design="19"] .et2-story-card { min-height:390px; grid-template-columns:46% 54%; overflow:hidden; border:4px solid var(--design-line); box-shadow:var(--design-shadow); }
html[data-et-design="19"] .et2-story-card:nth-child(2),html[data-et-design="19"] .et2-story-card:nth-child(3){ border-radius:50% 20px 50% 20px; }

/* 20 — Noir contact sheet: monochrome, photographic and image-first. */
html[data-et-design="20"] { --design-bg:#080808; --design-panel:#111; --design-ink:#f5f5f1; --design-muted:#aaa; --design-line:#555; --design-accent:var(--et-primary); --design-width:1460px; --design-shadow:none; --design-radius:0; --design-texture-opacity:.2; --design-logo-filter:grayscale(1) brightness(3); }
html[data-et-design="20"] body { background-image:linear-gradient(rgba(255,255,255,.025),rgba(255,255,255,0))!important; }
html[data-et-design="20"] .et2-masthead { padding:12px 0; border-block:1px solid var(--design-line); }
html[data-et-design="20"] .et2-masthead h1 { justify-content:space-between; font-size:clamp(3.5rem,8vw,8rem); font-weight:300; letter-spacing:.08em; }
html[data-et-design="20"] .et2-masthead h1 span { color:var(--design-ink); text-shadow:none!important; }
html[data-et-design="20"] .et2-cover-grid { grid-template-columns:72% 28%; gap:1px; background:var(--design-line); }
html[data-et-design="20"] .et2-lead,html[data-et-design="20"] .et2-reader-desk { border:0; transform:none; box-shadow:none; }
html[data-et-design="20"] .et2-lead-art,html[data-et-design="20"] .et2-story-cover { filter:grayscale(1) contrast(1.16); }
html[data-et-design="20"] .et2-story-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:2px; background:#fff; }
html[data-et-design="20"] .et2-story-card { display:flex; flex-direction:column; border:0; background:#090909; }
html[data-et-design="20"] .et2-story-cover { aspect-ratio:1/1; min-height:0; } html[data-et-design="20"] .et2-story-copy { flex:1; }

/* 21 — Deco midnight: axial symmetry and metallic geometry. */
html[data-et-design="21"] { --design-bg:#090b0c; --design-panel:#111719; --design-ink:#f0dfad; --design-muted:#a99a74; --design-line:#caa34b; --design-accent:var(--et-primary); --design-width:1280px; --design-shadow:0 18px 50px #000; --design-radius:0; --design-texture-opacity:.08; --design-logo-filter:sepia(1) saturate(.8) brightness(2); }
html[data-et-design="21"] body { background-image:repeating-linear-gradient(135deg,transparent 0 40px,rgba(202,163,75,.035) 40px 42px)!important; }
html[data-et-design="21"] .top-action { border:1px solid var(--design-line); clip-path:polygon(2% 0,98% 0,100% 50%,98% 100%,2% 100%,0 50%); }
html[data-et-design="21"] .et2-masthead { padding:60px 0 30px; text-align:center; }
html[data-et-design="21"] .et2-masthead h1 { justify-content:center; font-family:Georgia,serif; font-size:clamp(4rem,9vw,8rem); letter-spacing:.02em; }
html[data-et-design="21"] .et2-masthead h1 span:last-child { color:var(--design-accent); }
html[data-et-design="21"] .et2-lead,html[data-et-design="21"] .et2-reader-desk { border:3px double var(--design-line); transform:none; clip-path:polygon(5% 0,95% 0,100% 5%,100% 95%,95% 100%,5% 100%,0 95%,0 5%); }
html[data-et-design="21"] .et2-section-head { justify-content:center; text-align:center; border-block:3px double var(--design-line); }
html[data-et-design="21"] .et2-story-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:20px; }
html[data-et-design="21"] .et2-story-card { display:flex; flex-direction:column; border:3px double var(--design-line); clip-path:polygon(12% 0,88% 0,100% 8%,100% 100%,0 100%,0 8%); }
html[data-et-design="21"] .et2-story-cover { aspect-ratio:3/4; min-height:0; } html[data-et-design="21"] .et2-story-copy { flex:1; }

/* 22 — Manga room: black ink, speed lines and irregular panels. */
html[data-et-design="22"] { --design-bg:#f7f5ef; --design-panel:#fff; --design-ink:#111; --design-muted:#555; --design-line:#111; --design-accent:var(--et-primary); --design-width:1380px; --design-shadow:6px 6px 0 #111; --design-radius:0; --design-texture-opacity:0; --design-logo-filter:brightness(.08); }
html[data-et-design="22"] body { background-image:repeating-radial-gradient(circle at 80% 15%,transparent 0 8px,rgba(0,0,0,.045) 9px 10px)!important; }
html[data-et-design="22"] .et2-masthead h1 { display:grid; font-size:clamp(4rem,11vw,10rem); line-height:.7; font-style:italic; }
html[data-et-design="22"] .et2-masthead h1 span:last-child { justify-self:end; color:var(--design-accent); }
html[data-et-design="22"] .et2-cover-grid { grid-template-columns:1.6fr .8fr; gap:18px; }
html[data-et-design="22"] .et2-lead,html[data-et-design="22"] .et2-reader-desk { border:5px solid var(--design-line); transform:none; box-shadow:var(--design-shadow); }
html[data-et-design="22"] .et2-story-grid { grid-template-columns:repeat(12,1fr); grid-auto-rows:minmax(240px,auto); gap:14px; }
html[data-et-design="22"] .et2-story-card { grid-column:span 7!important; grid-template-columns:44% 56%; border:5px solid var(--design-line); }
html[data-et-design="22"] .et2-story-card:nth-child(even){ grid-column:span 5!important; display:flex; flex-direction:column; }
html[data-et-design="22"] .et2-story-card:nth-child(even) .et2-story-cover{ min-height:260px; }
html[data-et-design="22"] .et2-story-copy strong {
  color:var(--design-ink)!important;
  font-style:italic;
}
html[data-et-design="22"] .et2-story-copy em { color:var(--design-muted)!important; }
html[data-et-design="22"] .et2-choice-box p { color:#f7f5ef; }
html[data-et-design="22"] .et2-desk-member strong,
html[data-et-design="22"] .et2-membership .et2-text-link { color:var(--design-ink); }

html .et2-screen-body.has-game-art {
  background:#0879c9;
}
.et2-screen-body.has-game-art::before,
.et2-screen-body.has-game-art::after {
  display:none;
}
.et2-game-key-art {
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

@media (max-width:700px) {
  .et2-screen-body.has-game-art {
    min-height:0;
    aspect-ratio:1600 / 1203;
  }
}

/* 23 — Web 1998: desktop windows, bevels and unapologetic hyperlinks. */
html[data-et-design="23"] { --design-bg:#008080; --design-panel:#c0c0c0; --design-ink:#000; --design-muted:#333; --design-line:#000080; --design-accent:#000080; --design-width:1200px; --design-shadow:5px 5px 0 #001f1f; --design-radius:0; --design-texture-opacity:0; --design-logo-filter:none; }
html[data-et-design="23"] body,html[data-et-design="23"] button,html[data-et-design="23"] a { font-family:"Times New Roman",serif!important; }
html[data-et-design="23"] .top-action { margin-top:14px; padding:5px; border:3px outset #eee; background:#c0c0c0; }
html[data-et-design="23"] .et2-masthead { margin-top:20px; border:3px outset #eee; background:#000080; padding:8px; }
html[data-et-design="23"] .et2-masthead h1 { font-size:clamp(3rem,7vw,6.5rem); justify-content:center; }
html[data-et-design="23"] .et2-masthead h1 span { color:#fff; text-shadow:none!important; }
html[data-et-design="23"] .et2-cover-grid { gap:18px; }
html[data-et-design="23"] .et2-lead,html[data-et-design="23"] .et2-reader-desk,html[data-et-design="23"] .et2-story-card,html[data-et-design="23"] .et2-game-copy,html[data-et-design="23"] .et2-membership { border:4px outset #eee; box-shadow:var(--design-shadow); }
html[data-et-design="23"] .et2-section-head { background:#000080; color:#fff; padding:6px 10px; }
html[data-et-design="23"] .et2-section-head h2 { color:#fff; }
html[data-et-design="23"] .et2-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
html[data-et-design="23"] .et2-story-card { min-height:320px; grid-template-columns:40% 60%; }
html[data-et-design="23"] .button-primary { border:3px outset #eee; background:#c0c0c0; color:#000; }

/* 24 — Quiet museum: artwork first, generous whitespace, tiny captions. */
html[data-et-design="24"] { --design-bg:#e7e3da; --design-panel:#eeeae2; --design-ink:#1e1d1a; --design-muted:#777269; --design-line:#c0b9ad; --design-accent:var(--et-primary); --design-width:1180px; --design-shadow:none; --design-radius:0; --design-texture-opacity:0; --design-logo-filter:brightness(.18); }
html[data-et-design="24"] .top-action { border:0; padding-top:24px; }
html[data-et-design="24"] .et2-cover { padding-top:100px; }
html[data-et-design="24"] .et2-masthead h1 { display:block; font-family:Georgia,serif; font-size:clamp(3rem,6vw,5.8rem); font-weight:400; text-align:center; }
html[data-et-design="24"] .et2-masthead h1 span:last-child { display:block; color:var(--design-muted); font-style:italic; }
html[data-et-design="24"] .et2-cover-grid { grid-template-columns:2fr 1fr; gap:100px; align-items:center; }
html[data-et-design="24"] .et2-lead { border:18px solid #f9f7f1; outline:1px solid var(--design-line); transform:none; box-shadow:0 20px 45px rgba(40,30,20,.14); }
html[data-et-design="24"] .et2-reader-desk { border:0; padding:0; background:transparent; }
html[data-et-design="24"] .et2-library { padding-top:130px; }
html[data-et-design="24"] .et2-story-grid { display:flex; flex-direction:column; gap:120px; }
html[data-et-design="24"] .et2-story-card { width:82%; min-height:520px; grid-template-columns:65% 35%; border:0; background:transparent; }
html[data-et-design="24"] .et2-story-card:nth-child(even){ align-self:flex-end; grid-template-columns:35% 65%; } html[data-et-design="24"] .et2-story-card:nth-child(even) .et2-story-cover{ order:2; }
html[data-et-design="24"] .et2-story-cover { border:14px solid #faf8f2; box-shadow:0 15px 40px rgba(40,30,20,.12); } html[data-et-design="24"] .et2-story-copy { background:transparent; }

/* 25 — Bento stories: a dense, modular entertainment dashboard. */
html[data-et-design="25"] { --design-bg:#101319; --design-panel:#1a1f28; --design-ink:#f3f4ee; --design-muted:#9da7b1; --design-line:#343e4b; --design-accent:var(--et-primary); --design-width:1420px; --design-shadow:none; --design-radius:22px; --design-texture-opacity:.06; }
html[data-et-design="25"] .et2-masthead { padding:30px 0 20px; }
html[data-et-design="25"] .et2-masthead h1 { font-size:clamp(4rem,8vw,7.5rem); }
html[data-et-design="25"] .et2-masthead h1 span:last-child { color:var(--design-accent); }
html[data-et-design="25"] .et2-cover-grid { grid-template-columns:1.55fr .75fr; gap:16px; }
html[data-et-design="25"] .et2-lead,html[data-et-design="25"] .et2-reader-desk { overflow:hidden; border:1px solid var(--design-line); border-radius:28px; transform:none; }
html[data-et-design="25"] .et2-story-grid { grid-template-columns:repeat(6,1fr); grid-auto-rows:minmax(250px,auto); gap:16px; }
html[data-et-design="25"] .et2-story-card { grid-column:span 3!important; grid-template-columns:42% 58%; overflow:hidden; border:1px solid var(--design-line); }
html[data-et-design="25"] .et2-story-card:first-child { grid-column:span 4!important; } html[data-et-design="25"] .et2-story-card:nth-child(2){ grid-column:span 2!important; display:flex; flex-direction:column; }
html[data-et-design="25"] .et2-game { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; } html[data-et-design="25"] .et2-game-screen { grid-column:span 2; border-radius:var(--design-radius); overflow:hidden; }
html[data-et-design="25"] .et2-membership { border-radius:var(--design-radius); }

/* 26 — Secret scrapbook: taped notes, crooked polaroids and paper grain. */
html[data-et-design="26"] { --design-bg:#b99161; --design-panel:#efe0c2; --design-ink:#261b12; --design-muted:#725d47; --design-line:#6f5031; --design-accent:var(--et-primary); --design-width:1320px; --design-shadow:5px 8px 16px rgba(51,28,10,.32); --design-radius:2px; --design-texture-opacity:.2; --design-logo-filter:sepia(1) brightness(.5); }
html[data-et-design="26"] body { background-image:linear-gradient(rgba(91,53,25,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(91,53,25,.08) 1px,transparent 1px)!important; background-size:24px 24px!important; }
html[data-et-design="26"] .et2-masthead h1 { font-family:"Segoe Print","Comic Sans MS",cursive; font-size:clamp(4rem,8vw,7rem); transform:rotate(-1deg); }
html[data-et-design="26"] .et2-masthead h1 span:last-child { color:var(--design-accent); }
html[data-et-design="26"] .et2-cover-grid { gap:50px; }
html[data-et-design="26"] .et2-lead { border:14px solid #f9f1e1; transform:rotate(-1.5deg); box-shadow:var(--design-shadow); }
html[data-et-design="26"] .et2-reader-desk { border:0; transform:rotate(1.5deg); box-shadow:var(--design-shadow); }
html[data-et-design="26"] .et2-story-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:30px; }
html[data-et-design="26"] .et2-story-card { display:flex; flex-direction:column; border:12px solid #f9f1e1; box-shadow:var(--design-shadow); }
html[data-et-design="26"] .et2-story-card:nth-child(odd){ transform:rotate(-2deg); } html[data-et-design="26"] .et2-story-card:nth-child(even){ transform:rotate(2deg); }
html[data-et-design="26"] .et2-story-cover { aspect-ratio:3/4; min-height:0; } html[data-et-design="26"] .et2-story-copy { flex:1; }

/* 27 — Aurora air: soft daylight, floating glass and rounded restraint. */
html[data-et-design="27"] { --design-bg:#e9f2ee; --design-panel:rgba(255,255,255,.62); --design-ink:#16252b; --design-muted:#65777e; --design-line:rgba(48,75,84,.18); --design-accent:var(--et-primary); --design-width:1260px; --design-shadow:0 24px 60px rgba(53,73,95,.12); --design-radius:40px; --design-texture-opacity:0; --design-logo-filter:brightness(.25); }
html[data-et-design="27"] body { background-image:radial-gradient(circle at 20% 12%,rgba(117,230,202,.45),transparent 30%),radial-gradient(circle at 78% 28%,rgba(181,155,242,.42),transparent 34%),linear-gradient(#eff7f4,#dae8ec)!important; background-attachment:fixed!important; }
html[data-et-design="27"] .top-action { border:1px solid var(--design-line); border-radius:999px; margin-top:18px; padding-inline:20px; backdrop-filter:blur(16px); }
html[data-et-design="27"] .et2-masthead { padding:80px 0 45px; }
html[data-et-design="27"] .et2-masthead h1 { justify-content:center; font-size:clamp(4rem,8vw,7rem); font-weight:400; }
html[data-et-design="27"] .et2-masthead h1 span:last-child { color:var(--design-accent); }
html[data-et-design="27"] .et2-lead,html[data-et-design="27"] .et2-reader-desk { overflow:hidden; border:1px solid var(--design-line); transform:none; backdrop-filter:blur(18px); }
html[data-et-design="27"] .et2-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
html[data-et-design="27"] .et2-story-card { min-height:390px; grid-template-columns:45% 55%; overflow:hidden; border:1px solid var(--design-line); backdrop-filter:blur(16px); }
html[data-et-design="27"] .et2-game-screen { border-radius:var(--design-radius); overflow:hidden; }

/* 28 — Redacted files: stamped dossiers and censorship bars. */
html[data-et-design="28"] { --design-bg:#e9ddc4; --design-panel:#f2e8d3; --design-ink:#111; --design-muted:#5d574d; --design-line:#111; --design-accent:var(--et-primary); --design-width:1360px; --design-shadow:7px 7px 0 rgba(0,0,0,.25); --design-radius:0; --design-texture-opacity:.15; --design-logo-filter:brightness(.08); }
html[data-et-design="28"] body { background-image:repeating-linear-gradient(0deg,rgba(0,0,0,.025) 0 1px,transparent 1px 5px)!important; }
html[data-et-design="28"] .et2-masthead h1 { display:block; font-family:Consolas,monospace; font-size:clamp(4rem,9vw,8rem); }
html[data-et-design="28"] .et2-masthead h1 span:last-child { display:block; width:max-content; margin-left:auto; color:var(--design-bg); background:var(--design-ink); padding:0 .08em; }
html[data-et-design="28"] .et2-cover-grid { grid-template-columns:1.35fr .65fr; gap:24px; }
html[data-et-design="28"] .et2-lead,html[data-et-design="28"] .et2-reader-desk { border:2px solid var(--design-line); transform:none; box-shadow:var(--design-shadow); }
html[data-et-design="28"] .et2-lead-label,html[data-et-design="28"] .et2-story-index { background:var(--design-accent); color:#fff; border:2px solid var(--design-line); transform:rotate(-4deg); }
html[data-et-design="28"] .et2-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
html[data-et-design="28"] .et2-story-card { min-height:340px; grid-template-columns:40% 60%; border:2px solid var(--design-line); box-shadow:var(--design-shadow); }
html[data-et-design="28"] .et2-story-copy em { background:linear-gradient(var(--design-ink),var(--design-ink)) 0 40%/78% 7px no-repeat,linear-gradient(var(--design-ink),var(--design-ink)) 0 65%/48% 7px no-repeat; color:transparent; }

/* 29 — Transformation map: a winding path through every serial. */
html[data-et-design="29"] { --design-bg:#15251e; --design-panel:#20372b; --design-ink:#f3e6c4; --design-muted:#b9aa89; --design-line:#61755f; --design-accent:var(--et-primary); --design-width:1200px; --design-shadow:0 15px 35px rgba(0,0,0,.25); --design-radius:26px; --design-texture-opacity:.16; }
html[data-et-design="29"] body { background-image:radial-gradient(circle at 15% 20%,rgba(231,168,74,.12),transparent 20%),radial-gradient(circle at 85% 55%,rgba(90,150,110,.16),transparent 28%)!important; }
html[data-et-design="29"] .et2-masthead h1 { display:grid; font-family:Georgia,serif; font-size:clamp(4rem,9vw,8rem); line-height:.78; }
html[data-et-design="29"] .et2-masthead h1 span:last-child { justify-self:end; color:var(--design-accent); font-style:italic; }
html[data-et-design="29"] .et2-lead,html[data-et-design="29"] .et2-reader-desk { border:1px solid var(--design-line); transform:none; }
html[data-et-design="29"] .et2-story-grid { position:relative; display:flex; flex-direction:column; gap:55px; padding:50px 0; }
html[data-et-design="29"] .et2-story-grid::before { content:""; position:absolute; inset:0 50% 0 auto; border-left:5px dashed var(--design-accent); }
html[data-et-design="29"] .et2-story-card { position:relative; z-index:1; width:58%; min-height:330px; grid-template-columns:42% 58%; overflow:hidden; border:1px solid var(--design-line); border-radius:26px; box-shadow:var(--design-shadow); }
html[data-et-design="29"] .et2-story-card:nth-child(even){ align-self:flex-end; }
html[data-et-design="29"] .et2-story-index { border-radius:50%; background:var(--design-accent); color:var(--design-bg); }

/* 30 — Giant poster: campaign-scale type and full-bleed media. */
html[data-et-design="30"] { --design-bg:#130f18; --design-panel:#1c1521; --design-ink:#fff0dc; --design-muted:#baa9b7; --design-line:#fff0dc; --design-accent:var(--et-primary); --design-width:100%; --design-shadow:none; --design-radius:0; --design-texture-opacity:.08; }
html[data-et-design="30"] .top-action { width:calc(100% - 40px); }
html[data-et-design="30"] .et2-cover { position:relative; width:100%; padding-top:0; }
html[data-et-design="30"] .et2-masthead { position:absolute; z-index:4; top:25px; left:4vw; right:4vw; pointer-events:none; }
html[data-et-design="30"] .et2-masthead h1 { display:grid; font-size:clamp(5rem,15vw,15rem); line-height:.62; letter-spacing:-.09em; }
html[data-et-design="30"] .et2-masthead h1 span:last-child { justify-self:end; color:var(--design-accent); }
html[data-et-design="30"] .et2-cover-grid { grid-template-columns:1fr; gap:0; }
html[data-et-design="30"] .et2-teaser-carousel { grid-row:1; transform:none; }
html[data-et-design="30"] .et2-lead { min-height:84vh; border:0; transform:none; }
html[data-et-design="30"] .et2-lead-art { inset:0; } html[data-et-design="30"] .et2-lead-art::after { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(12,8,16,.15),rgba(12,8,16,.78)); }
html[data-et-design="30"] .et2-lead-caption { z-index:3; max-width:460px; left:auto; right:6vw; bottom:8vh; }
html[data-et-design="30"] .et2-reader-desk { grid-row:2; width:min(1180px,calc(100% - 40px)); margin:-70px auto 0; position:relative; z-index:5; display:grid; grid-template-columns:.7fr 1.3fr; border:2px solid var(--design-line); }
html[data-et-design="30"] .et2-story-grid { display:flex; flex-direction:column; gap:0; }
html[data-et-design="30"] .et2-story-card { min-height:520px; grid-template-columns:55% 45%; border:0; border-top:1px solid var(--design-line); }
html[data-et-design="30"] .et2-story-card:nth-child(even){ grid-template-columns:45% 55%; } html[data-et-design="30"] .et2-story-card:nth-child(even) .et2-story-cover{ order:2; }

@media (max-width: 1060px) {
  html[data-et-design]:not([data-et-design="01"]) .et2-cover,
  html[data-et-design]:not([data-et-design="01"]) .et2-library,
  html[data-et-design]:not([data-et-design="01"]) .et2-game,
  html[data-et-design]:not([data-et-design="01"]) .et2-membership,
  html[data-et-design]:not([data-et-design="01"]) .site-footer { width: min(100% - 28px, var(--design-width, 1380px)); }
  html[data-et-design]:not([data-et-design="01"]) .et2-cover-grid,
  html[data-et-design="04"] .et2-cover-grid,
  html[data-et-design="05"] .et2-cover-grid,
  html[data-et-design="07"] .et2-cover-grid,
  html[data-et-design="08"] .et2-cover-grid,
  html[data-et-design="10"] .et2-cover-grid { grid-template-columns: 1fr; }
  html[data-et-design]:not([data-et-design="01"]) .et2-teaser-carousel { grid-column: 1; grid-row: 1; }
  html[data-et-design]:not([data-et-design="01"]) .et2-reader-desk { grid-column: 1; grid-row: 2; }
  html[data-et-design="05"] .et2-reader-desk { border-right: 0; border-top: 3px solid var(--design-line); }
  html[data-et-design="06"] .et2-reader-desk { grid-template-columns: 1fr 1.5fr; }
  html[data-et-design="06"] .et2-desk-links { grid-column: 1 / -1; border-top: 1px solid var(--design-line); border-left: 0; }
  html[data-et-design="03"] .et2-story-grid,
  html[data-et-design="04"] .et2-story-grid,
  html[data-et-design="06"] .et2-story-grid,
  html[data-et-design="07"] .et2-story-grid,
  html[data-et-design="10"] .et2-story-grid,
  html[data-et-design="11"] .et2-story-grid,
  html[data-et-design="13"] .et2-story-grid,
  html[data-et-design="14"] .et2-story-grid,
  html[data-et-design="16"] .et2-story-grid,
  html[data-et-design="17"] .et2-story-grid,
  html[data-et-design="18"] .et2-story-grid,
  html[data-et-design="20"] .et2-story-grid,
  html[data-et-design="21"] .et2-story-grid,
  html[data-et-design="22"] .et2-story-grid,
  html[data-et-design="26"] .et2-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-et-design="14"] .et2-story-card,
  html[data-et-design="22"] .et2-story-card { grid-column: span 1 !important; }
  html[data-et-design="25"] .et2-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  html[data-et-design="25"] .et2-story-card,
  html[data-et-design="25"] .et2-story-card:first-child,
  html[data-et-design="25"] .et2-story-card:nth-child(2) { grid-column: span 1 !important; }
}

@media (max-width: 700px) {
  .et-design-toggle { min-height: 40px; padding: 0 11px; }
  .et-design-toggle-label { display: none; }
  .et-design-panel {
    top: auto;
    right: 8px;
    bottom: 8px;
    left: 8px;
    width: auto;
    max-height: min(78vh, 760px);
    padding: 13px;
    box-shadow: 6px 6px 0 color-mix(in srgb, var(--et-primary, #b994d6) 30%, black);
  }
  .et-design-options { grid-template-columns: 1fr; }
  .et-design-option { grid-template-columns: 86px minmax(0, 1fr) 20px; }
  .et-design-preview { height: 54px; }
  .et-design-panel-head b { display: none; }
  html[data-et-design]:not([data-et-design="01"]) .et2-cover,
  html[data-et-design]:not([data-et-design="01"]) .et2-library,
  html[data-et-design]:not([data-et-design="01"]) .et2-game,
  html[data-et-design]:not([data-et-design="01"]) .et2-membership,
  html[data-et-design]:not([data-et-design="01"]) .site-footer { width: min(100% - 20px, var(--design-width, 1380px)); }
  html[data-et-design]:not([data-et-design="01"]) .et2-masthead h1 { font-size: clamp(3rem, 20vw, 5rem); }
  html[data-et-design]:not([data-et-design="01"]) .et2-story-grid { grid-template-columns: 1fr; }
  html[data-et-design]:not([data-et-design="01"]) .et2-story-card { display: grid; grid-template-columns: minmax(120px, 38%) minmax(0, 62%); min-height: 260px; transform: none; border-radius: min(var(--design-radius, 0px), 16px); }
  html[data-et-design]:not([data-et-design="01"]) .et2-story-cover { min-height: 260px; aspect-ratio: auto; border-radius: inherit 0 0 inherit; }
  html[data-et-design="12"] .et2-story-card,
  html[data-et-design="24"] .et2-story-card,
  html[data-et-design="29"] .et2-story-card { width: 100%; align-self: stretch; }
  html[data-et-design="12"] .et2-story-card:nth-child(even),
  html[data-et-design="24"] .et2-story-card:nth-child(even),
  html[data-et-design="30"] .et2-story-card:nth-child(even) { grid-template-columns: minmax(120px, 38%) minmax(0, 62%); }
  html[data-et-design="12"] .et2-story-card:nth-child(even) .et2-story-cover,
  html[data-et-design="24"] .et2-story-card:nth-child(even) .et2-story-cover,
  html[data-et-design="30"] .et2-story-card:nth-child(even) .et2-story-cover { order: initial; }
  html[data-et-design="13"] .et2-story-card,
  html[data-et-design="14"] .et2-story-card,
  html[data-et-design="16"] .et2-story-card,
  html[data-et-design="17"] .et2-story-card,
  html[data-et-design="18"] .et2-story-card,
  html[data-et-design="20"] .et2-story-card,
  html[data-et-design="21"] .et2-story-card,
  html[data-et-design="22"] .et2-story-card,
  html[data-et-design="25"] .et2-story-card,
  html[data-et-design="26"] .et2-story-card { grid-column: 1 !important; }
  html[data-et-design="14"] .et2-masthead h1 span:last-child { writing-mode: horizontal-tb; }
  html[data-et-design="24"] .et2-library { padding-top: 70px; }
  html[data-et-design="24"] .et2-story-grid { gap: 34px; }
  html[data-et-design="29"] .et2-story-grid::before { left: 18px; right: auto; }
  html[data-et-design="30"] .et2-lead { min-height: 680px; }
  html[data-et-design="30"] .et2-lead-caption { right: 24px; left: 42%; bottom: 38px; }
  html[data-et-design="30"] .et2-reader-desk { display: block; margin-top: -24px; }
  html[data-et-design="06"] .et2-reader-desk { display: block; }
  html[data-et-design="10"] .et2-cover { padding-top: 38px; }
  html[data-et-design="10"] .et2-newswire { width: calc(100% - 20px); margin-top: 46px; }
  .et2-home .et2-library { padding-bottom: 40px; }
}

@media (prefers-reduced-motion: reduce) {
  .et-design-option,
  html[data-et-design] body { transition: none !important; }
}

@media (max-width: 980px) {
  body { padding-bottom: 64px; }
  .et-switcher-control {
    position: fixed;
    z-index: 10010;
    bottom: 10px;
    grid-template-columns: 32px minmax(106px, auto) 32px;
    box-shadow: 0 8px 28px rgba(0, 0, 0, .38);
  }
  .et-design-control { right: 10px; }
  .et-palette-control { left: 10px; }
  .et-switcher-control .et-design-toggle,
  .et-switcher-control .et-palette-toggle,
  .et-switcher-step { min-height: 42px; }
  .et-switcher-control .et-design-toggle,
  .et-switcher-control .et-palette-toggle { width: auto; padding: 0 9px; }
  .et-palette-toggle-label,
  .et-design-toggle-label {
    position: static;
    display: inline;
    width: auto;
    height: auto;
    overflow: visible;
    clip: auto;
    font-size: .61rem;
    white-space: nowrap;
  }
  .et-palette-toggle-icon { width: 16px; height: 16px; }
  .et-design-toggle-icon { width: 15px; height: 15px; }
}

@media (max-width: 390px) {
  .et-switcher-control { grid-template-columns: 30px minmax(94px, auto) 30px; }
  .et-switcher-control .et-design-toggle,
  .et-switcher-control .et-palette-toggle { padding-inline: 6px; gap: 5px; }
  .et-design-control { right: 6px; }
  .et-palette-control { left: 6px; }
  .et-palette-toggle-icon,
  .et-design-toggle-icon { display: none; }
}

/* Design 22 stability pass — manga panels without clipped typography or inherited grid coordinates. */
html[data-et-design="22"] .et2-masthead { min-width:0; overflow:hidden; }
html[data-et-design="22"] .et2-masthead h1 {
  display:flex;
  flex-wrap:nowrap;
  align-items:flex-end;
  justify-content:space-between;
  gap:.12em;
  max-width:100%;
  font-size:clamp(4rem,9.1vw,8rem);
  line-height:.76;
}
html[data-et-design="22"] .et2-masthead h1 span { min-width:0; white-space:nowrap; }
html[data-et-design="22"] .et2-cover-grid,
html[data-et-design="22"] .et2-teaser-carousel,
html[data-et-design="22"] .et2-reader-desk { min-width:0; max-width:100%; }
html[data-et-design="22"] .et2-lead-caption { min-width:0; overflow:hidden; }
html[data-et-design="22"] .et2-lead-caption strong,
html[data-et-design="22"] .et2-reader-desk h2,
html[data-et-design="22"] .et2-story-copy strong { overflow-wrap:anywhere; word-break:normal; }
html[data-et-design="22"] .et2-story-grid {
  grid-template-columns:repeat(12,minmax(0,1fr));
  grid-auto-rows:auto;
  align-items:stretch;
}
html[data-et-design="22"] .et2-story-card {
  grid-column:auto / span 7!important;
  grid-row:auto!important;
  display:grid!important;
  grid-template-columns:minmax(150px,42%) minmax(0,58%)!important;
  min-width:0;
  min-height:360px;
}
html[data-et-design="22"] .et2-story-card:nth-child(2),
html[data-et-design="22"] .et2-story-card:nth-child(3) { grid-column:auto / span 5!important; }
html[data-et-design="22"] .et2-story-card:nth-child(4) { grid-column:auto / span 7!important; }
html[data-et-design="22"] .et2-story-card .et2-story-cover { min-width:0; min-height:360px; }
html[data-et-design="22"] .et2-story-card .et2-story-copy { min-width:0; }

@media (max-width:1060px) {
  html[data-et-design="22"] .et2-masthead h1 { font-size:clamp(3.7rem,11.5vw,7rem); }
  html[data-et-design="22"] .et2-story-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  html[data-et-design="22"] .et2-story-card,
  html[data-et-design="22"] .et2-story-card:nth-child(n) {
    grid-column:auto!important;
    grid-template-columns:1fr!important;
  }
  html[data-et-design="22"] .et2-story-card .et2-story-cover { min-height:390px; }
}

@media (max-width:700px) {
  html[data-et-design="22"] body { overflow-x:hidden; }
  html[data-et-design="22"] .top-action { gap:6px; padding:6px; }
  html[data-et-design="22"] .top-logo { width:46px; height:46px; flex:0 0 46px; }
  html[data-et-design="22"] .top-auth-actions { flex:1 1 auto; min-width:0; gap:5px; }
  html[data-et-design="22"] .game-float,
  html[data-et-design="22"] .patreon-float {
    min-width:0;
    min-height:40px;
    padding-inline:9px;
    font-size:.56rem;
    letter-spacing:.035em;
    white-space:nowrap;
  }
  html[data-et-design="22"] .game-float { flex:0 1 104px; }
  html[data-et-design="22"] .patreon-float { flex:1 1 142px; }
  html[data-et-design="22"] .et2-cover { padding-top:44px; }
  html[data-et-design="22"] .et2-masthead h1 {
    display:flex;
    flex-direction:column;
    align-items:flex-start;
    gap:2px;
    margin:14px 0 34px;
    font-size:clamp(3.1rem,15vw,4.1rem);
    line-height:.78;
  }
  html[data-et-design="22"] .et2-masthead h1 span,
  html[data-et-design="22"] .et2-masthead h1 span:last-child { max-width:100%; justify-self:start; white-space:normal; }
  html[data-et-design="22"] .et2-cover-grid { width:100%; }
  html[data-et-design="22"] .et2-teaser-slide.et2-lead { width:100%; min-height:0; }
  html[data-et-design="22"] .et2-lead-art { min-height:460px; }
  html[data-et-design="22"] .et2-lead-caption { padding:30px 22px 74px; }
  html[data-et-design="22"] .et2-lead-caption strong { font-size:clamp(2.25rem,12vw,3.25rem); line-height:.86; }
  html[data-et-design="22"] .et2-reader-desk { width:100%; padding:24px 18px; overflow:hidden; }
  html[data-et-design="22"] .et2-story-grid { grid-template-columns:1fr; }
  html[data-et-design="22"] .et2-story-card,
  html[data-et-design="22"] .et2-story-card:nth-child(n) {
    grid-column:1!important;
    grid-template-columns:minmax(118px,38%) minmax(0,62%)!important;
    min-height:270px;
  }
  html[data-et-design="22"] .et2-story-card .et2-story-cover { min-height:270px; }
  html[data-et-design="22"] .et2-story-card .et2-story-copy { padding:18px 14px; }
  html[data-et-design="22"] .et2-story-card .et2-story-copy strong { font-size:clamp(1.45rem,8vw,2rem); }
}
/* Design 22 final alignment correction. */
html[data-et-design="22"] .et2-masthead h1 {
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  width:100%;
}
html[data-et-design="22"] .et2-masthead h1 span:first-child { justify-self:start; }
html[data-et-design="22"] .et2-masthead h1 span:last-child { justify-self:end; }
html[data-et-design="22"] .et2-masthead h1 span:first-child {
  color:var(--design-ink)!important;
  -webkit-text-stroke:1px var(--design-ink);
  text-shadow:6px 6px 0 color-mix(in srgb,var(--design-accent) 24%,var(--design-bg))!important;
}
html[data-et-design="22"] .et2-masthead h1 span:last-child {
  color:var(--design-accent)!important;
  -webkit-text-stroke:1px color-mix(in srgb,var(--design-accent) 82%,var(--design-ink));
  text-shadow:6px 6px 0 color-mix(in srgb,var(--design-ink) 72%,transparent)!important;
}
@media (max-width:700px) {
  html[data-et-design="22"] .et2-masthead h1 {
    display:grid;
    grid-template-columns:1fr;
    font-size:clamp(2.45rem,10.5vw,3.2rem);
  }
  html[data-et-design="22"] .et2-masthead h1 span:first-child,
  html[data-et-design="22"] .et2-masthead h1 span:last-child { justify-self:start; overflow-wrap:anywhere; }
  html[data-et-design="22"] .et2-teaser-track,
  html[data-et-design="22"] .et2-lead-caption,
  html[data-et-design="22"] .et2-lead-caption em { width:100%; max-width:100%; min-width:0; overflow-wrap:anywhere; }
  html[data-et-design="22"] .et2-teaser-slide.et2-lead { grid-template-columns:minmax(0,1fr)!important; }
}
/* Design 22: remove redundant issue badges from story cards. */
html[data-et-design="22"] .et2-story-index { display:none!important; }

/* Design 22: leave room for the italic S overhang in TALES. */
html[data-et-design="22"] .et2-masthead { overflow:visible; }
html[data-et-design="22"] .et2-masthead h1 { box-sizing:border-box; padding-right:.11em; }
/* Design 22: stable two-column manga shelf; no collapsed inherited grid tracks. */
@media (min-width:1061px) {
  html[data-et-design="22"] .et2-story-grid {
    grid-template-columns:repeat(2,minmax(0,1fr));
    grid-auto-rows:auto;
    align-items:stretch;
  }
  html[data-et-design="22"] .et2-story-card,
  html[data-et-design="22"] .et2-story-card:nth-child(n) {
    grid-column:auto!important;
    grid-row:auto!important;
    width:100%!important;
    min-width:0;
    display:grid!important;
    grid-template-columns:minmax(180px,42%) minmax(0,58%)!important;
  }
}
/* Design 22: readable dark teaser caption and a dedicated carousel footer. */
html[data-et-design="22"] .et2-lead-caption { padding-bottom:76px; }
html[data-et-design="22"] .et2-lead-caption strong {
  color:#f7f2e8;
  text-shadow:2px 2px 0 rgba(227,64,75,.3);
}
html[data-et-design="22"] .et2-lead-caption em { color:#e3ddd2!important; }
html[data-et-design="22"] .et2-lead-caption b { color:var(--design-accent); }
html[data-et-design="22"] .et2-teaser-dots { right:18px; bottom:16px; left:auto; }
@media (max-width:700px) {
  html[data-et-design="22"] .et2-lead-caption { padding-bottom:82px; }
  html[data-et-design="22"] .et2-teaser-dots { right:14px; bottom:14px; }
}
/* Design 22: preserve the palette logo while giving its light E enough contrast. */
html[data-et-design="22"] .top-logo {
  background:#151515;
  box-shadow:3px 3px 0 rgba(227,64,75,.28);
}
html[data-et-design="22"] .top-logo img { filter:none!important; }

/* Design 22 FAQ: a clean editorial index instead of stacked dark cards. */
html[data-et-design="22"] .faq-section {
  width:min(980px,calc(100% - 40px));
  padding-top:clamp(28px,4vw,52px);
}
html[data-et-design="22"] .faq-grid {
  max-width:none;
  gap:0;
  border-top:4px solid var(--design-line);
}
html[data-et-design="22"] .faq-item {
  overflow:visible;
  border:0;
  border-bottom:2px solid var(--design-line);
  border-radius:0;
  background:transparent;
  color:var(--design-ink);
  box-shadow:none;
}
html[data-et-design="22"] .faq-question {
  display:grid;
  grid-template-columns:minmax(0,1fr) 42px;
  gap:22px;
  min-height:88px;
  padding:20px 0;
  background:transparent;
  color:var(--design-ink);
  font-size:clamp(1.05rem,1.8vw,1.3rem);
  line-height:1.25;
}
html[data-et-design="22"] .faq-question span {
  min-width:0;
  padding-left:18px;
  border-left:6px solid transparent;
}
html[data-et-design="22"] .faq-question:hover span,
html[data-et-design="22"] .faq-question:focus-visible span,
html[data-et-design="22"] .faq-item.is-open .faq-question span {
  border-left-color:var(--design-accent);
}
html[data-et-design="22"] .faq-question:focus-visible {
  outline:2px solid var(--design-accent);
  outline-offset:-2px;
}
html[data-et-design="22"] .faq-question strong {
  width:38px;
  height:38px;
  flex-basis:38px;
  border:2px solid var(--design-line);
  border-radius:50%;
  background:var(--design-panel);
}
html[data-et-design="22"] .faq-question strong::before,
html[data-et-design="22"] .faq-question strong::after {
  width:14px;
  height:2px;
  background:var(--design-ink);
}
html[data-et-design="22"] .faq-item.is-open .faq-question strong {
  border-color:var(--design-accent);
  background:var(--design-accent);
}
html[data-et-design="22"] .faq-item.is-open .faq-question strong::before,
html[data-et-design="22"] .faq-item.is-open .faq-question strong::after {
  background:var(--design-bg);
}
html[data-et-design="22"] .faq-answer {
  padding:0 80px 26px 24px;
  background:transparent;
  color:var(--design-muted);
  font-size:1rem;
}
html[data-et-design="22"] .faq-answer p {
  max-width:760px;
  color:var(--design-muted);
  line-height:1.7;
}
html[data-et-design="22"] .faq-answer a {
  color:var(--design-accent);
  text-decoration:underline;
  text-underline-offset:3px;
}

@media (max-width:620px) {
  html[data-et-design="22"] .inner-hero h1 {
    max-width:100%;
    font-size:clamp(2.85rem,12vw,3.25rem);
    line-height:.9;
    letter-spacing:-.055em;
  }
  html[data-et-design="22"] .faq-section { width:calc(100% - 24px); padding-top:24px; }
  html[data-et-design="22"] .faq-question {
    grid-template-columns:minmax(0,1fr) 34px;
    gap:12px;
    min-height:72px;
    padding:16px 0;
    font-size:1rem;
  }
  html[data-et-design="22"] .faq-question span { padding-left:12px; border-left-width:4px; }
  html[data-et-design="22"] .faq-question strong { width:32px; height:32px; flex-basis:32px; }
  html[data-et-design="22"] .faq-answer { padding:0 46px 22px 16px; font-size:.94rem; }
}

/* Design 22 legal pages: long-form editorial typography, not legacy dark cards. */
html[data-et-design="22"] .legal-page {
  width:min(980px,calc(100% - 40px));
  padding-top:clamp(28px,4vw,52px);
}
html[data-et-design="22"] .legal-page .legal-panel {
  max-width:none;
  padding:0 0 clamp(54px,7vw,90px);
  border:0;
  border-top:4px solid var(--design-line);
  border-radius:0;
  background:transparent;
  color:var(--design-ink);
  box-shadow:none;
}
html[data-et-design="22"] .legal-page .legal-panel > p:first-child {
  width:max-content;
  max-width:100%;
  margin:0 0 clamp(34px,5vw,58px);
  padding:10px 14px;
  background:var(--design-accent);
  color:var(--design-bg);
  font-size:.76rem;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}
html[data-et-design="22"] .legal-page .legal-panel h2 {
  max-width:780px;
  margin:clamp(34px,5vw,56px) 0 12px;
  padding-top:14px;
  border-top:1px solid color-mix(in srgb,var(--design-line) 28%,transparent);
  color:var(--design-ink);
  font-size:clamp(1.35rem,2.5vw,2rem);
  line-height:1.08;
  letter-spacing:-.025em;
}
html[data-et-design="22"] .legal-page .legal-panel h2:first-of-type { margin-top:0; }
html[data-et-design="22"] .legal-page .legal-panel p:not(:first-child) {
  max-width:780px;
  margin:0 0 16px;
  color:var(--design-muted);
  font-size:1rem;
  line-height:1.75;
}
html[data-et-design="22"] .legal-page .legal-panel a {
  color:var(--design-accent);
  font-weight:800;
  text-decoration:underline;
  text-underline-offset:3px;
}

@media (max-width:620px) {
  html[data-et-design="22"] .legal-page { width:calc(100% - 24px); padding-top:24px; }
  html[data-et-design="22"] .legal-page .legal-panel > p:first-child { margin-bottom:30px; }
  html[data-et-design="22"] .legal-page .legal-panel h2 { margin-top:34px; font-size:1.35rem; }
  html[data-et-design="22"] .legal-page .legal-panel p:not(:first-child) { font-size:.95rem; line-height:1.7; }
}

/* Design 22 palette system: warm paper, warm panel, charcoal ink and one red accent. */
html[data-et-design="22"] {
  --design-bg:#f5f0e7;
  --design-panel:#fffaf2;
  --design-ink:#171512;
  --design-muted:#625d55;
  --design-line:#171512;
  --design-accent:var(--et-primary);
  --design-accent-text:color-mix(in srgb,var(--design-accent) 74%,var(--design-ink));
  --design-highlight:var(--et-secondary);
  --design-highlight-text:color-mix(in srgb,var(--design-highlight) 54%,var(--design-ink));
  --design-shadow:6px 6px 0 var(--design-ink);
}
html[data-et-design="22"] body {
  color:var(--design-ink);
  background-color:var(--design-bg);
}

/* One treatment for the two halves of the masthead. */
html[data-et-design="22"] .et2-masthead h1 span:first-child,
html[data-et-design="22"] .et2-masthead h1 span:last-child {
  color:var(--design-ink)!important;
  -webkit-text-stroke:1px var(--design-ink);
  text-shadow:6px 6px 0 color-mix(in srgb,var(--design-accent) 34%,var(--design-bg))!important;
}

/* Shared header and controls. */
html[data-et-design="22"] .top-action { color:var(--design-ink); border-bottom-color:var(--design-line); }
html[data-et-design="22"] .game-float,
html[data-et-design="22"] .patreon-float {
  border:2px solid var(--design-line);
  border-radius:0;
  background:var(--design-panel);
  color:var(--design-ink);
  box-shadow:4px 4px 0 var(--design-ink);
}
html[data-et-design="22"] .game-float:hover,
html[data-et-design="22"] .patreon-float:hover {
  border-color:var(--design-line);
  background:var(--design-accent);
  color:var(--design-ink);
  box-shadow:2px 2px 0 var(--design-ink);
}
html[data-et-design="22"]:not([data-et-design="01"]) .button-primary {
  border:2px solid var(--design-line);
  border-radius:0;
  background:var(--design-accent);
  color:var(--design-ink);
  box-shadow:4px 4px 0 var(--design-ink);
}
html[data-et-design="22"] .button-primary:hover { filter:brightness(.96); box-shadow:2px 2px 0 var(--design-ink); }

/* Use darker accent mixes for small copy so red and gold remain readable on paper. */
html[data-et-design="22"] :is(.inner-hero p,.et2-kicker,.et2-reader-desk small,.et2-game-copy li,.et2-membership-stamp,.et2-text-link,.faq-answer a,.legal-panel a) {
  color:var(--design-accent-text);
}
html[data-et-design="22"] .et2-newswire {
  background:var(--design-accent);
  color:var(--design-ink);
}
html[data-et-design="22"] .et2-newswire :is(strong,i) { color:var(--design-ink); }
html[data-et-design="22"] :is(.et2-reader-desk,.et2-game-copy,.et2-membership,.faq-question strong) {
  background-color:var(--design-panel);
}
html[data-et-design="22"] .faq-item.is-open .faq-question strong {
  border-color:var(--design-line);
  background:var(--design-accent);
}
html[data-et-design="22"] .faq-item.is-open .faq-question strong::before,
html[data-et-design="22"] .faq-item.is-open .faq-question strong::after { background:var(--design-ink); }
html[data-et-design="22"] .legal-page .legal-panel > p:first-child {
  background:var(--design-accent);
  color:var(--design-ink);
}

/* Game page now follows the same palette instead of its old purple-and-gold theme. */
html[data-et-design="22"] .et-game-page .et-play-back,
html[data-et-design="22"] .et-game-page .et-play-eyebrow { color:var(--design-accent-text); }
html[data-et-design="22"] .et-game-page .et-play-back:hover { color:var(--design-ink); }
html[data-et-design="22"] .et-game-page .et-play-intro h1,
html[data-et-design="22"] .et-game-page .et-play-intro h1 em { color:var(--design-ink); }
html[data-et-design="22"] .et-game-page .et-play-intro h1 em {
  text-decoration:underline;
  text-decoration-color:var(--design-accent);
  text-decoration-thickness:.08em;
  text-underline-offset:.08em;
}
html[data-et-design="22"] .et-game-page .et-play-intro>p:last-child,
html[data-et-design="22"] .et-game-page .et-play-guide p,
html[data-et-design="22"] .et-game-page .et-play-footnote { color:var(--design-muted); }
html[data-et-design="22"] .et-game-page .et-player {
  border:3px solid var(--design-line);
  border-radius:0;
  background:var(--design-ink);
  box-shadow:var(--design-shadow);
}
html[data-et-design="22"] .et-game-page .et-player-bar {
  background:var(--design-ink);
  color:color-mix(in srgb,var(--design-panel) 72%,var(--design-muted));
}
html[data-et-design="22"] .et-game-page .et-player-status i { background:var(--design-accent); }
html[data-et-design="22"] .et-game-page .et-engine-switch {
  border-color:color-mix(in srgb,var(--design-panel) 30%,transparent);
  border-radius:0;
  background:color-mix(in srgb,var(--design-ink) 88%,black);
}
html[data-et-design="22"] .et-game-page .et-engine-switch button {
  border-right-color:color-mix(in srgb,var(--design-panel) 30%,transparent);
  color:color-mix(in srgb,var(--design-panel) 72%,var(--design-muted));
}
html[data-et-design="22"] .et-game-page .et-engine-switch button[aria-pressed="true"] {
  background:var(--design-accent);
  color:var(--design-ink);
}
html[data-et-design="22"] .et-game-page .et-engine-switch button:hover:not([aria-pressed="true"]),
html[data-et-design="22"] .et-game-page .et-player-actions a:hover,
html[data-et-design="22"] .et-game-page .et-player-actions button:hover { color:var(--design-accent); }
html[data-et-design="22"] .et-game-page .et-player-actions :is(a,button) { color:var(--design-panel); }
html[data-et-design="22"] .et-game-page .et-player-stage,
html[data-et-design="22"] .et-game-page .et-player-cover { background:#1c1918; }
html[data-et-design="22"] .et-game-page .et-player-cover { color:var(--design-panel); }
html[data-et-design="22"] .et-game-page .et-player-border { border-color:color-mix(in srgb,var(--design-accent) 42%,transparent); }
html[data-et-design="22"] .et-game-page .et-player-border::before,
html[data-et-design="22"] .et-game-page .et-player-border::after {
  background:#1c1918;
  color:color-mix(in srgb,var(--design-accent) 58%,transparent);
}
html[data-et-design="22"] .et-game-page .et-player-cover :is(.et-play-eyebrow,.et-player-flourish),
html[data-et-design="22"] .et-game-page .et-player-cover h2 em { color:var(--design-accent); }
html[data-et-design="22"] .et-game-page .et-player-cover h2 { color:var(--design-panel); }
html[data-et-design="22"] .et-game-page .et-player-start {
  border:2px solid var(--design-accent);
  border-radius:0;
  background:var(--design-accent);
  color:var(--design-ink);
  box-shadow:4px 4px 0 color-mix(in srgb,var(--design-panel) 24%,transparent);
}
html[data-et-design="22"] .et-game-page .et-player-start:hover { background:color-mix(in srgb,var(--design-accent) 86%,var(--design-panel)); }
html[data-et-design="22"] .et-game-page .et-player-small { color:color-mix(in srgb,var(--design-panel) 72%,var(--design-muted)); }
html[data-et-design="22"] .et-game-page .et-play-guide-number { color:var(--design-accent-text); }
html[data-et-design="22"] .et-game-page .et-play-guide h2 { color:var(--design-ink); }
html[data-et-design="22"] .et-game-page kbd { border-color:var(--design-muted); color:var(--design-ink); }
html[data-et-design="22"] .et-game-page .et-play-footnote { border-top-color:var(--design-line); }
html[data-et-design="22"] .et-game-page :is(button,a):focus-visible { outline-color:var(--design-accent); }

/* Footer and age gate use the same roles, including on inner pages. */
html[data-et-design="22"] .site-footer {
  border-top-color:var(--design-line);
  background:var(--design-ink);
  color:color-mix(in srgb,var(--design-panel) 68%,var(--design-muted));
}
html[data-et-design="22"] .site-footer :is(strong,b) { color:var(--design-panel); }
html[data-et-design="22"] .site-footer :is(p,a,.footer-disclaimer) { color:color-mix(in srgb,var(--design-panel) 68%,var(--design-muted)); }
html[data-et-design="22"] .site-footer nav a:hover { color:var(--design-accent); }
html[data-et-design="22"] .footer-social {
  border-color:color-mix(in srgb,var(--design-accent) 68%,var(--design-panel));
  border-radius:0;
  background:transparent;
  color:var(--design-panel);
}
html[data-et-design="22"] .footer-social:hover { border-color:var(--design-accent); background:var(--design-accent); color:var(--design-ink); }
html[data-et-design="22"] .age-gate {
  background:linear-gradient(color-mix(in srgb,var(--design-ink) 88%,transparent),color-mix(in srgb,var(--design-ink) 96%,transparent)),var(--design-bg);
}
html[data-et-design="22"] .age-panel {
  border:3px solid var(--design-line);
  border-radius:0;
  background:var(--design-panel);
  color:var(--design-ink);
  box-shadow:var(--design-shadow);
}
html[data-et-design="22"] .age-kicker,
html[data-et-design="22"] .age-warning { color:var(--design-accent-text); }
html[data-et-design="22"] .age-panel .button-soft {
  border:2px solid var(--design-line);
  border-radius:0;
  background:var(--design-bg);
  color:var(--design-ink);
}

/* Design 22 finishing pass: one ink treatment for the masthead and ET mark. */
html[data-et-design="22"] .top-logo {
  position:relative;
  width:52px;
  min-width:52px;
  height:52px;
  display:grid;
  place-items:center;
  border:2px solid var(--design-line);
  background:var(--design-panel);
  box-shadow:3px 3px 0 color-mix(in srgb,var(--design-accent) 34%,var(--design-bg));
}
html[data-et-design="22"] .top-logo img { opacity:0; }
html[data-et-design="22"] .top-logo::after {
  content:"ET";
  display:block!important;
  position:absolute;
  inset:0;
  color:var(--design-ink);
  font-family:"Arial Black",Impact,Arial,sans-serif;
  font-size:29px;
  font-style:normal;
  font-weight:900;
  line-height:48px;
  letter-spacing:-.13em;
  text-align:center;
  text-shadow:2px 2px 0 color-mix(in srgb,var(--design-accent) 34%,var(--design-bg));
}

/* Let the 4:3 key art set the game panel height; the copy is intentionally compact. */
html[data-et-design="22"] .et2-game {
  grid-template-columns:minmax(0,1.62fr) minmax(320px,1fr);
  align-items:stretch;
  background:var(--design-panel);
}
html[data-et-design="22"] .et2-game-screen {
  min-width:0;
  min-height:0;
  aspect-ratio:1600 / 1203;
  overflow:hidden;
  background:#0879c9;
}
html[data-et-design="22"] .et2-screen-body.has-game-art {
  width:100%;
  height:100%;
  min-height:0;
  aspect-ratio:1600 / 1203;
  background:#0879c9 url("assets/game/udder-limits-key-art.webp") center / contain no-repeat;
}
html[data-et-design="22"] .et2-game-key-art {
  object-fit:contain;
  object-position:center;
}
html[data-et-design="22"] .et2-game-copy {
  min-width:0;
  padding:clamp(32px,4vw,54px);
}
html[data-et-design="22"] .et2-game-copy h2 {
  font-size:clamp(4rem,6.3vw,6.7rem);
}

@media (max-width:1060px) {
  html[data-et-design="22"] .et2-game { grid-template-columns:1fr; }
  html[data-et-design="22"] .et2-game-screen {
    border-right:0;
    border-bottom:2px solid var(--design-line);
  }
}

@media (max-width:700px) {
  html[data-et-design="22"] .top-logo {
    width:46px;
    min-width:46px;
    height:46px;
    flex-basis:46px;
  }
  html[data-et-design="22"] .top-logo::after {
    font-size:26px;
    line-height:42px;
  }
  html[data-et-design="22"] .et2-game-copy { padding:32px 24px 36px; }
  html[data-et-design="22"] .et2-game-copy h2 { font-size:clamp(4rem,18vw,5.2rem); }
}

/* Remove the orphan divider left behind by the retired Reader Desk label. */
html[data-et-design="22"] .et2-reader-desk .et2-desk-latest {
  border-top:0;
  padding-top:0;
}

/* Keep the mobile wordmark on two deliberate lines, never split inside EXPANSION. */
@media (min-width:701px) and (max-width:1060px) {
  html[data-et-design="22"] .et2-masthead h1 {
    grid-template-columns:auto auto;
    justify-content:space-between;
    column-gap:clamp(20px,4vw,50px);
    font-size:clamp(3.5rem,8vw,5rem)!important;
  }
}

@media (max-width:700px) {
  html[data-et-design="22"] .et2-masthead h1 {
    font-size:clamp(2.5rem,14vw,3.55rem)!important;
    line-height:.82!important;
  }
  html[data-et-design="22"] .et2-masthead h1 span:first-child,
  html[data-et-design="22"] .et2-masthead h1 span:last-child {
    width:max-content;
    max-width:none;
    white-space:nowrap!important;
    overflow-wrap:normal!important;
    word-break:keep-all;
  }
}

/* footer-fix.css */
/* Final footer layout guard. Kept separate so browsers receive a fresh URL after fixes. */
.site-footer {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  column-gap: 24px !important;
  row-gap: 18px !important;
}

.site-footer > div:first-child {
  flex: 1 1 360px !important;
  width: auto !important;
  min-width: 260px !important;
}

.site-footer > div:first-child p {
  width: auto !important;
  max-width: 42rem !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
}

.site-footer nav {
  flex: 0 1 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

.site-footer .footer-socials,
.site-footer > span:last-child {
  flex: 0 0 auto !important;
  width: auto !important;
  min-width: 0 !important;
}

.site-footer > span:last-child {
  white-space: nowrap !important;
}

@media (max-width: 760px) {
  .site-footer {
    align-items: flex-start !important;
    row-gap: 20px !important;
  }

  .site-footer > div:first-child,
  .site-footer nav,
  .site-footer .footer-socials,
  .site-footer > span:last-child {
    flex: 1 1 100% !important;
    width: 100% !important;
    min-width: 0 !important;
  }

  .site-footer nav,
  .site-footer .footer-socials {
    justify-content: flex-start !important;
  }
}

/* Design 22 contrast guard: keep small labels readable on both ink and paper. */
html[data-et-design="22"] .age-panel .eyebrow {
  color: var(--design-accent-text) !important;
}

html[data-et-design="22"] .et2-desk-links a {
  color: var(--et-text) !important;
}

html[data-et-design="22"] .et2-desk-links strong {
  color: var(--et-text) !important;
}

html[data-et-design="22"] .et2-desk-links small {
  color: color-mix(in srgb, var(--et-secondary) 82%, white) !important;
}

html[data-et-design="22"] .et2-desk-links span {
  color: color-mix(in srgb, var(--et-primary) 50%, white) !important;
}

html[data-et-design="22"] .et2-desk-member {
  color: var(--design-ink) !important;
}

html[data-et-design="22"] .et2-desk-member span {
  color: var(--design-highlight-text) !important;
}

html[data-et-design="22"] .et2-desk-member b {
  color: var(--design-accent-text) !important;
}

html[data-et-design="22"] .et2-membership-stamp {
  color: var(--design-ink) !important;
}

html[data-et-design="22"] .et2-lead-caption b {
  color: color-mix(in srgb, var(--et-primary) 70%, white) !important;
}

html[data-et-design="22"] :is(a, button):focus-visible {
  outline: 3px solid var(--design-accent-text);
  outline-offset: 3px;
}

/* Design 22 media balance: let comic artwork lead and keep copy secondary. */
@media (min-width: 1061px) {
  html[data-et-design="22"] .et2-teaser-slide.et2-lead {
    grid-template-columns: minmax(0, 72%) minmax(0, 28%) !important;
  }

  html[data-et-design="22"] .et2-teaser-slide .et2-lead-caption {
    padding-inline: 18px;
  }

  html[data-et-design="22"] .et2-teaser-slide .et2-lead-caption strong {
    font-size: clamp(1.7rem, 12cqi, 3.2rem);
    overflow-wrap: normal;
    word-break: normal;
  }

  html[data-et-design="22"] .et2-story-card,
  html[data-et-design="22"] .et2-story-card:nth-child(n) {
    grid-template-columns: minmax(260px, 56%) minmax(0, 44%) !important;
  }

  html[data-et-design="22"] .et2-story-card .et2-story-copy {
    padding-inline: 18px;
  }
}

@media (max-width: 700px) {
  html[data-et-design="22"] .et2-story-card,
  html[data-et-design="22"] .et2-story-card:nth-child(n) {
    grid-template-columns: minmax(130px, 46%) minmax(0, 54%) !important;
  }
}

/* Design 22 reader desk: one release, then a clear action list instead of tiles. */
html[data-et-design="22"] .et2-reader-desk .et2-desk-latest {
  border-bottom: 0;
  padding-bottom: 30px;
}

html[data-et-design="22"] .et2-reader-desk .et2-desk-latest h2 {
  margin: 0;
  font-size: clamp(2.25rem, 3vw, 3rem);
  line-height: .9;
  overflow-wrap: normal;
  word-break: normal;
}

html[data-et-design="22"] .et2-reader-desk .et2-desk-meta {
  margin-top: 12px;
  color: var(--design-muted);
}

html[data-et-design="22"] .et2-reader-desk .et2-desk-summary {
  margin-top: 14px;
}

html[data-et-design="22"] .et2-reader-desk .et2-desk-actions {
  margin-top: 22px;
}

html[data-et-design="22"] .et2-desk-links {
  display: flex;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
  border-top: 2px solid var(--design-line);
}

html[data-et-design="22"] .et2-desk-links a,
html[data-et-design="22"] .et2-desk-member {
  display: grid;
  min-width: 0;
  min-height: 0;
  grid-template-columns: minmax(0, 1fr) auto;
  grid-template-rows: auto auto;
  gap: 4px 18px;
  align-items: center;
  margin: 0;
  border: 0;
  border-bottom: 1px solid var(--design-line);
  padding: 18px 0;
  background: transparent !important;
  box-shadow: none;
  color: var(--design-ink) !important;
  transform: none;
}

html[data-et-design="22"] .et2-desk-links a:hover {
  border-color: var(--design-line);
  background: transparent !important;
  transform: none;
}

html[data-et-design="22"] .et2-desk-links small,
html[data-et-design="22"] .et2-desk-member > span {
  grid-column: 1;
  grid-row: 1;
  margin: 0;
  color: var(--design-muted) !important;
  font-size: .62rem;
  letter-spacing: .1em;
}

html[data-et-design="22"] .et2-desk-links strong,
html[data-et-design="22"] .et2-desk-member > strong {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  color: var(--design-ink) !important;
  font-size: clamp(1.2rem, 1.8vw, 1.55rem);
  line-height: 1;
}

html[data-et-design="22"] .et2-desk-links a > span,
html[data-et-design="22"] .et2-desk-member > b {
  grid-column: 2;
  grid-row: 1 / span 2;
  align-self: center;
  margin: 0;
  padding: 0;
  color: var(--design-accent-text) !important;
  font-size: .67rem;
  font-weight: 900;
  letter-spacing: .03em;
  line-height: 1.2;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
}

html[data-et-design="22"] .et2-desk-links a:hover > span,
html[data-et-design="22"] .et2-desk-member:hover > b {
  text-decoration: underline;
  text-underline-offset: 4px;
}

html[data-et-design="22"] .et2-desk-member {
  border-bottom-width: 2px;
}

@media (max-width: 420px) {
  html[data-et-design="22"] .et2-desk-links a,
  html[data-et-design="22"] .et2-desk-member {
    grid-template-columns: minmax(0, 1fr);
    gap: 5px;
  }

  html[data-et-design="22"] .et2-desk-links a > span,
  html[data-et-design="22"] .et2-desk-member > b {
    grid-column: 1;
    grid-row: 3;
    justify-self: start;
    margin-top: 6px;
    text-align: left;
  }
}

/* Design 22 teaser: arrows already explain the carousel, so remove duplicate labels. */
html[data-et-design="22"] .et2-teaser-slide .et2-lead-label,
html[data-et-design="22"] .et2-teaser-slide .et2-burst {
  display: none !important;
}

/* Design 22 teaser media: show every source image in full, regardless of its ratio. */
html[data-et-design="22"] .et2-lead-art,
html[data-et-design="22"] .et2-story-cover {
  background: var(--design-ink);
}

html[data-et-design="22"] .et2-lead-art :is(img, video),
html[data-et-design="22"] .et2-story-cover :is(img, video) {
  object-fit: contain !important;
  object-position: center;
}

html[data-et-design="22"] .et2-story-card,
html[data-et-design="22"] .et2-story-card:nth-child(n) {
  min-height: 0 !important;
}

html[data-et-design="22"] .et2-story-card .et2-story-cover,
html[data-et-design="22"] .et2-story-card:nth-child(even) .et2-story-cover {
  min-height: 0 !important;
  aspect-ratio: 4 / 3 !important;
  align-self: start;
}

html[data-et-design="22"] .et2-story-card:hover .et2-story-cover :is(img, video) {
  transform: none;
}

html[data-et-design="22"] .et2-story-copy strong {
  font-size: clamp(1.65rem, 2.35vw, 2.6rem);
  overflow-wrap: normal;
  word-break: normal;
}

@media (max-width: 700px) {
  html[data-et-design="22"] .et2-story-card,
  html[data-et-design="22"] .et2-story-card:nth-child(n) {
    grid-template-columns: minmax(0, 1fr) !important;
  }

  html[data-et-design="22"] .et2-story-card .et2-story-cover {
    border-right: 0;
    border-bottom: 4px solid var(--design-line);
  }

  html[data-et-design="22"] .et2-story-copy strong {
    font-size: clamp(1.8rem, 9vw, 2.4rem);
  }
}