/* My Sister Lets Me In at 2:47: black, white and one red (#E3261B), scoped to the explicit series selector.
   Red belongs to the copy; on the site it marks only the time in the title. */
.card-art--ink{background:#0b0a0a}
.card-art--ink:after{background:linear-gradient(180deg,rgba(11,10,10,.86) 0%,rgba(11,10,10,.4) 26%,rgba(11,10,10,0) 42%)}
.card-logo--cp{color:#f4f2ee}
.card-logo--cp em{color:#e3261b}

body[data-series=creepypasta]{--night:#0b0a0a;--crimson:#e3261b}
body[data-series=creepypasta] .hero-genre{color:#d8d4ce}
body[data-series=creepypasta] .hero-title em{color:#e3261b}
body[data-series=creepypasta] .hero-art:after{background:linear-gradient(180deg,rgba(11,10,10,0) 38%,rgba(11,10,10,.75) 74%,#0b0a0a 99%)}
body[data-series=creepypasta] .btn-first[aria-disabled=true]{cursor:default;background:#f4f2ee}
body[data-series=creepypasta] .ep-thumb.ph{background:#0b0a0a}
body[data-series=creepypasta] .ep-thumb.ph:after{border-color:#e3261b;background:linear-gradient(#e3261b,#e3261b) 50% 30%/2px 7px no-repeat,linear-gradient(#e3261b,#e3261b) 68% 56%/6px 2px no-repeat}
@media (min-width:900px){
  body[data-series=creepypasta] .hero-art:after{background:linear-gradient(180deg,rgba(11,10,10,0) 60%,rgba(11,10,10,.55) 100%)}
  body[data-series=creepypasta] .hero-art img{object-position:50% 40%}
}
@media(prefers-reduced-motion:no-preference){body[data-series=creepypasta] .hero-art>img{animation:cp-series-breath 9s ease-in-out infinite alternate}}
@keyframes cp-series-breath{to{transform:scale(1.025)}}

/* Unlisted Episode 1 still cut. Shelf/series rules above remain intact. */
body.mw[data-series=creepypasta]{--ink:#000;--gold:#fff;--t-night:#000;--t-void:#000;background:#000;color:#fff}
body.mw[data-series=creepypasta] .strip{background:#000;transition:none}
body.mw[data-series=creepypasta] .ambient{background:#000}
body.mw[data-series=creepypasta] .ambient-layer{filter:grayscale(1) blur(56px) brightness(.23)}
body.mw[data-series=creepypasta] .progress span{background:#fff}
body.mw[data-series=creepypasta] .mw-bar{background:#000;color:#fff}
body.mw[data-series=creepypasta] .mw-series{color:#fff}
body.mw[data-series=creepypasta] .mw-chip,body.mw[data-series=creepypasta] .mw-icon,body.mw[data-series=creepypasta] .fab{color:#fff;background:#000;border-color:#fff}
body.mw[data-series=creepypasta] .cover{background:#000}
body.mw[data-series=creepypasta] .cover:before{filter:grayscale(1) blur(24px) brightness(.2)}
body.mw[data-series=creepypasta] .cover:after{background:linear-gradient(#000a,transparent 42%,#0009 60%,#000 100%)}
body.mw[data-series=creepypasta] .cover-title{top:8%}
body.mw[data-series=creepypasta] .logo{font-size:clamp(40px,min(12cqw,7svh),76px);line-height:.95;text-shadow:0 2px #000;color:#fff}
body.mw[data-series=creepypasta] .logo em{color:#E3261B}
body.mw[data-series=creepypasta] .logo .ahead{color:#fff}
body.mw[data-series=creepypasta] .kicker,body.mw[data-series=creepypasta] .ep-tag,body.mw[data-series=creepypasta] .cover-hook,body.mw[data-series=creepypasta] .cover-hook em{color:#fff}
body.mw[data-series=creepypasta] .cover-hook{font:600 clamp(20px,5.5cqw,30px)/1.2 'Shantell Sans',sans-serif}
body.mw[data-series=creepypasta] .panel{margin-top:0;margin-bottom:0}
body.mw[data-series=creepypasta] .panel.inset .art{box-shadow:none}
body.mw[data-series=creepypasta] .art{background:#000}
body.mw[data-series=creepypasta] .bubble.speech .copy{font-weight:600;color:#000}
body.mw[data-series=creepypasta] .bubble.speech path{stroke:#000;fill:#fff}
body.mw[data-series=creepypasta] .bubble.caption .copy{font:400 clamp(17px,4.36cqw,25px)/1.27 Arial,Helvetica,sans-serif;text-transform:none;letter-spacing:0;color:#fff!important;background:#000;padding:.24em .65em;border-left:2px solid #fff;white-space:pre-line}
body.mw[data-series=creepypasta] .bubble.caption rect{fill:#000!important;stroke:#000}
body.mw[data-series=creepypasta] .bubble.caption .bub{transform:none!important;transition:opacity .12s!important}
body.mw[data-series=creepypasta] .bubble.cp-copy .copy{font-family:'Shantell Sans',sans-serif;font-size:clamp(22px,5.65cqw,32px);font-weight:800;line-height:1.15;color:#E3261B;-webkit-text-stroke:1px #E3261B;paint-order:stroke fill;padding:.55em .7em .55em .8em}
body.mw[data-series=creepypasta] .cp-copy .bub:after{content:'';position:absolute;top:8px;bottom:8px;left:5px;width:7px;border-left:3px double #000;pointer-events:none}
body.mw[data-series=creepypasta] .cp-copy .bub{transform:none!important;animation:none!important;transition:opacity .1s!important}
body.mw[data-series=creepypasta] .cp-meta{color:#fff;font:400 clamp(12px,3.08cqw,18px)/1.2 ui-monospace,monospace;white-space:pre-line}
body.mw[data-series=creepypasta] [data-cp-beat=forum-name]{top:3%;font-weight:700;letter-spacing:.08em}
body.mw[data-series=creepypasta] [data-cp-beat=forum-meta]{top:17%;font-size:clamp(12px,3.08cqw,18px);letter-spacing:-.035em}
body.mw[data-series=creepypasta] [data-cp-beat=post-title]{top:39%;font:700 clamp(18px,4.62cqw,29px)/1.08 Arial,Helvetica,sans-serif;letter-spacing:-.02em}
body.mw[data-series=creepypasta] [data-cp-beat=scene-stamp]{top:89%}
body.mw[data-series=creepypasta] .tag.cp-note{font-family:'Arial Narrow',Arial,sans-serif;font-weight:800;line-height:1.03;letter-spacing:-.045em;padding:0;color:#000;white-space:pre;overflow:hidden;text-align:center;font-size:calc(var(--qh) * .22)}
body.mw[data-series=creepypasta] [data-cp-beat=note-S02]{font-size:calc(var(--qh) * .21)}
body.mw[data-series=creepypasta] .cp-note-ink{display:block;width:143%;margin-left:-21.5%;transform:scaleX(.7);transform-origin:center;white-space:pre}
body.mw[data-series=creepypasta] [data-cp-beat=note-S19]{font-size:max(15px,calc(var(--qh) * .22))}
body.mw[data-series=creepypasta] .cp-rota{font:700 max(5px,1.2cqw)/1.3 Arial,sans-serif;color:#000;text-align:center;white-space:pre-line}
body.mw[data-series=creepypasta] [data-cp-beat=edit-tab]{width:90%;border-top:1px solid #fff;padding-top:3px}
body.mw[data-series=creepypasta] [data-cp-beat^=comment-meta],body.mw[data-series=creepypasta] [data-cp-beat=reply-meta]{font-size:clamp(12px,3.08cqw,18px);padding-left:12px}
body.mw[data-series=creepypasta] .sfx.cp-knock{font:400 clamp(21px,5.4cqw,30px)/1 Bangers,sans-serif;color:#fff;-webkit-text-stroke:1px #000;text-shadow:none}
body.mw[data-series=creepypasta] .cp-knock-1 span:nth-child(3){--d:.9s!important}
body.mw[data-series=creepypasta] .cp-knock-2 span:nth-child(3){--d:.84s!important}
body.mw[data-series=creepypasta] .cp-knock-3 span:nth-child(3){--d:.8s!important}
body.mw[data-series=creepypasta] .cp-knock-3{font-weight:700}
body.mw[data-series=creepypasta] [data-cp-beat=L2] .bub{animation:none!important;transform:none!important}
body.mw[data-series=creepypasta] .bubble.speech .bub{animation:none!important;transform:none!important}
body.mw[data-series=creepypasta] .sfx.cp-small{font:400 clamp(15px,3.85cqw,22px)/1 Bangers,sans-serif;color:#fff;-webkit-text-stroke:.6px #000;text-shadow:none}
body.mw[data-series=creepypasta] .end{background:#000;color:#fff}
body.mw[data-series=creepypasta] .tbc,body.mw[data-series=creepypasta] .eps-all,body.mw[data-series=creepypasta] .eps-label,body.mw[data-series=creepypasta] .eps-title{color:#fff}
body.mw[data-series=creepypasta] .next-card,body.mw[data-series=creepypasta] .eps-thumb{background:#101010}
body.mw[data-series=creepypasta] .btn.light{color:#000;background:#fff}
body.mw[data-series=creepypasta] .end-kicker,body.mw[data-series=creepypasta] .next-card span,body.mw[data-series=creepypasta] .next-card small,body.mw[data-series=creepypasta] .eps-note{color:#d8d8d8}
body.mw[data-series=creepypasta] .eps-tile.current .eps-thumb:after{box-shadow:inset 0 0 0 2px #fff}
body.mw[data-series=creepypasta] .sound-hint{color:#000;background:#fff}
body.mw[data-series=creepypasta] .mw-cutouts{z-index:2}
body.mw[data-series=creepypasta] .cp-note{z-index:6}
@media(prefers-reduced-motion:reduce){body.mw[data-series=creepypasta] .panel,body.mw[data-series=creepypasta] .tag,body.mw[data-series=creepypasta] .bubble{transition:none!important;animation:none!important}}
/* The note is part of the door, not a beat: visible from first paint, through restarts (producer, 17 Oct 2026). */
.js body[data-series=creepypasta] .tag.cp-note{opacity:1;transition:none}
/* P2 close: keep the first line clear of the tape tab. */
body.mw[data-series=creepypasta] .tag.cp-note[data-cp-beat=note-S02]{justify-content:flex-end;padding:0 0 7%;font-size:calc(var(--qh) * .165)}
/* Tess's voiced narration (user, 17 Oct 2026): a comic narration box, not a forum slip. Black ink on white paper, house comic lettering.
   The strangers' comments keep the silent forum style above. */
body.mw[data-series=creepypasta] .bubble.caption.cp-narr .copy{font:600 clamp(16px,4.3cqw,24px)/1.3 'Shantell Sans',sans-serif;color:#000!important;background:#fff;border-left:0;padding:.42em .7em;text-transform:none}
body.mw[data-series=creepypasta] .bubble.caption.cp-narr rect{fill:#fff!important;stroke:#000;stroke-width:2.2}
body.mw[data-series=creepypasta] .bubble.caption.cp-narr .bub{box-shadow:0 0 0 2px #000}
/* Time chips: wherever the time shifts, say so plainly (user, 17 Oct 2026). Ink on paper, never red. */
body.mw[data-series=creepypasta] .tag.cp-chip{display:inline-block;width:auto!important;padding:.28em .6em;background:#fff;color:#000;border:2px solid #000;font:800 clamp(13px,3.4cqw,18px)/1.1 ui-monospace,'Courier New',monospace;letter-spacing:.06em;white-space:nowrap}