.episode-page { --ep-blue:#62b5f3; --ep-green:#64d3a1; --ep-yellow:#f2c75c; --ep-purple:#b18bf4; }
.episode-page .hero h1 { max-width:790px; }.episode-page .hero-glow-one { background:radial-gradient(circle,rgba(98,181,243,.14),transparent 68%); }.episode-page .episode-visual::before { display:none; }
.episode-visual { min-height:410px; }.episode-orbit { position:absolute; left:50%; top:50%; border:1px dashed rgba(255,255,255,.11); border-radius:50%; transform:translate(-50%,-50%) rotate(-12deg); }.episode-visual .orbit-one { width:420px; height:245px; }.episode-visual .orbit-two { width:245px; height:410px; transform:translate(-50%,-50%) rotate(34deg); }
.episode-card { position:absolute; z-index:3; top:50%; width:175px; height:235px; transform:translateY(-50%); display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid rgba(255,255,255,.1); border-radius:24px; background:linear-gradient(160deg,rgba(255,255,255,.045),rgba(255,255,255,.012)),#1a1a22; box-shadow:0 28px 60px rgba(0,0,0,.38); line-height:1; }.twelve-card { left:2%; border-top:3px solid var(--accent); transform:translateY(-50%) rotate(-4deg); }.twenty-four-card { right:1%; border-top:3px solid var(--ep-blue); transform:translateY(-50%) rotate(4deg); }
.episode-card small { color:#77737d; font-size:8px; font-weight:700; letter-spacing:.16em; }.episode-card strong { margin:12px 0 7px; font-size:76px; letter-spacing:-.07em; }.twelve-card strong { color:#fff; }.twenty-four-card strong { color:#ddecf8; }.episode-card>span { color:#77737d; font-size:8px; letter-spacing:.13em; }.episode-card>div { display:grid; grid-template-columns:repeat(3,5px); gap:6px; margin-top:18px; }.episode-card>div i { width:5px; height:5px; border-radius:50%; background:#4b4851; }.twelve-card>div i:nth-child(-n+3) { background:var(--accent); }.twenty-four-card>div i { background:var(--ep-blue); box-shadow:0 0 7px rgba(98,181,243,.25); }
.episode-vs { position:absolute; z-index:5; left:50%; top:50%; display:grid; place-items:center; width:44px; height:44px; transform:translate(-50%,-50%); border:1px solid var(--line); border-radius:50%; color:#75717a; background:#121217; box-shadow:0 10px 25px rgba(0,0,0,.4); font:700 10px "Yume Quicksand",sans-serif; }
.factor-chip { position:absolute; z-index:4; padding:7px 10px; border:1px solid var(--line); border-radius:99px; color:#85818a; background:rgba(27,27,34,.92); font-size:7px; font-weight:700; letter-spacing:.1em; }.chip-story { left:35%; top:6%; color:var(--ep-yellow); }.chip-budget { right:7%; bottom:4%; color:var(--ep-green); }.chip-source { left:4%; bottom:4%; color:var(--ep-purple); }

.inline-link { color:var(--ep-blue); text-decoration-color:rgba(98,181,243,.35); text-underline-offset:3px; }.episode-equation { display:grid; grid-template-columns:1fr auto 1fr; gap:18px; align-items:center; margin:29px 0; }.episode-equation article { padding:23px; display:flex; flex-direction:column; align-items:center; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.018); }.episode-equation article:first-child { border-top:2px solid var(--accent); }.episode-equation article:last-child { border-top:2px solid var(--ep-blue); }.episode-equation span { color:#85818a; font-size:9px; font-weight:700; letter-spacing:.12em; }.episode-equation strong { margin:8px 0 5px; font-size:37px; }.episode-equation small { color:#6b6770; font-size:8px; }.episode-equation>i { color:#5e5a63; font:700 10px "Yume Quicksand",sans-serif; font-style:normal; }
.decision-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:27px; }.decision-grid article { min-height:175px; padding:19px; border:1px solid var(--line); border-radius:17px; background:rgba(255,255,255,.018); }.decision-grid article>span { display:grid; place-items:center; width:32px; height:32px; border-radius:10px; color:var(--ep-purple); background:rgba(177,139,244,.1); font:700 12px "Yume Quicksand",sans-serif; }.decision-grid h3 { margin:13px 0 6px; font-size:13px; }.decision-grid p { margin:0; color:#89858e; font-size:10px; line-height:1.6; }
.source-compare { display:grid; grid-template-columns:1fr 1fr; gap:12px; margin:27px 0; }.source-compare article { position:relative; min-height:230px; overflow:hidden; padding:22px; border:1px solid var(--line); border-radius:18px; background:rgba(255,255,255,.018); }.source-compare article>span { color:var(--ep-yellow); font-size:8px; font-weight:700; letter-spacing:.14em; }.source-compare article:last-child>span { color:var(--ep-blue); }.source-compare h3 { margin:9px 0 7px; font-size:15px; }.source-compare p { max-width:90%; margin:0; color:#8c8891; font-size:10px; line-height:1.65; }.book-stack,.script-pages { position:absolute; right:20px; bottom:18px; width:75px; height:55px; }.book-stack i { position:absolute; right:0; width:64px; height:11px; border:1px solid rgba(242,199,92,.2); border-radius:3px; background:#25231f; }.book-stack i:nth-child(1){bottom:0}.book-stack i:nth-child(2){bottom:13px;right:5px}.book-stack i:nth-child(3){bottom:26px;right:1px}.book-stack i:nth-child(4){bottom:39px;right:7px}.script-pages i { position:absolute; width:48px; height:58px; right:0; bottom:0; border:1px solid rgba(98,181,243,.2); border-radius:4px; background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(98,181,243,.09) 8px 9px),#202229; }.script-pages i:nth-child(2){right:8px;bottom:4px;transform:rotate(-5deg)}.script-pages i:nth-child(3){right:15px;bottom:7px;transform:rotate(-10deg)}
.production-line { display:grid; grid-template-columns:1fr auto 1fr auto 1fr auto 1fr; gap:8px; align-items:center; margin:28px 0; }.production-line span { min-height:66px; display:flex; flex-direction:column; align-items:center; justify-content:center; border:1px solid var(--line); border-radius:12px; color:#85818a; background:rgba(255,255,255,.018); font-size:8px; }.production-line b { margin-bottom:3px; color:var(--ep-blue); font-size:10px; }.production-line>i { color:#56525b; font-style:normal; }
.planning-callout { display:flex; gap:15px; margin:24px 0; padding:19px; border:1px solid rgba(242,199,92,.17); border-radius:16px; background:rgba(242,199,92,.045); }.planning-callout>span { flex:0 0 34px; display:grid; place-items:center; width:34px; height:34px; border-radius:50%; color:var(--ep-yellow); background:rgba(242,199,92,.1); font-weight:700; }.planning-callout strong { color:#e8e4e9; font-size:13px; }.planning-callout p { margin:4px 0 0; color:#928e97; font-size:11px; line-height:1.65; }
.odd-counts { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin:27px 0; }.odd-counts article { min-height:125px; padding:17px; display:flex; flex-direction:column; justify-content:center; border:1px solid var(--line); border-radius:15px; background:rgba(255,255,255,.018); }.odd-counts strong { color:var(--ep-blue); font-size:27px; }.odd-counts span { margin-top:5px; color:#807c85; font-size:9px; line-height:1.5; }.episode-table { min-width:650px; }.long-tag { color:var(--ep-purple); background:rgba(177,139,244,.1); }.episode-conclusion { background:linear-gradient(145deg,rgba(98,181,243,.08),rgba(255,77,89,.025) 65%),var(--surface); border-color:rgba(98,181,243,.18); }.episode-conclusion .conclusion-mark { display:grid; place-items:center; width:34px; height:34px; border:1px solid rgba(98,181,243,.25); border-radius:50%; color:var(--ep-blue); font:700 10px "Yume Quicksand",sans-serif; }

@media(max-width:640px){
  .episode-equation { grid-template-columns:1fr; }.episode-equation>i { justify-self:center; transform:rotate(90deg); }
  .decision-grid { grid-template-columns:1fr 1fr; }.source-compare { grid-template-columns:1fr; }
  .production-line { grid-template-columns:1fr; }.production-line>i { justify-self:center; transform:rotate(90deg); }
  .odd-counts { grid-template-columns:1fr 1fr; }
}