/*
  PAOPAO / DREAM DETAIL III: CRIMSON THREAD
  Theme ID remains "crimson-web" for compatibility with saved DREAM records.
  An original visual interpretation of blood / red thread / a sealed letter / spiderweb,
  without copied character artwork. Only DREAM detail pages with this data attribute.
*/
@import url("https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@400;500;600&display=swap");

body.dream-sky[data-dream-theme="crimson-web"] {
  --color-background:#0e0a0b;
  --color-text:#f2e8df;
  --color-text-muted:#c8b4b1;
  --color-line:#651b2a;
  --color-accent:#b71f34;
  --ct-obsidian:#0e0a0b;
  --ct-card:#e9ded0;
  --ct-ink:#261d1d;
  --ct-muted:#625456;
  --ct-red:#9e1123;
  --ct-red-dark:#650d19;
  --ct-edge:#b29e91;
  background:#0e0a0b;
  color:#f2e8df;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-sky-clouds {display:none;}
body.dream-sky[data-dream-theme="crimson-web"] .site {
  isolation:isolate;
  background:
    radial-gradient(ellipse 50% 17% at 95% 15%,rgba(130,15,29,.24),transparent 87%),
    radial-gradient(ellipse 48% 13% at 3% 58%,rgba(143,13,32,.17),transparent 84%),
    linear-gradient(160deg,#100a0c,#191011 34%,#0c090a 70%,#1b0c0e);
  color:#efe7de;
}
body.dream-sky[data-dream-theme="crimson-web"] .site::before {
  content:"";position:absolute;inset:0;pointer-events:none;z-index:0;
  background-image:url("../assets/images/dream/crimson-thread-network.svg");
  background-position:center 30px;background-repeat:repeat-y;background-size:min(100%,1440px) auto;
  opacity:.9;
}
body.dream-sky[data-dream-theme="crimson-web"] .site > * {position:relative;z-index:1;}
body.dream-sky[data-dream-theme="crimson-web"] .site-header,
body.dream-sky[data-dream-theme="crimson-web"] .site-footer {
  background:rgba(11,8,9,.94);border-color:rgba(160,32,46,.42);
  box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:#ebdad0;
}
body.dream-sky[data-dream-theme="crimson-web"] .site-header a,
body.dream-sky[data-dream-theme="crimson-web"] .site-footer a,
body.dream-sky[data-dream-theme="crimson-web"] .site-nav a,
body.dream-sky[data-dream-theme="crimson-web"] .footer-label {color:#e1d0c9;}
body.dream-sky[data-dream-theme="crimson-web"] .site-logo {font-family:"Gowun Batang",serif;color:#c93748;}
body.dream-sky[data-dream-theme="crimson-web"] .site-nav a[aria-current="page"]::after {background:#ab1e30;}
body.dream-sky[data-dream-theme="crimson-web"] :focus-visible {outline:2px solid #ef6673;outline-offset:3px;}
body.dream-sky[data-dream-theme="crimson-web"] ::selection {color:#fff4e8;background:#8c1729;}

body.dream-sky[data-dream-theme="crimson-web"] .dream-detail {
  --color-text:#291f20;--color-text-muted:#665557;--color-surface:#e7dbce;
  --color-line:#bda89a;--color-accent:#9e1123;
  font-family:"Noto Sans KR",system-ui,sans-serif;
  color:var(--ct-ink);padding-bottom:clamp(60px,8vw,125px);
}

/* A document caught in red threads: hero reads as a record, not a love-letter. */
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero {
  padding:clamp(64px,8vw,112px) 24px 5px;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner {
  position:relative;isolation:isolate;overflow:hidden;
  max-width:1030px;text-align:left;
  padding:clamp(85px,11vw,140px) clamp(26px,6.5vw,100px) clamp(70px,8vw,108px);
  background:
    linear-gradient(115deg,transparent 0 78%,rgba(137,27,34,.06) 78.05% 78.3%,transparent 78.35%),
    radial-gradient(circle at 89% 11%,rgba(115,30,38,.18),transparent 30%),
    repeating-linear-gradient(0deg,rgba(99,66,53,.018) 0 1px,transparent 1px 8px),
    linear-gradient(162deg,#f2e7d9 0%,#e6d8c9 65%,#d9c7b7 100%);
  color:#291f20;border:1px solid #beaa98;border-radius:0;
  box-shadow:14px 18px 0 rgba(77,6,17,.62),0 30px 85px rgba(0,0,0,.48);
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner::before {
  content:"";position:absolute;inset:0;z-index:-1;width:auto;height:auto;
  border:0;border-radius:0;pointer-events:none;
  background:
    linear-gradient(124deg,transparent 0 47.7%,rgba(142,17,34,.2) 47.8% 48%,transparent 48.1%),
    url("../assets/images/dream/crimson-thread-network.svg") center center/110% auto no-repeat;
  opacity:.24;
}
/* The blade-like vermilion cut line replaces the former round wax seal. */
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner::after {
  content:"";position:absolute;pointer-events:none;
  top:-19px;right:clamp(28px,12%,135px);width:7px;height:170px;
  transform:rotate(35deg);transform-origin:center;background:linear-gradient(0deg,transparent,#981226 18%,#d43a41 56%,transparent);
  box-shadow:11px 5px 0 -5px rgba(111,4,20,.45);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-back-link {
  color:#831a2b;border:1px solid #a87c78;padding:9px 14px;
  font:600 .69rem/1.4 "Noto Sans KR",sans-serif;letter-spacing:.14em;
  margin:0 0 clamp(50px,7vw,86px);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-back-link:hover {background:#8f1a2b;color:#fff5ea;}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-eyebrow {
  color:#851b2d;font-size:.68rem;font-weight:700;letter-spacing:.36em;
  text-transform:uppercase;margin-bottom:20px;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-title {
  position:relative;z-index:1;font-family:"Gowun Batang","Noto Serif KR",serif;
  color:#2c1b1e;font-weight:700;letter-spacing:-.04em;
  text-align:left;font-size:clamp(3rem,7.6vw,7.4rem);line-height:1.1;
  overflow-wrap:anywhere;text-wrap:balance;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-title::after {
  content:"";display:block;height:2px;width:min(50%,330px);margin-top:28px;
  background:linear-gradient(90deg,#8c1725,#d33a49 55%,transparent);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-summary {
  text-align:left;color:#594346;max-width:680px;margin:0;line-height:2;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-keyword-list {justify-content:flex-start;gap:8px;}
body.dream-sky[data-dream-theme="crimson-web"] .dream-keyword-list li {
  color:#68232e;background:rgba(133,28,42,.075);border:1px solid rgba(139,27,44,.38);
  border-radius:0;font-size:.68rem;letter-spacing:.08em;
}

/* Every chapter is a sealed record; red thread passes behind the sheets. */
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section {
  padding:clamp(22px,4vw,50px) 24px 0;background:none;border:0;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section > .dream-detail-inner {
  position:relative;isolation:isolate;overflow:hidden;max-width:1110px;
  padding:clamp(32px,5vw,75px);color:#2a1d20;
  border:1px solid #bbaa9c;border-left:4px solid #8d1829;border-radius:0;
  background:
    radial-gradient(circle at 100% 100%,rgba(111,8,19,.10),transparent 29%),
    repeating-linear-gradient(0deg,transparent 0 29px,rgba(84,54,47,.017) 29px 30px),
    linear-gradient(145deg,#f2e9dc,#e7dacc 68%,#dfcfc1);
  box-shadow:11px 11px 0 rgba(66,8,17,.42),0 20px 70px rgba(0,0,0,.28);
  backdrop-filter:none;-webkit-backdrop-filter:none;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section > .dream-detail-inner::before {
  content:"";position:absolute;top:-3px;right:-2px;
  width:clamp(160px,35vw,330px);height:clamp(140px,30vw,295px);
  background:url("../assets/images/dream/crimson-thread-network.svg") right top/250% auto no-repeat;
  opacity:.22;pointer-events:none;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section-header {
  position:relative;text-align:left;margin-bottom:clamp(26px,4vw,45px);
  border-bottom:1px solid rgba(148,31,47,.32);padding-bottom:24px;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section-header::after {
  content:"";position:absolute;bottom:-2px;left:0;width:72px;height:3px;
  background:linear-gradient(90deg,#881527,#e0444c);border:0;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section-title,
body.dream-sky[data-dream-theme="crimson-web"] .character-name,
body.dream-sky[data-dream-theme="crimson-web"] .relationship-lead,
body.dream-sky[data-dream-theme="crimson-web"] .timeline-title {
  font-family:"Gowun Batang","Noto Serif KR",serif;color:#301c20;font-weight:700;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section-title {font-size:clamp(2rem,4.7vw,3.8rem);}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section-label,
body.dream-sky[data-dream-theme="crimson-web"] .character-role,
body.dream-sky[data-dream-theme="crimson-web"] .timeline-label {
  color:#981d31;font-size:.7rem;font-weight:600;letter-spacing:.15em;
}
body.dream-sky[data-dream-theme="crimson-web"] .character-grid {gap:clamp(14px,3vw,26px);}
body.dream-sky[data-dream-theme="crimson-web"] .character-card {
  position:relative;overflow:hidden;
  border:1px solid #bca899;border-radius:0;
  background:rgba(254,251,245,.52);box-shadow:4px 6px 0 rgba(104,19,32,.09);
}
body.dream-sky[data-dream-theme="crimson-web"] .character-card::after {
  content:"";position:absolute;top:0;right:0;pointer-events:none;
  border-top:22px solid rgba(138,19,40,.55);border-left:22px solid transparent;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-main-visual-placeholder,
body.dream-sky[data-dream-theme="crimson-web"] .character-image,
body.dream-sky[data-dream-theme="crimson-web"] .dream-gallery-image {
  border-radius:0;border:1px solid #bc9b93;
  background:linear-gradient(130deg,rgba(142,23,36,.18),transparent 45%),linear-gradient(120deg,#e4d4c8,#eedfd1);
  color:#704f56;overflow:hidden;
}
body.dream-sky[data-dream-theme="crimson-web"] .character-image {border:0;border-bottom:2px solid #8d1d2f;}
body.dream-sky[data-dream-theme="crimson-web"] .character-body {padding:clamp(25px,4vw,42px);}
body.dream-sky[data-dream-theme="crimson-web"] .character-description,
body.dream-sky[data-dream-theme="crimson-web"] .relationship-copy,
body.dream-sky[data-dream-theme="crimson-web"] .timeline-description,
body.dream-sky[data-dream-theme="crimson-web"] .dream-note-content,
body.dream-sky[data-dream-theme="crimson-web"] .character-meta dt,
body.dream-sky[data-dream-theme="crimson-web"] .dream-gallery-item figcaption {
  color:#605054;line-height:1.9;
}
body.dream-sky[data-dream-theme="crimson-web"] .character-meta div {border-color:#bba79b;}
body.dream-sky[data-dream-theme="crimson-web"] .character-profile-link {color:#84162a;}
body.dream-sky[data-dream-theme="crimson-web"] .character-profile-link:hover {color:#c03242;}

/* A continuous thin red thread runs through every chapter of the relationship history. */
body.dream-sky[data-dream-theme="crimson-web"] .dream-timeline {
  position:relative;border-top:0;padding-left:clamp(12px,3vw,34px);
  border-left:1px solid #9b1b2e;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-timeline-item {
  position:relative;padding:clamp(25px,3vw,35px) 12px clamp(25px,3vw,35px) 28px;
  border-color:rgba(144,33,47,.22);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-timeline-item::before {
  content:"";position:absolute;top:33px;left:-5px;width:10px;height:10px;
  background:#981427;transform:rotate(45deg);
  border:2px solid #e8d9c9;box-shadow:0 0 0 1px #8b1b2c;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-gallery {gap:18px;}
body.dream-sky[data-dream-theme="crimson-web"] .dream-gallery-image {min-height:220px;border:2px solid #822334;}
body.dream-sky[data-dream-theme="crimson-web"] .dream-gallery-item figcaption {font-size:.78rem;}
body.dream-sky[data-dream-theme="crimson-web"] .dream-note-content {
  border-left:2px solid #9d2030;padding-left:clamp(16px,2.4vw,30px);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero [data-paopao-path],
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section [data-paopao-path] {position:relative;z-index:1;}

@media (max-width:720px) {
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero {padding:35px 13px 6px;}
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner {padding:76px 22px 59px;box-shadow:7px 9px 0 rgba(75,9,22,.52),0 18px 38px rgba(0,0,0,.32);}
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner::after {height:105px;right:28px;}
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-title {font-size:clamp(2.65rem,11.5vw,4.7rem);}
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section {padding:22px 13px 0;}
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section > .dream-detail-inner {padding:29px 20px;box-shadow:6px 7px 0 rgba(75,9,22,.52);}
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section-title {font-size:clamp(2rem,8vw,3rem);}
  body.dream-sky[data-dream-theme="crimson-web"] .dream-timeline {padding-left:12px;}
  body.dream-sky[data-dream-theme="crimson-web"] .dream-timeline-item {padding-left:17px;}
}
@media (prefers-reduced-motion:reduce) {
  body.dream-sky[data-dream-theme="crimson-web"] .site *,
  body.dream-sky[data-dream-theme="crimson-web"] .site *::before,
  body.dream-sky[data-dream-theme="crimson-web"] .site *::after {animation:none!important;transition:none!important;}
}

/* =============================================================
   CRIMSON THREAD / V2 — SCARLET APERTURE
   More visceral, blade-sharp contrast inspired by a crimson-eyed
   artist and spider's web. Original SVG ornament; no game assets.
   Scoped exclusively to DREAM detail theme ID "crimson-web".
   ============================================================= */
body.dream-sky[data-dream-theme="crimson-web"] {
  --ct-scarlet:#cf0000;
  --ct-ember:#e63946;
  --ct-charcoal:#100b0e;
  --ct-black:#080809;
  --ct-ivory:#efe4d7;
}
body.dream-sky[data-dream-theme="crimson-web"] .site {
  background:
    radial-gradient(ellipse 38% 25% at 97% 14%,rgba(207,0,0,.14),transparent 88%),
    radial-gradient(ellipse 44% 17% at 6% 66%,rgba(117,8,19,.22),transparent 82%),
    linear-gradient(178deg,#09090a 0%,#160b0e 37%,#0d0a0c 71%,#19090c 100%);
}
body.dream-sky[data-dream-theme="crimson-web"] .site::before {
  background-size:min(100%,1520px) auto;
  opacity:.53;
}
body.dream-sky[data-dream-theme="crimson-web"] .site-header,
body.dream-sky[data-dream-theme="crimson-web"] .site-footer {
  background:rgba(7,7,8,.97);
  border-color:#601521;
}
body.dream-sky[data-dream-theme="crimson-web"] .site-logo {color:#e02b3c;}

/* A black dossier under a watchful scarlet aperture — no soft parchment hero. */
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero {
  padding-top:clamp(38px,6vw,88px);
  padding-bottom:10px;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner {
  max-width:1130px;
  min-height:clamp(490px,55vw,700px);
  padding:clamp(70px,10vw,125px) clamp(26px,7.5vw,110px) clamp(67px,8vw,95px);
  background:
    linear-gradient(90deg,#101012 0%,rgba(15,12,15,.98) 39%,rgba(13,9,12,.86) 70%,rgba(11,8,10,.94) 100%),
    url("../assets/images/dream/crimson-scarlet-eye.svg") right -9% center/68% auto no-repeat,
    #0b090b;
  border:1px solid #63202c;
  border-top:4px solid #cf0000;
  color:#f6efe6;
  box-shadow:13px 15px 0 #4d0713,0 34px 95px rgba(0,0,0,.65);
}
/* Use the aperture through a semi-transparent layer, letting the title stay readable. */
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner::before {
  inset:0;z-index:0;
  background:
    linear-gradient(90deg,rgba(10,9,11,.27),rgba(7,7,8,.03)),
    url("../assets/images/dream/crimson-scarlet-eye.svg") right -14% center/68% auto no-repeat;
  opacity:.9;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner::after {
  height:clamp(220px,29vw,370px);width:5px;
  right:20%;top:-32px;
  transform:rotate(39deg);
  background:linear-gradient(180deg,transparent 0%,#be1829 10%,#ff4b50 45%,#8b0715 75%,transparent 100%);
  box-shadow:12px 0 0 -3px rgba(228,18,42,.24),0 0 19px rgba(218,26,44,.19);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner > * {
  position:relative;z-index:1;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-back-link {
  color:#e6c8c9;border:1px solid #7c3440;background:rgba(9,9,10,.68);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-back-link:hover {
  color:#fff;background:#a60a20;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-eyebrow {
  color:#f05a66;letter-spacing:.48em;
  font:700 .71rem/1.5 "Noto Sans KR",sans-serif;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-title {
  max-width:810px;
  font-size:clamp(3.1rem,8.4vw,8rem);
  font-weight:700;letter-spacing:-.058em;line-height:1.02;
  color:#f7f0e6;
  text-shadow:2px 3px 0 rgba(127,9,26,.57),0 12px 25px rgba(0,0,0,.54);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-title::after {
  height:4px;width:min(59%,330px);
  background:linear-gradient(90deg,#cf0000,#f04c59 54%,transparent);
  margin-top:clamp(21px,4vw,38px);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-summary {
  color:#e0cfd1;
  line-height:1.85;
  border-left:2px solid #d22e41;
  padding-left:clamp(13px,2.2vw,24px);
  max-width:610px;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-keyword-list li {
  color:#f4d8d7;background:rgba(114,11,26,.33);
  border-color:#8f3442;letter-spacing:.11em;
}

/* Dossier sheets: sharp paper, ink-black gallery, red line cuts. */
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section {
  padding-top:clamp(24px,3.7vw,46px);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section > .dream-detail-inner {
  border-left:5px solid #b70d23;
  border-top:1px solid #b79f92;
  background:
    radial-gradient(circle at 96% 12%,rgba(167,0,24,.085),transparent 35%),
    repeating-linear-gradient(0deg,transparent 0 31px,rgba(72,38,39,.021) 31px 32px),
    linear-gradient(145deg,#f1e8db,#e5d8cb 80%,#d9c9c0);
  box-shadow:13px 13px 0 rgba(83,4,20,.45),0 22px 63px rgba(0,0,0,.38);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section > .dream-detail-inner::before {
  background-image:url("../assets/images/dream/crimson-thread-network.svg");
  opacity:.32;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section-header {
  padding-bottom:20px;
  border-bottom:1px solid rgba(142,34,45,.3);
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section-title {
  letter-spacing:-.055em;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section-label {
  font-size:.76rem;letter-spacing:.28em;font-weight:800;
  color:#b10019;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section-header::after {
  width:110px;height:3px;
  background:linear-gradient(90deg,#cf0000,#ff424e 55%,transparent);
}
/* First photo is a dark plate, giving its imagery a cinematic frame. */
body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section:has(.dream-main-visual) > .dream-detail-inner {
  padding:clamp(16px,3vw,34px);
  background:linear-gradient(125deg,#261218,#0b090b);
  border:1px solid #7a2632;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-main-visual-placeholder {
  min-height:clamp(340px,43vw,570px);
  border:1px solid #7e2937;
  background:linear-gradient(135deg,rgba(114,10,28,.29),transparent 40%),#1a1014;
  color:#d9afb4;
}
body.dream-sky[data-dream-theme="crimson-web"] .dream-main-visual-placeholder img {
  display:block;width:100%;height:100%;object-fit:contain;
}

/* Portrait records: dark red photographic mat + ivory descriptions. */
body.dream-sky[data-dream-theme="crimson-web"] .character-grid {counter-reset:ct-portrait;}
body.dream-sky[data-dream-theme="crimson-web"] .character-card {
  counter-increment:ct-portrait;
  border-color:#a68d82;background:#f9f0e5;
  box-shadow:7px 9px 0 rgba(96,10,28,.12);
}
body.dream-sky[data-dream-theme="crimson-web"] .character-card::before {
  content:"ARCHIVE / " counter(ct-portrait,decimal-leading-zero);
  position:absolute;z-index:2;top:14px;left:16px;
  padding:6px 9px;background:rgba(9,8,10,.9);color:#f4a5ae;
  border-left:2px solid #dc172d;
  font:700 .59rem/1.4 "Noto Sans KR",sans-serif;letter-spacing:.16em;
  pointer-events:none;
}
body.dream-sky[data-dream-theme="crimson-web"] .character-card::after {
  border-top-color:#be192e;
  border-top-width:31px;border-left-width:31px;
}
body.dream-sky[data-dream-theme="crimson-web"] .character-image {
  border-bottom:3px solid #b51023;
  background:linear-gradient(135deg,rgba(166,9,35,.36),transparent 55%),linear-gradient(160deg,#342025,#1c1519);
  color:#e4b9be;
}
body.dream-sky[data-dream-theme="crimson-web"] .character-body {background:#f4e9df;}
body.dream-sky[data-dream-theme="crimson-web"] .character-name {color:#2c131a;}

/* Alternating ink-black relationship record for a stronger cadence. */
body.dream-sky[data-dream-theme="crimson-web"] #relationship > .dream-detail-inner,
body.dream-sky[data-dream-theme="crimson-web"] #gallery > .dream-detail-inner {
  background:
    radial-gradient(circle at 98% 0%,rgba(192,14,36,.19),transparent 35%),
    linear-gradient(150deg,#211015,#0d0a0c 76%);
  border:1px solid #712330;border-left:5px solid #cf0000;
  color:#f2e5dd;
}
body.dream-sky[data-dream-theme="crimson-web"] #relationship .dream-detail-section-title,
body.dream-sky[data-dream-theme="crimson-web"] #gallery .dream-detail-section-title,
body.dream-sky[data-dream-theme="crimson-web"] #relationship .relationship-lead {
  color:#f8e9df;
}
body.dream-sky[data-dream-theme="crimson-web"] #relationship .relationship-lead {
  font-family:"Gowun Batang","Noto Serif KR",serif;
  font-weight:700;
  padding-left:clamp(13px,2.5vw,26px);
  border-left:3px solid #e01a32;
  text-shadow:0 10px 22px rgba(0,0,0,.25);
}
body.dream-sky[data-dream-theme="crimson-web"] #relationship .relationship-copy,
body.dream-sky[data-dream-theme="crimson-web"] #gallery .dream-gallery-item figcaption {
  color:#e4cfd0;
}
body.dream-sky[data-dream-theme="crimson-web"] #gallery .dream-gallery-image {
  background:#1c1318;border:2px solid #9b2839;color:#dcc0bd;
  box-shadow:0 10px 27px rgba(0,0,0,.2);
}
body.dream-sky[data-dream-theme="crimson-web"] #gallery .dream-gallery-item:hover .dream-gallery-image {
  border-color:#e74252;
}
body.dream-sky[data-dream-theme="crimson-web"] #gallery .dream-gallery-image img {
  display:block;width:100%;height:100%;object-fit:cover;
}
body.dream-sky[data-dream-theme="crimson-web"] #timeline .dream-timeline {
  border-left:2px solid #bd0926;
}
body.dream-sky[data-dream-theme="crimson-web"] #timeline .dream-timeline-item::before {
  background:#cf0000;
  box-shadow:0 0 0 2px #e5d8ca,0 0 0 3px #7f1829;
}
body.dream-sky[data-dream-theme="crimson-web"] #note .dream-note-content {
  color:#46323a;
  background:linear-gradient(90deg,rgba(187,17,35,.055),transparent 65%);
  padding:17px clamp(16px,2.4vw,30px);
  border-left:3px solid #be0929;
}

@media (max-width:720px) {
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner {
    min-height:0;
    padding:77px 21px 57px;
    background:linear-gradient(90deg,#100c0e,rgba(14,10,13,.9));
    box-shadow:7px 8px 0 rgba(113,9,26,.67),0 25px 45px rgba(0,0,0,.38);
  }
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner::before {
    background:url("../assets/images/dream/crimson-scarlet-eye.svg") right -110px top -15px/330px auto no-repeat;
    opacity:.38;
  }
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-hero .dream-detail-inner::after {
    height:148px;right:19px;top:-28px;width:4px;
  }
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-title {
    font-size:clamp(2.45rem,11.6vw,4.4rem);
    line-height:1.07;overflow-wrap:anywhere;
  }
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section > .dream-detail-inner {
    padding:29px 20px;
    box-shadow:7px 7px 0 rgba(86,8,22,.54);
  }
  body.dream-sky[data-dream-theme="crimson-web"] .dream-detail-section:has(.dream-main-visual) > .dream-detail-inner {
    padding:12px;
  }
  body.dream-sky[data-dream-theme="crimson-web"] .character-card::before {
    top:9px;left:9px;font-size:.52rem;
  }
  body.dream-sky[data-dream-theme="crimson-web"] .dream-main-visual-placeholder {min-height:265px;}
  body.dream-sky[data-dream-theme="crimson-web"] .character-image {min-height:310px;}
  body.dream-sky[data-dream-theme="crimson-web"] .relationship-lead {font-size:clamp(1.45rem,6vw,2.2rem);}
}