:root{
  --bg:#0b0a08; --bg2:#13110d; --bg3:#1c1914; --line:#2c2820; --line2:#3d372c;
  --tx:#efe7d6; --tx2:#ada492; --tx3:#736b5c;
  --amb:#e8a33d; --amb2:#9c6720; --cold:#86a9c9; --cold2:#2b3f55; --red:#d8452b; --green:#93ad7f;
  --paper:#efe6d2; --ink:#1d1a15;
  --disp:'Archivo',system-ui,sans-serif; --mono:'IBM Plex Mono',ui-monospace,monospace; --serif:'Source Serif 4',Georgia,serif; --cour:'Courier Prime','Courier New',monospace;
  --hdr0:rgba(11,10,8,.98); --hdr1:rgba(11,10,8,.92); --hdr2:rgba(11,10,8,.78); --tick1:rgba(255,255,255,.05); --tick2:rgba(255,255,255,.1); --evbg:rgba(19,17,13,.85); --shadow:rgba(0,0,0,.5);
  --pad:clamp(16px,4vw,56px); --max:1320px; --topH:56px;
}
*{box-sizing:border-box}
html{overflow-x:clip;scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--tx);font-family:var(--serif);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit}
button{font:inherit;color:inherit}
::selection{background:var(--amb);color:#000}
:focus-visible{outline:2px solid var(--amb);outline-offset:2px}
.mono{font-family:var(--mono)}
.grain{pointer-events:none;position:fixed;inset:0;z-index:100;opacity:.07;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain 1.2s steps(6) infinite}
@keyframes grain{0%{background-position:0 0}20%{background-position:-37px 21px}40%{background-position:23px -41px}60%{background-position:-19px -13px}80%{background-position:43px 37px}100%{background-position:0 0}}
@media (prefers-reduced-motion:reduce){.grain{animation:none}*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* header */
.top{position:fixed;top:0;left:0;right:0;z-index:60;height:var(--topH);display:flex;align-items:center;gap:20px;padding:0 var(--pad);background:linear-gradient(var(--hdr1),var(--hdr2));backdrop-filter:blur(10px);border-bottom:1px solid var(--line);transition:transform .35s}
.top.hide{transform:translateY(-100%)}
.mark{display:flex;align-items:baseline;gap:8px;text-decoration:none}
.mark-n{font-family:var(--disp);font-weight:900;font-stretch:125%;letter-spacing:.14em;font-size:18px}
.mark-e{font-family:var(--mono);font-size:11px;color:#000;background:var(--amb);padding:1px 6px;letter-spacing:.08em;font-weight:600}
.nav{display:flex;gap:2px;margin-left:auto}
.nav a{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;text-decoration:none;color:var(--tx2);padding:6px 10px;border:1px solid transparent;white-space:nowrap}
.nav a:hover{color:var(--tx)}
.nav a.on{color:var(--amb);border-color:var(--line2)}
.menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line2);width:40px;height:36px;padding:0;flex-direction:column;justify-content:center;align-items:center;gap:6px;cursor:pointer}
.menu-btn span{display:block;width:18px;height:1.5px;background:var(--tx)}
@media (max-width:1240px){
  .lang{margin-left:auto}
  .menu-btn{display:flex;margin-left:10px}
  .nav{position:fixed;top:var(--topH);left:0;right:0;flex-direction:column;background:var(--hdr0);border-bottom:1px solid var(--line);padding:8px var(--pad) 18px;display:none}
  .nav.open{display:flex}
  .nav a{font-size:15px;padding:12px 0;border:0;border-bottom:1px solid var(--line)}
}
main{min-height:100vh;outline:none}
.view{padding-top:var(--topH)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.kick{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--amb)}
.kick.cold{color:var(--cold)}
.h-disp{font-family:var(--disp);font-weight:800;font-stretch:112%;letter-spacing:-.01em;line-height:1.02;margin:0}
.sec-h{padding:clamp(56px,9vw,120px) 0 28px}
.sec-h h1{font-size:clamp(40px,7vw,96px)}
.sec-h p{max-width:62ch;color:var(--tx2);font-size:18px;margin:18px 0 0}
.chip{display:inline-flex;align-items:center;gap:6px;font-family:var(--mono);font-size:11px;letter-spacing:.05em;padding:3px 8px;border:1px solid var(--line2);color:var(--tx2);text-decoration:none;white-space:nowrap;background:none;cursor:pointer}
a.chip:hover,button.chip:hover{border-color:var(--amb);color:var(--tx)}
.chip.on{background:var(--amb);color:#000;border-color:var(--amb)}
.chips{display:flex;flex-wrap:wrap;gap:6px}
.tag{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;padding:2px 6px;border:1px solid currentColor}
.tag.real{color:var(--cold)} .tag.fictiv{color:var(--tx3)} .tag.ai{color:var(--amb)}

/* ===== FILM: prologue ===== */
.pro{position:relative}
.pro-step{position:relative;height:100svh;min-height:560px;overflow:hidden;display:flex;align-items:center;justify-content:center}
.pro-bg{position:absolute;inset:-4%;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity 1.6s ease,transform 8s ease-out;filter:saturate(.85)}
.pro-step.in .pro-bg{opacity:1;transform:scale(1)}
.pro-step::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.75) 100%);pointer-events:none}
.letter{position:absolute;left:0;right:0;height:9vh;background:#000;z-index:3}
.letter.t{top:0;display:none}.letter.b{bottom:0}
.pro-txt{position:relative;z-index:4;text-align:center;padding:0 var(--pad);opacity:0;transform:translateY(16px);transition:opacity 1.2s .5s,transform 1.2s .5s}
.pro-step.in .pro-txt{opacity:1;transform:none}
.pro-date{font-family:var(--mono);font-size:clamp(14px,1.6vw,18px);letter-spacing:.32em;text-transform:uppercase;color:var(--cold)}
.pro-line{font-family:var(--serif);font-style:italic;font-size:clamp(22px,3.2vw,40px);max-width:24ch;margin:16px auto 0;line-height:1.25}
.pulse{width:min(520px,80vw);height:60px;margin:22px auto 0;display:block}
.pulse path{fill:none;stroke:var(--red);stroke-width:2;stroke-dasharray:800;stroke-dashoffset:800}
.pro-step.in .pulse path{animation:beat 2.4s linear infinite}
@keyframes beat{0%{stroke-dashoffset:800}70%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
.pro-doc{position:absolute;z-index:2;right:8vw;top:50%;width:min(360px,42vw);transform:translateY(-50%) rotate(2.5deg);box-shadow:0 30px 80px rgba(0,0,0,.7);opacity:0;transition:opacity 1.4s .3s}
.pro-step.in .pro-doc{opacity:.95}
.pro-step.doc .pro-txt{text-align:left;margin-right:auto;max-width:640px;padding-left:max(var(--pad),6vw)}
.pro-step.doc .pro-line{margin-left:0}
.yr{font-family:var(--disp);font-weight:900;font-stretch:125%;font-size:clamp(90px,20vw,280px);line-height:.85;color:var(--amb);letter-spacing:-.02em;mix-blend-mode:screen}
.title-card{background:#000}
.t-nadia{font-family:var(--disp);font-weight:900;font-stretch:125%;font-size:clamp(72px,17vw,250px);letter-spacing:.1em;line-height:.9;margin:0;padding-left:.1em}
.t-ep{font-family:var(--mono);letter-spacing:.4em;text-transform:uppercase;color:var(--amb);font-size:clamp(12px,1.4vw,16px);margin-top:18px}
.t-meta{margin-top:30px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.scroll-cue{position:absolute;bottom:12vh;left:50%;transform:translateX(-50%);z-index:5;font-family:var(--mono);font-size:11px;letter-spacing:.2em;color:var(--tx3);text-transform:uppercase;animation:cue 2s ease-in-out infinite}
@keyframes cue{50%{transform:translate(-50%,6px);opacity:.5}}
.skip{position:absolute;right:var(--pad);bottom:calc(9vh + 14px);z-index:6;background:rgba(0,0,0,.4);border:1px solid var(--line2);color:var(--tx2);font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;padding:6px 10px;cursor:pointer;text-decoration:none}

/* logline + synopsis */
.logline{padding:clamp(70px,10vw,140px) 0 40px;border-bottom:1px solid var(--line)}
.logline p{font-family:var(--serif);font-size:clamp(24px,3vw,40px);line-height:1.3;max-width:28ch;margin:18px 0 0}
.facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin:48px 0 0}
.facts div{background:var(--bg);padding:18px 20px}
.facts b{display:block;font-family:var(--disp);font-weight:800;font-size:clamp(28px,3.4vw,44px);line-height:1;color:var(--amb)}
.facts span{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx2)}
@media(max-width:720px){.facts{grid-template-columns:repeat(2,minmax(0,1fr))}}
.syn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:clamp(24px,5vw,80px);padding:clamp(56px,8vw,110px) 0}
.syn h2{font-size:clamp(30px,4vw,54px);position:sticky;top:calc(var(--topH) + 30px);align-self:start}
.syn-body p{font-size:clamp(18px,1.6vw,21px);margin:0 0 1.1em;max-width:60ch;overflow-wrap:break-word}
.syn-body p a{color:var(--amb);text-decoration:none;font-family:var(--mono);font-size:.7em;letter-spacing:.04em;white-space:nowrap}
.syn-note{font-family:var(--mono);font-size:12px;color:var(--tx3);border-top:1px solid var(--line);padding-top:14px;margin-top:20px}
@media(max-width:820px){.syn{grid-template-columns:minmax(0,1fr)}.syn h2{position:static}}

/* score strip */
.score{padding:40px 0 80px;overflow-x:clip}
.score-h{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;margin-bottom:18px}
.score-h h2{font-size:clamp(26px,3vw,40px)}
.score-legend{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--tx2)}
.score-legend i{display:inline-block;width:10px;height:10px;margin-right:6px;vertical-align:-1px}
.strip{display:flex;height:120px;gap:2px;align-items:stretch}
.strip a{position:relative;flex:1 1 auto;min-width:3px;text-decoration:none;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .2s}
.strip a:hover{transform:translateY(-6px)}
.strip a .bar{height:100%;border-top:3px solid var(--amb2)}
.strip a .bar.d{background:linear-gradient(#5a4220,#2a2016)}
.strip a .bar.n{background:linear-gradient(#22303f,#141a22)}
.strip a .bar.x{background:#2a2620}
.strip a.ch0 .bar{border-top-color:var(--cold)}
.strip a:nth-child(odd) .bar{opacity:.92}
.strip a .num{position:absolute;bottom:-20px;left:0;font-family:var(--mono);font-size:9px;color:var(--tx3)}
.strip a .tip{position:absolute;bottom:calc(100% + 10px);left:50%;transform:translateX(-50%);background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:11px;padding:6px 8px;white-space:nowrap;opacity:0;pointer-events:none;z-index:5;transition:opacity .15s}
.strip a:hover .tip,.strip a:focus .tip{opacity:1}
.strip-ch{display:flex;gap:2px;margin-top:30px}
.strip-ch div{font-family:var(--mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--tx2);border-top:1px solid var(--line2);padding-top:6px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
@media(max-width:720px){.strip{height:80px}.strip a .num{display:none}.strip-ch{display:none}}

/* chapters */
.chap{position:relative;min-height:100svh;display:flex;align-items:flex-end;overflow:hidden;border-top:1px solid var(--line)}
.chap-bg{position:absolute;inset:0;background-size:cover;background-position:center;transform:scale(1.08);transition:transform 2.4s ease-out;will-change:transform}
.chap.in .chap-bg{transform:scale(1)}
.chap::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(11,10,8,.15) 0%,rgba(11,10,8,.15) 40%,rgba(11,10,8,.92) 88%,var(--bg) 100%)}
.chap-in{position:relative;z-index:2;width:100%;padding:0 var(--pad) clamp(40px,7vw,90px);max-width:var(--max);margin:0 auto}
.chap-n{font-family:var(--disp);font-weight:900;font-stretch:125%;font-size:clamp(70px,13vw,190px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px var(--amb);opacity:.85}
.chap.c0 .chap-n{-webkit-text-stroke-color:var(--cold)}
.chap h2{font-size:clamp(36px,6vw,84px);margin-top:10px}
.chap-w{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;font-size:13px;color:var(--amb);margin-top:12px}
.chap.c0 .chap-w{color:var(--cold)}
.chap-d{font-size:clamp(18px,1.8vw,22px);max-width:52ch;margin:14px 0 22px;color:#ded5c2}
.chap-sc{display:flex;gap:6px;flex-wrap:wrap}
.chap-sc a{font-family:var(--mono);font-size:12px;text-decoration:none;color:var(--tx);background:rgba(0,0,0,.45);border:1px solid var(--line2);padding:6px 9px;backdrop-filter:blur(4px);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.chap-sc a:hover{border-color:var(--amb);color:var(--amb)}
.chap-sc a b{color:var(--amb);font-weight:600;margin-right:6px}
.ai-mark{position:absolute;z-index:3;top:calc(var(--topH) + 14px);right:var(--pad);font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx2);background:rgba(0,0,0,.5);padding:3px 7px}
.fin{padding:clamp(80px,12vw,160px) 0;text-align:center}
.fin h2{font-size:clamp(28px,4vw,54px)}
.fin .chips{justify-content:center;margin-top:24px}
.fin .chip{font-size:13px;padding:10px 14px}

/* ===== SCENES ===== */
.sv{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - var(--topH))}
.rail{position:sticky;top:var(--topH);height:calc(100vh - var(--topH));overflow-y:auto;border-right:1px solid var(--line);background:var(--bg2);scrollbar-width:thin}
.rail-tools{position:sticky;top:0;background:var(--bg2);padding:12px;border-bottom:1px solid var(--line);z-index:2;display:flex;gap:6px;flex-wrap:wrap}
.rail-tools input{flex:1 1 100%;background:var(--bg);border:1px solid var(--line2);color:var(--tx);font-family:var(--mono);font-size:12px;padding:8px 10px}
.rail-ch{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--amb);padding:16px 14px 6px}
.rail-ch.c0{color:var(--cold)}
.rail-list a{display:grid;grid-template-columns:30px minmax(0,1fr) auto;gap:8px;align-items:baseline;padding:7px 14px;text-decoration:none;color:var(--tx2);font-family:var(--mono);font-size:11.5px;border-left:2px solid transparent}
.rail-list a:hover{background:var(--bg3);color:var(--tx)}
.rail-list a.on{background:var(--bg3);color:var(--tx);border-left-color:var(--amb)}
.rail-list a .rn{color:var(--tx3)}
.rail-list a .rl{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rail-list a .rm{color:var(--tx3);font-size:10px}
.rail-list a .flag{color:var(--red)}
.sc-main{min-width:0}
.sc-hero{position:relative;height:min(62vh,620px);min-height:340px;overflow:hidden;background:#000}
.sc-hero img{width:100%;height:100%;object-fit:cover;opacity:.9;animation:kb 18s ease-out both}
@keyframes kb{from{transform:scale(1.08)}to{transform:scale(1)}}
.sc-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.2),rgba(0,0,0,.05) 40%,rgba(11,10,8,.95))}
.sc-hero .letter{height:5%}
.sc-hd{position:absolute;z-index:4;left:0;right:0;bottom:0;padding:0 clamp(18px,3.5vw,48px) 26px}
.sc-num{font-family:var(--disp);font-weight:900;font-stretch:125%;font-size:clamp(56px,8vw,110px);line-height:.8;color:var(--amb)}
.sc-num.c0{color:var(--cold)}
.sc-slug{font-family:var(--cour);font-weight:700;font-size:clamp(18px,2.2vw,28px);text-transform:uppercase;margin-top:10px;letter-spacing:.02em;overflow-wrap:anywhere}
.sc-meta{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}
.sc-meta .chip{background:rgba(0,0,0,.5)}
.sc-cap{position:absolute;z-index:4;top:14px;right:16px;font-family:var(--mono);font-size:10px;color:var(--tx2);background:rgba(0,0,0,.55);padding:3px 7px;max-width:60%;text-align:right}
.sc-thumbs{position:absolute;z-index:5;right:16px;bottom:26px;display:flex;gap:6px}
.sc-thumbs button{width:64px;height:40px;padding:0;border:1px solid var(--line2);background:#000 center/cover;cursor:pointer;opacity:.7}
.sc-thumbs button.on,.sc-thumbs button:hover{opacity:1;border-color:var(--amb)}
@media(max-width:720px){.sc-thumbs{position:static;padding:10px 18px 0;background:var(--bg)}.sc-cap{display:none}}
.sc-body{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:clamp(20px,3vw,44px);padding:28px clamp(18px,3.5vw,48px) 60px}
.sc-sum{font-size:19px;line-height:1.5;color:var(--tx);margin:0 0 24px;max-width:62ch;border-left:2px solid var(--amb);padding-left:16px}
.sc-sum small{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--tx3);margin-bottom:6px}
.page{background:var(--paper);color:var(--ink);font-family:var(--cour);font-size:16px;line-height:1.45;padding:clamp(22px,4vw,56px) clamp(18px,5vw,72px);box-shadow:0 20px 60px rgba(0,0,0,.5);position:relative}
.page::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.35),transparent 60%),radial-gradient(ellipse at 100% 100%,rgba(120,90,40,.12),transparent 60%)}
.page .ph{font-weight:700;text-transform:uppercase;margin:0 0 1.2em}
.page .pa{margin:0 0 1em;overflow-wrap:break-word}
.page .pc{text-transform:uppercase;margin:1.2em 0 0 38%;font-weight:400}
.page .pp{margin:0 0 0 30%;max-width:40%}
.page .pd{margin:0 18% 1em 22%;overflow-wrap:break-word}
.page .pt{text-align:right;text-transform:uppercase;margin:1em 0}
@media(max-width:620px){.page{font-size:14.5px}.page .pc{margin-left:24%}.page .pd{margin:0 4% 1em 10%}.page .pp{margin-left:16%;max-width:70%}}
.sc-nav{display:flex;justify-content:space-between;gap:10px;margin-top:22px}
.sc-nav a{flex:1;text-decoration:none;border:1px solid var(--line2);padding:12px 14px;font-family:var(--mono);font-size:12px;color:var(--tx2);min-width:0}
.sc-nav a:hover{border-color:var(--amb);color:var(--tx)}
.sc-nav a span{display:block;color:var(--tx);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:4px}
.sc-nav a.nx{text-align:right}
.card{border:1px solid var(--line);background:var(--bg2);margin-bottom:14px}
.card h3{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--tx2);margin:0;padding:12px 14px;border-bottom:1px solid var(--line);font-weight:500}
.card .cb{padding:12px 14px;font-size:15px}
.kv{display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 14px;font-family:var(--mono);font-size:12px}
.kv dt{color:var(--tx3)} .kv dd{margin:0;color:var(--tx)}
.note{padding:10px 0;border-bottom:1px solid var(--line);font-size:14.5px;line-height:1.45}
.note:last-child{border-bottom:0}
.note b{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:3px}
.note.Epocă b,.note.Continuitate b,.note.Structură b{color:var(--red)} .note.Fapt b{color:var(--cold)} .note[class*="De"] b{color:var(--amb)}
.note small{display:block;font-family:var(--mono);font-size:10px;color:var(--tx3);margin-top:4px}
.fact{border-color:var(--cold2)} .fact h3{color:var(--cold)}
.snd{font-size:14px;color:var(--tx2);font-style:italic;margin:0 0 8px}
.cast-ch{display:flex;flex-wrap:wrap;gap:5px}
.toggle-read{margin-left:auto}
@media(max-width:1100px){.sc-body{grid-template-columns:minmax(0,1fr)}}
@media(max-width:860px){
  .sv{grid-template-columns:minmax(0,1fr)}
  .rail{position:static;height:auto;max-height:none;border-right:0;border-bottom:1px solid var(--line)}
  .rail-list{display:none}
  .rail.open .rail-list{display:block;max-height:55vh;overflow-y:auto}
}
.read-all .rd-sc{margin-bottom:40px}
.read-head{display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:24px clamp(18px,3.5vw,48px);border-bottom:1px solid var(--line)}
.read-wrap{max-width:900px;margin:0 auto;padding:30px clamp(14px,3vw,30px) 80px}
.rd-ch{font-family:var(--disp);font-weight:800;font-size:clamp(28px,4vw,46px);margin:50px 0 18px;color:var(--amb)}
.rd-ch.c0{color:var(--cold)}
.rd-sc .page{margin-bottom:0}
.rd-num{font-family:var(--mono);font-size:11px;color:var(--tx3);margin:0 0 6px;display:flex;justify-content:space-between}
.rd-num a{color:var(--amb);text-decoration:none}

/* ===== TIMELINE ===== */
.tl-ctrl{display:flex;gap:10px;flex-wrap:wrap;align-items:center;padding:0 0 18px}
.tl-ctrl .lbl{font-family:var(--mono);font-size:11px;color:var(--tx3);letter-spacing:.1em;text-transform:uppercase;margin-right:4px}
.seg{display:inline-flex;border:1px solid var(--line2)}
.seg button{background:none;border:0;border-right:1px solid var(--line2);font-family:var(--mono);font-size:12px;color:var(--tx2);padding:8px 12px;cursor:pointer}
.seg button:last-child{border-right:0}
.seg button.on{background:var(--amb);color:#000}
.years{display:flex;gap:4px;flex-wrap:wrap}
.years button{background:none;border:1px solid var(--line);font-family:var(--mono);font-size:11px;color:var(--tx2);padding:5px 7px;cursor:pointer}
.years button.on{border-color:var(--amb);color:var(--amb)}
.years button.has{color:var(--tx)}
.tl-box{position:relative;border:1px solid var(--line);background:var(--bg2)}
.tl-scroll{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;cursor:grab}
.tl-scroll.drag{cursor:grabbing}
.tl-canvas{position:relative}
.tl-lanes{position:absolute;left:0;top:0;bottom:0;width:116px;z-index:6;background:linear-gradient(90deg,var(--bg2) 80%,transparent);pointer-events:none}
.tl-lane-l{position:absolute;left:12px;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);display:flex;align-items:center;gap:6px}
.tl-lane-l i{width:8px;height:8px;border-radius:50%;display:inline-block}
.tl-row{position:absolute;left:0;right:0;border-top:1px solid var(--line)}
.tl-tick{position:absolute;top:0;bottom:0;border-left:1px solid var(--tick1)}
.tl-tick span{position:absolute;top:6px;left:4px;font-family:var(--mono);font-size:11px;color:var(--tx3);white-space:nowrap}
.tl-tick.y span{color:var(--tx);font-size:12px;font-weight:600}
.tl-tick.y{border-left-color:var(--tick2)}
.tl-gap{position:absolute;top:0;bottom:0;background:repeating-linear-gradient(135deg,transparent 0 6px,var(--tick1) 6px 7px);border-left:1px dashed var(--line2);border-right:1px dashed var(--line2)}
.tl-gap span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-90deg);font-family:var(--mono);font-size:10px;color:var(--tx3);white-space:nowrap;letter-spacing:.2em}
.tl-ev{position:absolute;display:flex;align-items:center;gap:6px;background:none;border:0;padding:0;cursor:pointer;text-align:left;max-width:220px;transform:translateX(-5px)}
.tl-ev i{flex:0 0 auto;width:10px;height:10px;border-radius:50%;background:var(--c);box-shadow:0 0 0 3px var(--bg2)}
.tl-ev.i2 i{width:13px;height:13px}
.tl-ev span{font-family:var(--mono);font-size:11px;color:var(--tx2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;background:var(--evbg);padding:1px 4px}
.tl-ev.i2 span{color:var(--tx)}
.tl-ev:hover span,.tl-ev.on span{color:#000;background:var(--c)}
.tl-ev img{width:34px;height:24px;object-fit:cover;flex:0 0 auto;border:1px solid var(--line2)}
.tl-now{position:absolute;top:0;bottom:0;width:1px;background:var(--amb);opacity:.4;pointer-events:none}
.tl-det{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-top:18px;min-height:150px}
.tl-card{border:1px solid var(--line);background:var(--bg2);padding:18px 20px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px}
.tl-card img{width:160px;height:110px;object-fit:cover;cursor:zoom-in}
.tl-card .d{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}
.tl-card h3{font-family:var(--disp);font-weight:700;font-size:24px;line-height:1.15;margin:6px 0}
.tl-card p{margin:0;color:var(--tx2);font-size:15px}
.tl-card small{display:block;font-family:var(--mono);font-size:10px;color:var(--tx3);margin-top:10px}
.tl-same h4{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx2);margin:0 0 10px;font-weight:500}
.tl-same button{display:grid;grid-template-columns:90px minmax(0,1fr);gap:10px;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:7px 0;cursor:pointer;font-size:14px;color:var(--tx)}
.tl-same button:hover{color:var(--amb)}
.tl-same button em{font-style:normal;font-family:var(--mono);font-size:11px;color:var(--c)}
@media(max-width:820px){.tl-det{grid-template-columns:minmax(0,1fr)}.tl-card{grid-template-columns:minmax(0,1fr)}.tl-card img{width:100%;height:180px}}
/* list mode */
.tl-list .yr-b{display:grid;grid-template-columns:110px minmax(0,1fr);gap:20px;border-top:1px solid var(--line);padding:22px 0}
.tl-list .yr-b>h3{font-family:var(--disp);font-weight:900;font-stretch:125%;font-size:40px;line-height:1;margin:0;color:var(--amb);position:sticky;top:calc(var(--topH) + 10px);align-self:start}
.tl-list .yr-b.y89>h3{color:var(--cold)}
.tl-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px 22px}
.tl-col h4{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin:0 0 6px;display:flex;align-items:center;gap:6px;font-weight:500;color:var(--tx2)}
.tl-col h4 i{width:8px;height:8px;border-radius:50%}
.tl-col button{display:block;width:100%;text-align:left;background:none;border:0;border-left:2px solid var(--c);padding:3px 0 3px 10px;margin:0 0 8px;cursor:pointer;color:var(--tx);font-size:15px;line-height:1.35}
.tl-col button small{display:block;font-family:var(--mono);font-size:10px;color:var(--tx3)}
.tl-col button:hover{color:var(--amb)}
@media(max-width:900px){.tl-cols{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.tl-list .yr-b{grid-template-columns:minmax(0,1fr);gap:10px}.tl-list .yr-b>h3{position:static;font-size:34px}.tl-cols{grid-template-columns:minmax(0,1fr)}}

/* ===== CAST ===== */
.cast{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:80px}
.pcard{background:var(--bg);padding:20px;display:flex;flex-direction:column;gap:10px;min-width:0}
.pcard-top{display:grid;grid-template-columns:72px minmax(0,1fr);gap:14px;align-items:start}
.pcard-ph{width:72px;height:92px;background:var(--bg3) center/cover;filter:grayscale(.3);border:1px solid var(--line2);display:flex;align-items:center;justify-content:center;font-family:var(--disp);font-weight:800;font-size:28px;color:var(--tx3)}
.pcard h3{font-family:var(--disp);font-weight:700;font-size:22px;line-height:1.1;margin:4px 0 6px}
.pcard p{margin:0;font-size:15px;color:var(--tx)}
.pcard .fact{font-family:var(--mono);font-size:11px;color:var(--cold)}
.heat{display:grid;grid-template-columns:repeat(56,minmax(0,1fr));gap:1px;margin-top:auto}
.heat a{height:14px;background:var(--bg3);display:block}
.heat a.y{background:var(--amb)}
.heat a.y.c0{background:var(--cold)}
.pcard-stat{display:flex;justify-content:space-between;font-family:var(--mono);font-size:11px;color:var(--tx3)}

/* ===== SETS ===== */
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-bottom:28px}
.stats div{background:var(--bg);padding:16px 18px}
.stats b{display:block;font-family:var(--disp);font-size:34px;font-weight:800;line-height:1;color:var(--amb)}
.stats span{font-family:var(--mono);font-size:11px;color:var(--tx2);text-transform:uppercase;letter-spacing:.06em}
@media(max-width:720px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sets{width:100%;border-collapse:collapse;margin-bottom:80px;font-size:15px}
.sets th{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--tx3);text-align:left;font-weight:500;padding:10px 10px;border-bottom:1px solid var(--line2);cursor:pointer;white-space:nowrap}
.sets td{padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}
.sets td:first-child{font-family:var(--disp);font-weight:700;font-size:17px}
.sets .bar{height:6px;background:var(--amb);display:block;margin-top:6px;opacity:.8}
.sets .chips{gap:4px}
.sets .chip{font-size:10.5px;padding:2px 6px}
.tbl-wrap{overflow-x:auto}
@media(max-width:720px){.sets thead{display:none}.sets tr{display:block;border-bottom:1px solid var(--line);padding:12px 0}.sets td{display:block;border:0;padding:3px 0}.sets td.hm{display:none}}

/* ===== VISUAL ===== */
.vis-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:22px}
.vis-tabs button{font-family:var(--mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;padding:9px 14px;border:1px solid var(--line2);background:none;color:var(--tx2);cursor:pointer}
.vis-tabs button.on{background:var(--amb);color:#000;border-color:var(--amb)}
.vis-tabs button em{font-style:normal;opacity:.6;margin-left:6px}
.vis-intro{max-width:70ch;color:var(--tx2);margin:0 0 22px;font-size:15px}
.grid{columns:4 260px;column-gap:10px;margin-bottom:80px}
.grid figure{break-inside:avoid;margin:0 0 10px;position:relative;cursor:zoom-in;background:var(--bg2);border:1px solid var(--line)}
.grid img{width:100%;height:auto}
.grid figcaption{padding:8px 10px;font-size:13px;line-height:1.35;color:var(--tx2)}
.grid figcaption b{display:block;font-family:var(--mono);font-size:10px;color:var(--tx3);font-weight:400;margin-bottom:2px}
.grid.kf{columns:2 420px}
.grid.kf figcaption{font-size:15px;color:var(--tx)}
.flag-t{display:block;color:var(--red);font-family:var(--mono);font-size:10.5px;margin-top:4px}

/* ===== PRODUCTION ===== */
.prod-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;margin-bottom:80px}
@media(max-width:900px){.prod-grid{grid-template-columns:minmax(0,1fr)}}
.mot{border-top:1px solid var(--line);padding:16px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 16px}
.mot h3{font-family:var(--disp);font-weight:700;font-size:20px;margin:0}
.mot p{margin:0;color:var(--tx2);font-size:15px;grid-column:1/-1}
.mot .chips{grid-column:1/-1}
.filter-row{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 12px}
.nl .note{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px}
.nl .note a{font-family:var(--mono);font-size:12px;color:var(--amb);text-decoration:none}
.h2s{font-family:var(--disp);font-weight:800;font-size:clamp(26px,3vw,38px);margin:0 0 14px}
.sndl div{display:grid;grid-template-columns:60px minmax(0,1fr);gap:12px;border-top:1px solid var(--line);padding:10px 0;font-size:15px;color:var(--tx)}
.sndl a{font-family:var(--mono);font-size:12px;color:var(--amb);text-decoration:none}

/* ===== SOURCES ===== */
.src{max-width:900px;padding-bottom:90px}
.src h2{font-family:var(--disp);font-weight:800;font-size:28px;margin:40px 0 12px}
.src li{margin:0 0 10px;color:var(--tx);overflow-wrap:anywhere}
.src a{color:var(--amb)}
.src p{color:var(--tx2)}

/* lightbox */
.lb{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.94);display:flex;align-items:center;justify-content:center;padding:40px 60px}
.lb[hidden]{display:none}
.lb figure{margin:0;max-width:100%;max-height:100%;display:flex;flex-direction:column;align-items:center}
.lb img{max-width:100%;max-height:calc(100vh - 160px);object-fit:contain}
.lb figcaption{margin-top:12px;font-size:15px;color:var(--tx2);max-width:80ch;text-align:center}
.lb figcaption a{color:var(--amb)}
.lb-x{position:absolute;top:12px;right:16px;background:none;border:0;font-size:36px;color:var(--tx);cursor:pointer;line-height:1}
.lb-nav{position:absolute;top:50%;transform:translateY(-50%);background:none;border:0;font-size:48px;color:var(--tx2);cursor:pointer;padding:10px}
.lb-p{left:8px}.lb-n{right:8px}
@media(max-width:620px){.lb{padding:50px 10px}.lb-nav{font-size:34px;top:auto;bottom:10px;transform:none}}

.foot{border-top:1px solid var(--line);padding:30px var(--pad);font-family:var(--mono);font-size:11px;color:var(--tx3);display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .9s,transform .9s}
.reveal.in{opacity:1;transform:none}

#railT{display:none}
@media(max-width:860px){#railT{display:inline-flex}}

.pulse path.base{stroke-dasharray:none;stroke-dashoffset:0;opacity:.22;animation:none!important}
.pro-step .ai-mark{top:16px}

.lang{display:flex;border:1px solid var(--line2);flex:none}
.lang button{font-family:var(--mono);font-size:11px;letter-spacing:.08em;background:none;border:0;color:var(--tx3);padding:6px 9px;cursor:pointer}
.lang button+button{border-left:1px solid var(--line2)}
.lang button.on{color:#000;background:var(--amb)}
.lang button:not(.on):hover{color:var(--tx)}

/* prologue tension: heartbeat throb (fx-a) + border searchlight (fx-b) */
.fx-vig{position:absolute;inset:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse at center,transparent 8%,rgba(0,0,0,.97) 62%);opacity:0}
.pro-step.in .fx-vig{animation:lubdub 1.15s ease-in-out 1.4s infinite}
.fx-vig.soft{background:radial-gradient(ellipse at center,transparent 30%,rgba(0,0,0,.8) 90%)}
@keyframes lubdub{0%{opacity:0}9%{opacity:1}20%{opacity:.3}30%{opacity:.9}55%,100%{opacity:0}}
.pro-step.fx-a.in .pro-bg{animation:throb 1.15s ease-in-out 1.6s infinite}
@keyframes throb{0%{transform:scale(1)}9%{transform:scale(1.05)}20%{transform:scale(1.012)}30%{transform:scale(1.035)}55%,100%{transform:scale(1)}}
.fx-beam{position:absolute;top:-30%;bottom:-30%;left:-60%;width:55%;pointer-events:none;z-index:1;mix-blend-mode:screen;background:linear-gradient(90deg,transparent 0%,rgba(170,200,235,.05) 30%,rgba(205,225,250,.32) 50%,rgba(170,200,235,.05) 70%,transparent 100%);transform:rotate(14deg) translateX(0);filter:blur(6px);opacity:0}
.pro-step.in .fx-beam{animation:sweep 7s cubic-bezier(.45,0,.55,1) 1s infinite}
@keyframes sweep{0%{transform:rotate(14deg) translateX(0);opacity:0}8%{opacity:1}55%{transform:rotate(14deg) translateX(330%);opacity:1}62%,100%{transform:rotate(14deg) translateX(330%);opacity:0}}
.pro-step.fx-b .pro-txt{position:relative;z-index:2}
.pro-step.fx-b.in .pro-date{animation:caught 7s linear 1s infinite}
@keyframes caught{0%,24%,40%,100%{color:var(--cold);text-shadow:none}30%{color:#fff;text-shadow:0 0 18px rgba(205,225,250,.8)}}
.fx-grain{position:absolute;inset:0;pointer-events:none;z-index:1;opacity:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");mix-blend-mode:overlay}
.pro-step.in .fx-grain{animation:gspike 1.15s steps(1) 1.4s infinite,grain .5s steps(4) infinite}
@keyframes gspike{0%{opacity:.15}10%{opacity:.75}22%{opacity:.25}32%{opacity:.6}55%,100%{opacity:.12}}
.pro-step.fx-c.in .pro-bg{animation:breath 1.15s ease-in-out 1.6s infinite}
@keyframes breath{0%{filter:saturate(.85) brightness(.4);transform:translate(0,0) scale(1)}10%{filter:saturate(.85) brightness(1.25);transform:translate(-2px,1px) scale(1.01)}16%{transform:translate(2px,-1px) scale(1.01)}22%{filter:saturate(.85) brightness(.55);transform:translate(0,0) scale(1)}32%{filter:saturate(.85) brightness(1.1);transform:translate(1px,1px) scale(1.006)}55%,100%{filter:saturate(.85) brightness(.4);transform:none}}
@media (prefers-reduced-motion:reduce){.fx-vig,.fx-beam,.fx-grain,.pro-step[class*="fx-"] .pro-bg,.pro-step.fx-b .pro-date{animation:none!important}.fx-vig{opacity:.4}}
.pro-line{text-wrap:balance}

/* ================= DAY / NIGHT ================= */
html[data-theme="day"]{
  --bg:#f1eadb; --bg2:#e7dec9; --bg3:#dcd0b6; --line:#cdbfa3; --line2:#b3a385;
  --tx:#1e1a14; --tx2:#544b3c; --tx3:#7a6e59;
  --amb:#9a5a0a; --amb2:#c98a35; --cold:#335a80; --cold2:#a9bfd4; --red:#a8321c; --green:#4f6b3b;
  --hdr0:rgba(241,234,219,.98); --hdr1:rgba(241,234,219,.94); --hdr2:rgba(241,234,219,.82);
  --tick1:rgba(0,0,0,.06); --tick2:rgba(0,0,0,.12); --evbg:rgba(241,234,219,.9); --shadow:rgba(60,40,10,.18);
}
html[data-theme="day"] .grain{opacity:.035}
html[data-theme="day"] .page{box-shadow:0 14px 40px var(--shadow);border:1px solid var(--line)}
/* cinematic frames stay dark in day mode */
html[data-theme="day"] :is(.pro,.chap,.sc-hero,.so,.dh,.secs,.s23,.oth-c,.lb,.board,.back89){
  --bg:#0b0a08; --bg2:#13110d; --bg3:#1c1914; --line:#2c2820; --line2:#3d372c;
  --tx:#efe7d6; --tx2:#ada492; --tx3:#736b5c; --amb:#e8a33d; --cold:#86a9c9; --red:#d8452b; color:var(--tx)}
html[data-theme="day"] .chap::before{background:linear-gradient(180deg,rgba(11,10,8,.15) 0%,rgba(11,10,8,.15) 40%,rgba(11,10,8,.92) 88%,#0b0a08 100%)}
html[data-theme="day"] .chap{background:#0b0a08}
html[data-theme="day"] .pro{background:#0b0a08}
html[data-theme="day"] .lang button.on,html[data-theme="day"] .chip.on,html[data-theme="day"] .seg button.on,html[data-theme="day"] .vis-tabs button.on{color:#fff}
html[data-theme="day"] .mark-e{color:#fff}
.theme-btn{flex:none;width:34px;height:30px;display:grid;place-items:center;background:none;border:1px solid var(--line2);color:var(--tx2);cursor:pointer;padding:0}
.theme-btn:hover{color:var(--amb)}
.theme-btn svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
.theme-btn .i-moon{display:none}
html[data-theme="day"] .theme-btn .i-sun{display:none}
html[data-theme="day"] .theme-btn .i-moon{display:block;fill:currentColor;stroke:none}
@media (max-width:1240px){.theme-btn{margin-left:8px}}

/* ================= fixed chrome: logo + episode selector ================= */
.ff-logo{position:fixed;left:14px;bottom:12px;z-index:55;opacity:.85;mix-blend-mode:difference;transition:opacity .2s;line-height:0}
.ff-logo:hover{opacity:1}
.ff-logo img{width:78px;height:auto}
.ep-pill{position:fixed;left:50%;bottom:12px;transform:translateX(-50%);z-index:55;display:flex;align-items:center;gap:2px;padding:4px;background:var(--hdr1);border:1px solid var(--line2);backdrop-filter:blur(8px);font-family:var(--mono)}
.ep-pill .ep-l{font-size:10px;letter-spacing:.14em;color:var(--tx3);padding:0 8px 0 6px}
.ep-pill a{min-width:30px;height:28px;display:grid;place-items:center;font-size:12px;text-decoration:none;color:var(--tx2);border:1px solid transparent}
.ep-pill a:hover{color:var(--tx);border-color:var(--line2)}
.ep-pill a.hot{color:var(--amb)}
.ep-pill a.on{background:var(--amb);color:#000;border-color:var(--amb)}
html[data-theme="day"] .ep-pill a.on{color:#fff}
.foot{padding-bottom:70px}
@media(max-width:560px){.ep-pill{left:auto;right:10px;transform:none}.ep-pill .ep-l{display:none}.ep-pill a{min-width:27px}.ff-logo img{width:64px}}

/* ================= shared series bits ================= */
.subnav{position:sticky;top:var(--topH);z-index:40;background:var(--hdr1);backdrop-filter:blur(8px);border-bottom:1px solid var(--line);transition:top .35s}
body.hdr-hide .subnav{top:0}
.subnav-in{max-width:var(--max);margin:0 auto;padding:0 var(--pad);display:flex;gap:2px;overflow-x:auto;scrollbar-width:none}
.subnav-in::-webkit-scrollbar{display:none}
.subnav button{flex:none;font-family:var(--mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;background:none;border:0;border-bottom:2px solid transparent;color:var(--tx3);padding:11px 10px 9px;cursor:pointer;white-space:nowrap}
.subnav button:hover{color:var(--tx)}
.subnav button.on{color:var(--amb);border-bottom-color:var(--amb)}
.ser-sec{padding:clamp(70px,9vw,130px) 0 0;scroll-margin-top:100px}
.ser-sec>h2,.d-chr>h2,.d-ph>h2,.d-thr>h2,.rot>h2,.res>h2,.mom h2{font-size:clamp(30px,4.4vw,60px);margin:8px 0 28px}
.ser-src{font-family:var(--mono);font-size:11px;color:var(--tx3);margin-top:18px;max-width:90ch}
.ser-src.last{margin:90px 0 40px;padding-top:20px;border-top:1px solid var(--line)}
.chip.big{font-size:13px;padding:11px 16px;color:var(--tx);border-color:var(--amb)}
.chip.big:hover{background:var(--amb);color:#000}
[id^="s-"],[id^="d-"]{scroll-margin-top:100px}

/* dot matrix */
.dm{display:inline-flex;gap:calc(var(--d)*1.1);--d:7px;vertical-align:middle}
.dm-g{display:grid;grid-template-rows:repeat(7,var(--d));gap:calc(var(--d)*.28);grid-auto-columns:var(--d)}
.dm-g i{width:var(--d);height:var(--d);border-radius:50%;background:rgba(255,255,255,.06)}
.dm.amb .dm-g i.on{background:#ffb347;box-shadow:0 0 calc(var(--d)*1.1) rgba(255,166,50,.85)}
.dm.cold .dm-g i.on{background:#cfe3ff;box-shadow:0 0 calc(var(--d)*1.1) rgba(160,200,255,.7)}
.dm.sm{--d:3px}

/* opening */
.so{position:relative;height:calc(100svh - var(--topH));min-height:560px;display:grid;grid-template-columns:1fr 1fr;background:#000;overflow:hidden}
.so-half{position:relative;overflow:hidden}
.so-bg{position:absolute;inset:0;background:center/cover;filter:grayscale(1) contrast(1.1) brightness(.55);transform:scale(1.08);animation:soZ 18s ease-out forwards}
.so-89 .so-bg{filter:grayscale(1) brightness(.42) sepia(.2) hue-rotate(170deg) saturate(1.6)}
.so-76 .so-bg{filter:grayscale(.6) sepia(.5) brightness(.5) contrast(1.15)}
@keyframes soZ{to{transform:scale(1)}}
.so-half::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 30%,transparent 55%,rgba(0,0,0,.9))}
.so-cap{position:absolute;z-index:2;left:clamp(16px,3vw,40px);right:clamp(16px,3vw,40px);bottom:clamp(76px,10vh,110px)}
.so-d{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase}
.so-89 .so-d{color:#9fc0e0}.so-76 .so-d{color:#e8a33d}
.so-cap p{font-family:var(--serif);font-size:clamp(15px,1.4vw,19px);color:#ddd4c2;max-width:36ch;margin:6px 0 0}
.so-score{position:absolute;z-index:2;right:clamp(16px,3vw,40px);top:calc(var(--topH) + 30px);padding:14px 16px;background:rgba(0,0,0,.6);border:1px solid #3d372c}
.so-score .dm{--d:9px}
.so-title{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;pointer-events:none;padding:0 var(--pad)}
.so-title::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(transparent,rgba(239,231,214,.35),transparent)}
.so-title .kick{color:#e8a33d}
.so-title .t-nadia{color:#efe7d6;text-shadow:0 10px 60px rgba(0,0,0,.8);font-size:clamp(64px,15vw,220px)}
.so-theme{font-family:var(--serif);font-size:clamp(19px,2.2vw,30px);color:#efe7d6;max-width:30ch;margin:10px 0 14px;text-shadow:0 2px 20px #000;text-wrap:balance}
.so-fmt{font-family:var(--mono);font-size:12px;letter-spacing:.08em;color:#ada492}
.so-src{font-family:var(--mono);font-size:10px;color:#736b5c;margin-top:8px}
@media(max-width:720px){.so{grid-template-columns:1fr;grid-template-rows:1fr 1fr}.so-title{justify-content:center}.so-title::before{display:none}.so-76 .so-cap{bottom:76px}.so-89 .so-cap{top:calc(var(--topH) + 14px);bottom:auto}.so-score{display:none}.so-score .dm{--d:5px}.so-cap p{font-size:14px}}

.ser-prem{padding:clamp(70px,9vw,120px) 0 0;max-width:1000px}
.ser-prem>p{font-family:var(--serif);font-size:clamp(20px,2.3vw,30px);line-height:1.42;margin:0 0 .8em;text-wrap:pretty}
.ser-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,44px);margin-top:50px;border-top:1px solid var(--line);padding-top:30px}
.ser-3 p{font-size:16px;color:var(--tx2);margin:10px 0 0}
@media(max-width:860px){.ser-3{grid-template-columns:minmax(0,1fr)}}

/* board */
.board{background:#070605;border:1px solid #2c2820;padding:clamp(10px,2vw,22px);position:relative;font-family:var(--mono);color:#ffb347;box-shadow:inset 0 0 60px rgba(0,0,0,.9)}
.board::after{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(0,0,0,.55) 35%,transparent 36%);background-size:3px 3px;mix-blend-mode:multiply}
.board-h,.board-r{display:grid;grid-template-columns:52px minmax(0,1.5fr) minmax(0,1.1fr) minmax(0,1.6fr) 70px;gap:16px;align-items:center}
.board-h{font-size:10px;letter-spacing:.16em;color:#7a5a2a;padding:0 12px 10px;border-bottom:1px dashed #3d2c14}
.board-r{text-decoration:none;padding:14px 12px;border-bottom:1px dashed #2a1f10;color:#ffb347;text-shadow:0 0 8px rgba(255,160,40,.55);position:relative;transition:background .2s}
.board-r:hover,.board-r:focus-visible{background:rgba(255,160,40,.07)}
.b-n{font-size:clamp(22px,2.4vw,32px);font-weight:600}
.b-t{font-size:clamp(14px,1.4vw,19px);font-weight:600;letter-spacing:.08em}
.b-p,.b-l{font-size:12px;color:#d99a40;letter-spacing:.03em}
.b-x{text-align:right;font-size:18px}
.b-q{grid-column:2 / -1;font-family:var(--serif);font-size:15px;color:#c9bfa8;text-shadow:none;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s,opacity .35s}
.board-r:hover .b-q,.board-r:focus-visible .b-q{max-height:80px;opacity:1}
.board-r.r5,.board-r.r6{background:rgba(255,120,20,.05)}
.board-r.r5 .b-n,.board-r.r6 .b-n{color:#fff1d8;text-shadow:0 0 14px rgba(255,170,60,.9)}
@media(max-width:760px){.board-h{display:none}.board-r{grid-template-columns:44px minmax(0,1fr) auto;gap:4px 12px}.b-n{grid-row:span 3}.b-p,.b-l{grid-column:2}.b-x{grid-row:1;grid-column:3}.b-q{grid-column:2 / -1;max-height:none;opacity:1;font-size:14px}}
@media(hover:none){.b-q{max-height:none;opacity:1}}

/* rings */
.rings-wrap{display:grid;grid-template-columns:200px minmax(0,1fr);gap:30px;align-items:start}
.rings-ctl{display:flex;flex-direction:column;gap:6px;position:sticky;top:130px}
.rings-ctl button{font-family:var(--mono);font-size:13px;text-align:left;background:none;border:1px solid var(--line2);color:var(--tx2);padding:9px 12px;cursor:pointer}
.rings-ctl button.on{border-color:var(--amb);color:var(--amb)}
.rings-far{font-family:var(--mono);font-size:11px;color:var(--tx3);margin-top:14px}
.rings-far b{display:block;font-family:var(--disp);font-size:44px;font-weight:800;color:var(--tx);line-height:1}
.rings{width:100%;max-width:820px;height:auto;margin:0 auto;display:block;overflow:visible}
.rings .rg{fill:none;stroke:var(--line2);stroke-dasharray:2 5}
.rings .rg-t{font-family:var(--mono);font-size:10px;fill:var(--tx3)}
.rings .ax{stroke:var(--line);stroke-width:.6}
.rings .pl circle{fill:var(--tx3);transition:fill .3s,r .3s}
.rings .pl text{font-family:var(--mono);font-size:12px;fill:var(--tx2);transition:opacity .3s}
.rings .pl .km{font-size:9.5px;fill:var(--tx3)}
.rings .pl-ray{stroke:var(--amb);stroke-width:1;opacity:0;transition:opacity .4s}
.rings .pl.now circle{fill:var(--amb)}
.rings .pl.now text{fill:var(--tx);font-weight:600}
.rings .pl.now .pl-ray{opacity:.55}
.rings .pl.past circle{fill:var(--tx2)}
.rings .pl.fut{opacity:.16}
.rings-list{list-style:none;padding:0;margin:14px 0 0;font-family:var(--mono);font-size:12px;color:var(--tx2)}
.rings-list li{padding:4px 0;border-top:1px solid var(--line)}
.rings-list b{color:var(--amb);font-weight:500}
@media(max-width:760px){.rings-wrap{grid-template-columns:minmax(0,1fr)}.rings-ctl{position:static;flex-direction:row;flex-wrap:wrap}.rings-ctl button{padding:7px 10px}.rings-far{width:100%;margin-top:4px}.rings-list{width:100%;display:flex;flex-wrap:wrap;gap:4px 16px}.rings-list li{border:0}.rings .pl text{font-size:30px}.rings .pl:not(.now) text{display:none}.rings .pl .km{display:none}.rings .rg-t{font-size:22px}.rings .pl circle{r:9}}

/* threads */
.thr{border-top:1px solid var(--line)}
.thr-r{display:grid;grid-template-columns:170px repeat(6,minmax(0,1fr));border-bottom:1px solid var(--line)}
.thr-h a{font-family:var(--mono);font-size:12px;color:var(--tx2);text-decoration:none;padding:10px 10px}
.thr-h a.hot{color:var(--amb)}
.thr-n{font-family:var(--disp);font-weight:700;font-size:15px;text-align:left;background:none;border:0;color:var(--tx2);padding:14px 10px 14px 0;cursor:pointer}
.thr-c{position:relative;font-size:14px;color:var(--tx2);padding:14px 10px;line-height:1.35;transition:color .3s,background .3s}
.thr-c i{position:absolute;left:0;right:0;top:50%;height:1px;background:var(--amb);transform:scaleX(0);transform-origin:left;transition:transform .5s;opacity:.35}
.thr-c.nil{color:var(--line2)}
.thr.sel .thr-r:not(.on):not(.thr-h) .thr-c{opacity:.7}
.thr-r.on .thr-n{color:var(--amb)}
.thr-r.on .thr-c{color:var(--tx);background:color-mix(in srgb,var(--amb) 7%,transparent)}
.thr-r.on .thr-c i{transform:scaleX(1)}
.thr-r.on .thr-c:nth-child(n+6){background:color-mix(in srgb,var(--amb) 13%,transparent)}
@media(max-width:860px){.thr-h{display:none}.thr-r{grid-template-columns:repeat(2,minmax(0,1fr))}.thr-n{grid-column:1/-1;padding-bottom:4px}.thr-c{padding:6px 10px 10px 34px}.thr-c::before{content:"E" attr(data-j);position:absolute;left:0;top:7px;font-family:var(--mono);font-size:10px;color:var(--amb)}.thr-c i{display:none}.thr.sel .thr-r:not(.on) .thr-c{display:none}}

/* doll */
.doll-in{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:clamp(24px,5vw,70px);align-items:center}
.doll-l{list-style:none;padding:0;margin:0;counter-reset:d}
.doll-l li{display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:12px 0;border-bottom:1px solid var(--line);font-size:17px}
.doll-l a{font-family:var(--mono);font-size:12px;color:var(--amb);text-decoration:none;padding-top:4px}
.doll-ph .ph{padding:0;border:0;background:none;cursor:zoom-in;display:block;width:100%}
.doll-ph img{width:100%;aspect-ratio:4/5;object-fit:cover;filter:grayscale(.3) sepia(.15)}
.doll-ph figcaption{font-family:var(--mono);font-size:11px;color:var(--tx3);margin-top:8px}
@media(max-width:860px){.doll-in{grid-template-columns:minmax(0,1fr)}}

/* rules (redacted) */
.rules{list-style:none;padding:0;margin:0}
.rules li{display:grid;grid-template-columns:46px minmax(0,260px) minmax(0,1fr);gap:16px;padding:18px 0;border-bottom:1px solid var(--line);align-items:baseline}
.r-n{font-family:var(--mono);font-size:12px;color:var(--red)}
.rules b{font-family:var(--disp);font-size:clamp(17px,1.6vw,21px);font-weight:700}
.r-d{position:relative;color:var(--tx2);font-size:16px}
.r-bar{position:absolute;inset:-2px -4px;background:var(--tx);transform-origin:right;transition:transform .9s cubic-bezier(.7,0,.2,1) .25s}
.rules li.in .r-bar{transform:scaleX(0)}
@media(max-width:720px){.rules li{grid-template-columns:36px minmax(0,1fr)}.r-d{grid-column:2}}

/* tone */
.tone{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px}
.tone div{border-top:1px solid var(--line);padding:16px 0}
.tone dt{font-family:var(--disp);font-weight:700;font-size:19px}
.tone dd{margin:4px 0 0;color:var(--tx2)}
@media(max-width:720px){.tone{grid-template-columns:minmax(0,1fr)}}

/* cast matrix */
.castm{border-top:1px solid var(--line)}
.cm-r{display:grid;grid-template-columns:minmax(0,1fr) repeat(6,44px);align-items:center;border-bottom:1px solid var(--line);padding:9px 0}
.cm-h a{font-family:var(--mono);font-size:11px;color:var(--tx3);text-decoration:none;text-align:center}
.cm-n b{font-family:var(--disp);font-size:16px;font-weight:700}
.cm-n em{font-style:normal;color:var(--red)}
.cm-n small{display:block;font-family:var(--mono);font-size:11px;color:var(--tx3)}
.cm-d{width:11px;height:11px;border-radius:50%;border:1px solid var(--line2);justify-self:center}
.cm-d.on{background:var(--amb);border-color:var(--amb)}
@media(max-width:560px){.cm-r{grid-template-columns:minmax(0,1fr) repeat(6,22px)}.cm-d{width:9px;height:9px}}

/* season timeline */
.stl{border-top:1px solid var(--line)}
.stl-head,.stl-row{display:grid;grid-template-columns:90px repeat(3,minmax(0,1fr));gap:20px}
.stl-head{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:12px 0;border-bottom:1px solid var(--line);position:sticky;top:calc(var(--topH) + 38px);background:var(--bg);z-index:2}
.lane-s{--c:var(--amb)}.lane-r{--c:var(--red)}.lane-w{--c:var(--cold)}
.stl-head span{color:var(--c)}
.stl-row{border-bottom:1px solid var(--line);padding:16px 0}
.stl-row.gap{border-top:3px double var(--line2);margin-top:20px}
.stl-y{font-family:var(--disp);font-weight:800;font-size:30px;line-height:1}
.stl-l{display:none}
.stl-e{display:block;text-decoration:none;font-size:14.5px;line-height:1.4;color:var(--tx2);padding:4px 0 6px 12px;border-left:2px solid var(--c);margin-bottom:8px}
.stl-e:hover{color:var(--tx)}
.stl-e b{font-family:var(--mono);font-weight:500;font-size:11px;color:var(--c);display:block}
.stl-e em{font-style:normal;font-family:var(--mono);font-size:10px;color:var(--tx3)}
@media(max-width:820px){.stl-head{display:none}.stl-row{grid-template-columns:minmax(0,1fr);gap:4px}.stl-c:empty{display:none}.stl-l{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--c);margin:6px 0 4px}.stl-c:not(:has(a)){display:none}}

/* horizon */
.hor{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2px}
.hor-c{background:var(--bg2);padding:26px 22px 30px;border-top:3px solid var(--line2)}
.hor-c.on{border-top-color:var(--amb)}
.hor-n{font-family:var(--disp);font-weight:900;font-size:54px;line-height:1;color:var(--line2)}
.hor-c.on .hor-n{color:var(--amb)}
.hor-c b{display:block;font-family:var(--mono);font-size:12px;letter-spacing:.06em;margin:10px 0 8px}
.hor-c p{margin:0;color:var(--tx2);font-size:16px}
@media(max-width:820px){.hor{grid-template-columns:minmax(0,1fr)}}
.ser-go{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}

/* ================= episode dossier ================= */
.dh{position:relative;min-height:min(92svh,860px);display:flex;align-items:flex-end;overflow:hidden;background:#000}
.dh-bg{position:absolute;inset:0;background:center 30%/cover;filter:grayscale(.35) sepia(.25) brightness(.5) contrast(1.1);transform:scale(1.06);animation:soZ 16s ease-out forwards}
.ep5 .dh-bg,.ep6 .dh-bg{filter:sepia(.35) brightness(.48) contrast(1.15)}
.dh::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 35%,rgba(11,10,8,.94) 92%)}
.dh-in{position:relative;z-index:2;max-width:var(--max);margin:0 auto;width:100%;padding:0 var(--pad) clamp(40px,7vh,80px)}
.dh-num{position:absolute;right:var(--pad);bottom:clamp(10px,4vh,40px);font-family:var(--disp);font-weight:900;font-stretch:125%;font-size:clamp(140px,28vw,420px);line-height:.8;color:transparent;-webkit-text-stroke:1.5px rgba(232,163,61,.55);pointer-events:none;z-index:-1}
.wl{color:var(--tx3);text-transform:none;letter-spacing:.04em}
.dh-t{font-size:clamp(46px,8vw,120px);color:var(--tx);margin:8px 0 16px;max-width:14ch;text-wrap:balance}
.dh-meta{display:flex;flex-wrap:wrap;gap:8px 22px;font-family:var(--mono);font-size:12.5px;color:var(--tx2)}
.dh-meta span+span::before{content:"◦ ";color:var(--amb)}
.dh-q{font-family:var(--serif);font-size:clamp(20px,2.3vw,30px);line-height:1.3;max-width:34ch;margin:26px 0 0;color:var(--tx);text-wrap:balance}
.dh-q span{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--amb);margin-bottom:6px}
.dh-cap{position:absolute;z-index:3;top:calc(var(--topH) + 14px);right:var(--pad);font-family:var(--mono);font-size:10px;color:var(--tx2);background:rgba(0,0,0,.55);padding:3px 7px;max-width:50%;text-align:right}
.d-syn{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);padding:clamp(60px,8vw,110px) 0 0}
.d-syn-t p{font-family:var(--serif);font-size:clamp(18px,1.6vw,21px);line-height:1.6;margin:12px 0 0}
.d-oc{display:flex;flex-direction:column;gap:22px;border-left:1px solid var(--line);padding-left:clamp(18px,3vw,36px)}
.d-oc p{margin:6px 0 0;font-size:17px;color:var(--tx2)}
.d-oc .chip.big{align-self:flex-start;white-space:normal}
@media(max-width:860px){.d-syn{grid-template-columns:minmax(0,1fr)}.d-oc{border-left:0;padding-left:0;border-top:1px solid var(--line);padding-top:20px}}

.mom{padding:clamp(70px,9vw,120px) 0 0}
.mom-row{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px var(--pad) 18px;scrollbar-width:thin}
.mom-c{flex:0 0 clamp(230px,24vw,300px);scroll-snap-align:start;background:var(--bg2);border:1px solid var(--line);display:flex;flex-direction:column}
.mom-img{display:block;width:100%;aspect-ratio:4/3;border:0;padding:0;background:#000 center/cover;filter:grayscale(.3) sepia(.15);cursor:zoom-in}
.mom-img.none{display:grid;place-items:center;cursor:default;font-family:var(--disp);font-weight:900;font-size:64px;color:var(--line2);background:repeating-linear-gradient(135deg,var(--bg2) 0 8px,var(--bg3) 8px 9px);filter:none}
.mom-t{padding:14px 16px 18px}
.mom-t span{font-family:var(--mono);font-size:11px;color:var(--amb)}
.mom-t b{display:block;font-family:var(--disp);font-size:18px;line-height:1.15;margin:4px 0 6px}
.mom-t p{margin:0;font-size:14.5px;color:var(--tx2);line-height:1.45}

.d-chr{padding:clamp(70px,9vw,120px) 0 0}
.chr-leg{display:flex;gap:18px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;margin:-14px 0 18px}
.chr-leg span{color:var(--c)}.chr-leg i{display:inline-block;width:9px;height:9px;background:var(--c);margin-right:6px}
.chr{list-style:none;margin:0;padding:0;border-left:1px solid var(--line2);margin-left:120px}
.chr li{position:relative;padding:10px 0 14px 22px}
.chr time{position:absolute;right:calc(100% + 16px);top:12px;width:110px;text-align:right;font-family:var(--mono);font-size:12px;color:var(--c)}
.chr i{position:absolute;left:-5px;top:16px;width:9px;height:9px;background:var(--c)}
.chr span{font-size:16px}
@media(max-width:600px){.chr{margin-left:6px}.chr time{position:static;display:block;text-align:left;width:auto}}

.d-ph,.d-thr,.rot,.res{padding:clamp(70px,9vw,120px) 0 0}
.gal{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(150px,15vw,220px);gap:6px}
.gal-i{position:relative;padding:0;border:0;background:#000;overflow:hidden;cursor:zoom-in}
.gal-i.w2{grid-column:span 2;grid-row:span 2}
.gal-i img{width:100%;height:100%;object-fit:cover;filter:grayscale(.25) sepia(.12);transition:transform .6s,filter .4s}
.gal-i:hover img{transform:scale(1.04);filter:none}
.gal-i span{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;font-family:var(--mono);font-size:10.5px;color:#efe7d6;text-align:left;background:linear-gradient(transparent,rgba(0,0,0,.85));opacity:0;transition:opacity .3s}
.gal-i:hover span,.gal-i:focus-visible span{opacity:1}
@media(max-width:720px){.gal{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:150px}.gal-i span{opacity:1;font-size:9.5px}}

.dthr{border-top:1px solid var(--line)}
.dthr-r{display:grid;grid-template-columns:200px minmax(0,1fr) 110px;gap:16px;align-items:center;border-bottom:1px solid var(--line);padding:13px 0}
.dthr-r b{font-family:var(--disp);font-size:15px}
.dthr-r span.nil{color:var(--tx3)}
.dthr-pp{display:flex;gap:5px;justify-content:flex-end}
.dthr-pp i{width:12px;height:12px;border:1px solid var(--line2)}
.dthr-pp i:not(.nil){background:var(--line2)}
.dthr-pp i.cur{background:var(--amb);border-color:var(--amb)}
@media(max-width:620px){.dthr-r{grid-template-columns:minmax(0,1fr) auto}.dthr-r>span:nth-child(2){grid-column:1/-1;grid-row:2}}

.rot-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px}
.rot-c{background:var(--bg2);padding:16px 18px}
.rot-c ul{list-style:none;padding:0;margin:10px 0 0;font-family:var(--mono);font-size:13px}
.rot-c li{display:flex;justify-content:space-between;border-top:1px dashed var(--line);padding:6px 0}
.rot-c li.ten b{color:var(--amb)}
@media(max-width:820px){.rot-g{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* 23 seconds */
.secs{margin-top:clamp(70px,9vw,120px);background:#000;position:relative;overflow:hidden;min-height:60vh;display:grid;place-items:center;text-align:center;scroll-margin-top:100px}
.secs::before{content:"";position:absolute;inset:0;background:url(m_20cb93d21639603f306b958e40f410fa/ser/0613.webp) center/cover;filter:grayscale(1) brightness(.28) contrast(1.2)}
.secs-in{position:relative;z-index:1;padding:60px var(--pad)}
.secs h2{font-size:clamp(46px,8vw,120px);color:#efe7d6;margin:10px 0 26px}
.secs-play{display:inline-flex;align-items:center;gap:14px;font-family:var(--mono);font-size:13px;letter-spacing:.1em;text-transform:uppercase;background:none;border:1px solid #e8a33d;color:#efe7d6;padding:14px 22px;cursor:pointer}
.secs-play:hover{background:#e8a33d;color:#000}
.secs-tri{width:0;height:0;border-left:12px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}
.s23{position:fixed;inset:0;z-index:210;background:#000;color:#efe7d6;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px 20px}
.s23[hidden]{display:none}
.s23-x{position:absolute;top:14px;right:18px;background:none;border:0;color:#ada492;font-size:34px;cursor:pointer}
.s23-clock{position:absolute;top:22px;left:24px;font-family:var(--mono);font-size:13px;letter-spacing:.14em;color:#736b5c}
.s23-lines{max-width:760px;text-align:center;min-height:5.5em}
.s23-lines p{font-family:var(--serif);font-size:clamp(22px,3.4vw,44px);line-height:1.25;margin:0;display:none}
.s23-lines p.cur{display:block;animation:s23in 1.2s ease}
@keyframes s23in{from{opacity:0;filter:blur(6px)}to{opacity:1;filter:none}}
.s23-beat{position:absolute;left:50%;bottom:90px;width:8px;height:8px;margin-left:-4px;border-radius:50%;background:#d8452b;animation:beat 1.05s infinite;opacity:.8}
@keyframes beat{0%,100%{transform:scale(1);opacity:.35}12%{transform:scale(1.8);opacity:.95}24%{transform:scale(1.1);opacity:.5}34%{transform:scale(1.5);opacity:.8}}
.s23-bar{position:absolute;left:0;right:0;bottom:0;height:3px;background:#1c1914}
.s23-bar i{display:block;height:100%;background:#e8a33d;transform:scaleX(0);transform-origin:left}
.s23-skip{position:absolute;bottom:28px;right:24px;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;background:none;border:1px solid #3d372c;color:#ada492;padding:7px 11px;cursor:pointer}
.s23-end{display:none;text-align:center}
.s23.done .s23-lines,.s23.done .s23-skip,.s23.done .s23-beat{display:none}
.s23.done .s23-end{display:block;animation:s23in 1.4s ease}
.s23-board{display:inline-flex;flex-direction:column;align-items:center;gap:22px;background:#050505;border:1px solid #2c2820;padding:30px 40px;margin-bottom:26px}
.s23-num .dm{--d:9px}.s23-sc .dm{--d:15px}
.s23.done .s23-sc .dm-g i.on{animation:flick 1.6s steps(1) 1}
@keyframes flick{0%,10%,22%{opacity:.15}5%,16%,30%,100%{opacity:1}}
.s23-end p{font-family:var(--serif);font-size:clamp(17px,2vw,22px);max-width:40ch;margin:0 auto 22px;color:#ddd4c2}
.s23-btns{display:flex;gap:8px;justify-content:center}
.s23-btns .chip{font-size:12px;padding:9px 14px;color:#efe7d6}
@media(max-width:560px){.s23-board{padding:18px 20px}.s23-sc .dm{--d:9px}.s23-num .dm{--d:6px}}
@media (prefers-reduced-motion:reduce){.s23-beat{animation:none}.s23-lines p.cur,.s23.done .s23-end,.s23.done .s23-sc .dm-g i.on{animation:none}.so-bg,.dh-bg{animation:none;transform:none}.r-bar{display:none}}

/* E6 result */
.res-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:50px;align-items:end}
.podium{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:4px;text-align:center}
.pd-s{font-family:var(--mono);font-size:14px;color:var(--tx2);margin-bottom:8px}
.pd-b{background:var(--bg3);display:grid;place-items:start center;padding-top:10px}
.pd-b b{font-family:var(--disp);font-weight:900;font-size:40px;color:var(--tx3)}
.pd1 .pd-b{height:190px;background:var(--amb)}.pd1 .pd-b b{color:#000}
.pd2 .pd-b{height:140px}.pd3 .pd-b{height:105px}
.pd1 .pd-s{color:var(--amb);font-size:18px;font-weight:600}
.pd-n{font-family:var(--disp);font-weight:700;font-size:15px;margin-top:10px}
.pd-n small{display:block;font-family:var(--mono);font-weight:400;font-size:11px;color:var(--tx3)}
.medals{list-style:none;padding:0;margin:0}
.medals li{display:grid;grid-template-columns:22px 130px minmax(0,1fr);gap:10px;align-items:center;border-bottom:1px solid var(--line);padding:11px 0}
.medals i{width:16px;height:16px;border-radius:50%}
.m-g i{background:#d9a93a}.m-s i{background:#b9bcc0}.m-b i{background:#a86b3c}
.medals span{font-family:var(--mono);font-size:12.5px;color:var(--tx2)}
.res-note{font-family:var(--serif);font-size:20px;margin:24px 0 0}
@media(max-width:820px){.res-in{grid-template-columns:minmax(0,1fr)}.pd1 .pd-b{height:140px}.pd2 .pd-b{height:100px}.pd3 .pd-b{height:75px}}
.back89{margin-top:clamp(60px,8vw,100px);background:#000 url(m_20cb93d21639603f306b958e40f410fa/ser/0922.webp) center/cover;position:relative}
.back89::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.92),rgba(20,35,55,.55))}
.back89-a{position:relative;display:block;padding:clamp(50px,8vw,100px) var(--pad);text-decoration:none;color:#efe7d6}
.back89-a .kick{color:#9fc0e0}
.back89-a b{display:block;font-family:var(--disp);font-size:clamp(26px,4vw,52px);font-weight:800;margin-top:8px;max-width:20ch}
.back89-a:hover b{color:#9fc0e0}
.pn{display:grid;grid-template-columns:1fr auto 1fr;gap:16px;align-items:center;margin:70px 0 30px;border-top:1px solid var(--line);padding-top:24px}
.pn a{text-decoration:none}
.pn small{display:block;font-family:var(--mono);font-size:11px;color:var(--tx3)}
.pn b{font-family:var(--disp);font-size:clamp(16px,1.8vw,22px)}
.pn a:hover b{color:var(--amb)}
.pn .r{text-align:right}
.pn-mid{font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;border:1px solid var(--line2);padding:8px 12px;color:var(--tx2)}
@media(max-width:620px){.pn{grid-template-columns:1fr 1fr}.pn-mid{grid-column:1/-1;grid-row:2;justify-self:center}}

/* E1 tail: the other five */
.others{padding:clamp(80px,10vw,140px) 0 0}
.others h2{font-size:clamp(32px,5vw,70px);margin:8px 0 30px}
.oth-g{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding:0 3px;margin-bottom:24px}
.oth-c{position:relative;min-height:440px;overflow:hidden;text-decoration:none;color:#efe7d6;background:#000;display:flex;align-items:flex-end}
.oth-bg{position:absolute;inset:0;background:center/cover;filter:grayscale(.6) sepia(.2) brightness(.42);transition:transform .8s,filter .5s}
.oth-c:hover .oth-bg{transform:scale(1.05);filter:grayscale(.1) sepia(.2) brightness(.5)}
.oth-c::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 30%,rgba(0,0,0,.9))}
.oth-in{position:relative;z-index:1;padding:20px 18px 22px}
.oth-n{font-family:var(--disp);font-weight:900;font-size:58px;line-height:1;color:transparent;-webkit-text-stroke:1px #e8a33d}
.oth-c.hot .oth-n{color:#e8a33d;-webkit-text-stroke:0}
.oth-in b{display:block;font-family:var(--disp);font-size:20px;line-height:1.1;margin:6px 0 4px}
.oth-in small{font-family:var(--mono);font-size:11px;color:#ada492}
.oth-in p{font-size:14px;line-height:1.4;color:#ddd4c2;margin:10px 0 12px}
.oth-go{font-family:var(--mono);font-size:11px;color:#e8a33d;letter-spacing:.06em}
@media(max-width:1100px){.oth-g{grid-template-columns:repeat(2,minmax(0,1fr))}.oth-c{min-height:340px}.oth-c:last-child{grid-column:1/-1}}
@media(max-width:560px){.oth-g{grid-template-columns:minmax(0,1fr)}.oth-c{min-height:300px}}

/* ===== LAYER 2: cards, chronology, arcs, gallery, context, Montreal, map, timeline, control room, search, people ===== */
.srch-btn{flex:none;width:34px;height:30px;display:grid;place-items:center;border:1px solid var(--line2);color:var(--tx2);margin-left:8px}
.srch-btn svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.srch-btn:hover,.theme-btn:hover{color:var(--amb);border-color:var(--amb)}
.lede2{font-family:var(--serif);font-size:18px;line-height:1.5;color:var(--tx2);max-width:68ch;margin:14px 0 26px}
.lede2 a{color:var(--amb)}
.cards2,.d-chr2,.arcs2,.d-ph2,.ctx2,.days2{padding:84px 0 40px;border-top:1px solid var(--line)}
.cards2 .h-disp,.d-chr2 .h-disp,.arcs2 .h-disp,.d-ph2 .h-disp,.ctx2 .h-disp,.days2 .h-disp,.m-sec .h-disp,.ser-sec .h-disp{font-size:clamp(30px,4.4vw,56px);margin-top:8px}
.pfilter{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:0 0 30px}
.pf-l{font-family:var(--mono);font-size:11px;color:var(--tx3);text-transform:uppercase;letter-spacing:.12em;margin-right:6px}
.chip.on{border-color:var(--amb);color:var(--amb)}
.act2{margin:34px 0 0}
.act2-h{display:flex;gap:16px;align-items:baseline;border-bottom:1px solid var(--line2);padding-bottom:10px;margin-bottom:18px;flex-wrap:wrap}
.act2-h b{font-family:var(--disp);font-size:22px;font-weight:700;letter-spacing:.01em}
.act2-h span{font-family:var(--mono);font-size:12px;color:var(--tx3)}
.cgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px}
.scard{position:relative;background:var(--bg2);border:1px solid var(--line);padding:20px 20px 18px;transition:opacity .35s,border-color .3s;display:block;color:inherit;text-decoration:none}
.scard:hover{border-color:var(--line2)}
.scard.dim{opacity:.18}
.scard.flash{border-color:var(--amb);box-shadow:0 0 0 1px var(--amb)}
.scard-n{font-family:var(--mono);font-size:11px;color:var(--amb);letter-spacing:.1em}
.scard h3{font-family:var(--disp);font-size:20px;line-height:1.15;margin:8px 0 6px;font-weight:700}
.scard-w{font-family:var(--mono);font-size:11px;color:var(--tx3);margin-bottom:10px;letter-spacing:.02em}
.scard p{font-family:var(--serif);font-size:15.5px;line-height:1.55;color:var(--tx2);margin:0}
.scard-pp{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}
.chip.pc{font-size:10.5px;padding:2px 7px;color:var(--tx3)}
.chip.pc:hover{color:var(--amb);border-color:var(--amb)}
/* chronology */
.c2-f{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:24px}
.c2-f .chip i{display:inline-block;width:8px;height:8px;background:var(--c)}
.chr2{list-style:none;margin:0;padding:0;border-left:1px solid var(--line2)}
.chr2 li{display:grid;grid-template-columns:150px 14px 1fr;gap:10px;padding:10px 0 12px;border-bottom:1px solid var(--line);margin-left:-1px}
.chr2 li[hidden]{display:none}
.chr2 time{font-family:var(--mono);font-size:12px;color:var(--tx2);padding-left:14px}
.chr2 time a{color:var(--amb)}
.chr2 li>i{width:9px;height:9px;background:var(--c);margin-top:5px}
.chr2 li>div{font-family:var(--serif);font-size:16px;line-height:1.5;color:var(--tx)}
.c2-p{font-family:var(--mono);font-size:11px;color:var(--tx3);text-transform:uppercase;letter-spacing:.05em}
.c2-u{font-family:var(--mono);font-size:10px;color:var(--red);border:1px solid var(--red);padding:0 5px;margin-left:4px;white-space:nowrap}
.c2-s{display:block;font-family:var(--mono);font-size:10.5px;color:var(--tx3);margin-top:4px}
.chr2.clip li:nth-child(n+37){display:none}
.c2-more{margin-top:18px}
.c2-br{margin:0 0 22px;border:1px solid var(--line);padding:0 14px}
.c2-br summary{cursor:pointer;font-family:var(--mono);font-size:12px;color:var(--tx2);padding:12px 0;letter-spacing:.06em;text-transform:uppercase}
.c2-br .chr2{margin-bottom:14px}
.chr2.sm li{grid-template-columns:1fr;gap:4px}
.chr2.sm li>i{display:none}
.chr2.sm time{padding-left:0}
.chr2.sm li>div{font-size:14px}
/* arcs */
.arcs2-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:start}
.arcs2-l{display:grid;gap:8px}
.arc2{display:grid;grid-template-columns:150px 1fr;gap:4px 14px;padding:12px 14px;border:1px solid var(--line);background:var(--bg2);color:inherit;text-decoration:none}
.arc2:hover{border-color:var(--amb)}
.arc2 b{font-family:var(--disp);font-size:15px}
.arc2 span{font-family:var(--serif);font-size:15px;line-height:1.45;color:var(--tx2)}
.arc2-pp{grid-column:1;display:flex;gap:3px;align-self:end}
.arc2-pp i{width:12px;height:4px;background:var(--line2)}
.arc2-pp i.y{background:var(--tx3)}
.arc2-pp i.cur{background:var(--amb)}
.rg2{width:100%;height:auto;display:block;background:var(--bg2);border:1px solid var(--line)}
.rg2-e{stroke-width:1.6;opacity:.65;transition:opacity .2s,stroke-width .2s}
.rg2.sel .rg2-e{opacity:.12}
.rg2.sel .rg2-e.hi{opacity:1;stroke-width:3}
.rg2-n circle{fill:var(--bg);stroke:var(--tx2);stroke-width:1.5}
.rg2-n.c circle{fill:var(--amb);stroke:var(--amb)}
.rg2-n text{font-family:var(--mono);font-size:12px;fill:var(--tx)}
.rg2-n:hover circle{stroke:var(--amb)}
.rg2-leg{display:flex;gap:14px;flex-wrap:wrap;font-family:var(--mono);font-size:11px;color:var(--tx3);margin:10px 0}
.rg2-leg i,.rg2-list i{display:inline-block;width:14px;height:3px;margin-right:6px;vertical-align:middle}
.rg2-list{list-style:none;margin:0;padding:0;font-family:var(--serif);font-size:14.5px;color:var(--tx2)}
.rg2-list li{padding:6px 0;border-bottom:1px solid var(--line);cursor:default}
.rg2-list li:hover{color:var(--tx)}
.rg2-list b{font-family:var(--mono);font-size:11.5px;color:var(--tx);font-weight:600;margin-right:4px}
.rg2-list a{color:var(--amb)}
/* gallery + contact sheet */
.seg2{display:inline-flex;border:1px solid var(--line2);margin-bottom:22px}
.seg2 button{background:none;border:0;color:var(--tx2);font-family:var(--mono);font-size:12px;padding:9px 14px;cursor:pointer;letter-spacing:.05em}
.seg2 button.on{background:var(--amb);color:#140f08}
.gal2{display:grid;gap:10px}
.gal2[data-view="g"]{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));grid-auto-rows:190px;grid-auto-flow:dense}
.gal2[data-view="g"] .w2{grid-column:span 2;grid-row:span 2}
.g2{position:relative;padding:0;border:0;background:var(--bg3);cursor:zoom-in;overflow:hidden;display:block;width:100%}
.g2 img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease,filter .4s}
.gal2[data-view="g"] .g2:hover img{transform:scale(1.04)}
.g2-c{position:absolute;left:0;right:0;bottom:0;padding:22px 10px 8px;font-family:var(--mono);font-size:10.5px;line-height:1.35;color:#efe6d6;background:linear-gradient(transparent,rgba(0,0,0,.82));text-align:left;opacity:0;transition:opacity .3s}
.g2:hover .g2-c,.g2:focus-visible .g2-c{opacity:1}
.g2-f{display:none}
.gal2[data-view="c"]{grid-template-columns:repeat(auto-fill,minmax(132px,1fr));gap:4px;background:#0b0907;padding:26px 12px;border:1px solid #2a231b;position:relative}
.gal2[data-view="c"]::before,.gal2[data-view="c"]::after{content:"";position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,transparent 0 10px,#2b241c 10px 20px)}
.gal2[data-view="c"]::before{top:7px}.gal2[data-view="c"]::after{bottom:7px}
.gal2[data-view="c"] .g2{aspect-ratio:1/1;background:#000;border:1px solid #1d1813}
.gal2[data-view="c"] .g2 img{object-fit:contain;filter:grayscale(.15) contrast(1.05)}
.gal2[data-view="c"] .g2:hover img{filter:none}
.gal2[data-view="c"] .g2-c{display:none}
.gal2[data-view="c"] .g2-f{display:block;position:absolute;left:4px;bottom:2px;font-family:var(--mono);font-size:9px;color:#d9a440;letter-spacing:.05em}
/* context */
.ctx-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:16px;margin-top:26px}
.ctx{border:1px solid var(--line);background:var(--bg2);padding:24px 22px;display:flex;flex-direction:column}
.ctx-y{font-family:var(--mono);font-size:12px;color:var(--amb);letter-spacing:.12em}
.ctx h3{font-family:var(--disp);font-size:24px;margin:8px 0 2px}
.ctx-d{font-family:var(--mono);font-size:11px;color:var(--tx3);margin-bottom:12px}
.ctx p{font-family:var(--serif);font-size:15.5px;line-height:1.55;color:var(--tx2);margin:0 0 12px}
.ctx-w{border-left:2px solid var(--amb);padding-left:12px;color:var(--tx)!important}
.ctx-w b{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--amb);margin-right:6px}
.ctx-w a{font-family:var(--mono);font-size:11px;color:var(--amb);margin-left:4px}
.ctx-s{margin-top:auto;display:flex;flex-direction:column;gap:4px}
.ctx-s a{font-family:var(--mono);font-size:10.5px;color:var(--tx3)}
.ctx-s a:hover{color:var(--amb)}
/* days */
.dayl{list-style:none;padding:0;margin:0}
.day2{display:grid;grid-template-columns:200px 1fr;gap:28px;padding:26px 0;border-top:1px solid var(--line)}
.day2-h{display:flex;flex-direction:column;gap:8px;position:sticky;top:calc(var(--topH) + 60px);align-self:start}
.day2-n .dm{--d:7px}
.day2-m{font-family:var(--mono);font-size:12px;color:var(--tx2);text-transform:uppercase;letter-spacing:.14em}
.day2-t{font-family:var(--mono);color:var(--amb);font-size:13px;letter-spacing:2px}
.day2-t small{display:block;font-size:10px;color:var(--tx3);letter-spacing:.05em}
.day2-o{background:var(--bg2);border-left:3px solid var(--amb);padding:12px 14px;font-family:var(--serif);font-size:16px;margin-bottom:12px}
.day2-o b{font-family:var(--mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--amb);margin-right:6px}
.day2-o a{font-family:var(--mono);font-size:11px;color:var(--tx3)}
.day2-b ul{list-style:none;margin:0;padding:0}
.day2-b li{display:grid;grid-template-columns:14px 1fr;gap:10px;padding:8px 0;border-bottom:1px solid var(--line)}
.day2-b li>i{width:8px;height:8px;background:var(--c);margin-top:7px}
.day2-b li>div{font-family:var(--serif);font-size:16px;line-height:1.5}
/* hub */
.hub2{display:flex;flex-wrap:wrap;gap:8px;margin:44px 0 0}
.hub2 a{flex:1 1 170px;border:1px solid var(--line2);padding:12px 14px;color:var(--tx);text-decoration:none;display:flex;flex-direction:column;gap:4px}
.hub2 a:hover{border-color:var(--amb)}
.hub2-k{font-family:var(--mono);font-size:10px;color:var(--tx3);text-transform:uppercase;letter-spacing:.12em}
.hub2 b{font-family:var(--disp);font-size:16px}
.hubg{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:26px}
.hubc{border:1px solid var(--line2);padding:22px 18px 18px;min-height:150px;display:flex;flex-direction:column;gap:6px;color:var(--tx);text-decoration:none;background:var(--bg2);transition:border-color .3s,transform .3s}
.hubc:hover{border-color:var(--amb);transform:translateY(-3px)}
.hubc-n{font-family:var(--mono);font-size:11px;color:var(--amb)}
.hubc b{font-family:var(--disp);font-size:22px;line-height:1.1;margin-top:auto}
.hubc span:last-child{font-family:var(--mono);font-size:11px;color:var(--tx3)}
.kpis{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:26px}
.kpis>div{background:var(--bg);padding:16px 16px 14px;display:flex;flex-direction:column;gap:4px}
.kpis b{font-family:var(--disp);font-size:clamp(26px,3vw,40px);color:var(--amb);font-weight:800}
.kpis span{font-family:var(--mono);font-size:11px;color:var(--tx3)}
/* Montreal */
.mtl-hero{position:relative;min-height:calc(88svh - var(--topH));display:flex;align-items:flex-end;overflow:hidden;background:#07060a;color:#efe6d6}
.mtl-bg{position:absolute;inset:0;background-size:cover;background-position:center 30%;opacity:.38;filter:grayscale(.3) contrast(1.1)}
.mtl-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(7,6,10,.2),rgba(7,6,10,.92))}
.mtl-in{position:relative;z-index:1;padding:0 var(--pad) 64px;max-width:var(--max);margin:0 auto;width:100%}
.mtl-in .kick{color:#e8a33d}
.mtl-in h1{font-size:clamp(54px,10vw,150px);color:#efe6d6}
.mtl-board{display:inline-flex;flex-direction:column;gap:18px;background:#000;padding:22px 26px;border:1px solid #2a2a2a;margin:26px 0 18px}
.mtl-board .dm{--d:11px}
.mtl-boy{font-family:var(--serif);font-size:18px;color:#cfc5b4;max-width:60ch}
.mtl-boy a{color:#e8a33d;font-family:var(--mono);font-size:12px}
.m-sec{padding:64px 0 10px}
.tens{list-style:none;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:10px;padding:0;margin:26px 0 0}
.tens li{border:1px solid var(--line2);padding:16px 10px;display:flex;flex-direction:column;gap:6px;align-items:flex-start;background:var(--bg2)}
.tens-sq{font-family:var(--disp);font-weight:800;font-size:40px;color:var(--amb);line-height:1}
.tens b{font-family:var(--mono);font-size:12px}
.tens li span:last-child{font-family:var(--mono);font-size:11px;color:var(--tx3)}
.mdays{list-style:none;padding:0;margin:24px 0 0}
.mdays li{display:grid;grid-template-columns:110px 1fr 80px;gap:18px;padding:14px 0;border-bottom:1px solid var(--line);align-items:baseline}
.mdays time{font-family:var(--mono);font-size:13px;color:var(--amb)}
.mdays p{margin:0;font-family:var(--serif);font-size:17px;line-height:1.5}
.md-t{font-family:var(--mono);color:var(--amb);letter-spacing:3px;text-align:right}
.gpick{position:sticky;top:calc(var(--topH) + 46px);z-index:5;background:var(--bg);padding:12px 0;border-bottom:1px solid var(--line);display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-top:40px}
.gpick>span{font-family:var(--mono);font-size:11px;color:var(--tx3);margin-right:8px}
.team2{display:grid;gap:5px;margin-top:24px}
.tm-r{display:grid;grid-template-columns:34px 170px 1fr 90px;gap:12px;align-items:center;font-family:var(--mono);font-size:13px}
.tm-k{color:var(--tx3)}
.tm-b{height:14px;background:var(--line)}
.tm-b i{display:block;height:100%;background:var(--tx3)}
.tm-r.rou .tm-b i{background:var(--amb)}
.tm-r.rou{color:var(--amb)}
.tm-r b{text-align:right}
.rost{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin-top:30px}
.rost ul{list-style:none;padding:0;margin:10px 0 0}
.rost li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-family:var(--mono);font-size:13px}
.kick.cold{color:var(--cold)}
.tbl-wrap{overflow-x:auto;margin-top:22px;border:1px solid var(--line)}
.aa2,.fin-c table,.sez-t{width:100%;border-collapse:collapse;font-family:var(--mono);font-size:13px}
.aa2 th,.fin-c th,.sez-t thead th{font-weight:500;color:var(--tx3);font-size:11px;text-transform:uppercase;letter-spacing:.06em;text-align:left;padding:10px 10px;border-bottom:1px solid var(--line2);white-space:nowrap}
.aa2 td{padding:9px 10px;border-bottom:1px solid var(--line);white-space:nowrap}
.aa2 td.sc{position:relative;min-width:84px}
.scb{position:absolute;left:10px;bottom:5px;height:2px;width:calc(var(--v)*60px);background:var(--tx3);opacity:.5}
.ten{color:var(--amb);font-weight:700}
.aa2 td.ten .scb{background:var(--amb);opacity:1}
.aa2 .tot,.fin-c .tot{font-weight:700}
.aa2 tr.p1 td:first-child,.fin-c tr.m1 td:first-child{color:#e8c25c}
.aa2 tr.p2 td:first-child,.fin-c tr.m2 td:first-child{color:#b9c0c8}
.aa2 tr.p3 td:first-child,.fin-c tr.m3 td:first-child{color:#c98a52}
.mono{font-family:var(--mono);color:var(--tx3)}
.fin2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:22px}
.fin-c{border:1px solid var(--line);background:var(--bg2);padding:16px 16px 12px}
.fin-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px}
.fin-h b{font-family:var(--disp);font-size:22px}
.fin-h span{font-family:var(--mono);font-size:11px;color:var(--tx3)}
.fin-c td{padding:7px 6px;border-bottom:1px solid var(--line)}
.fin-c td small{color:var(--tx3)}
.fin-s{font-family:var(--mono);font-size:10.5px;color:var(--tx3);display:inline-block;margin-top:8px}
.mtl.pick [data-g]:not(button):not(.hl){opacity:.28}
.mtl [data-g]{transition:opacity .25s}
.mtl tr.hl td,.mtl li.hl{background:color-mix(in srgb,var(--amb) 14%,transparent)}
.gcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:12px;margin-top:22px}
.gc{border:1px solid var(--line);background:var(--bg2);padding:18px}
.gc.hl{border-color:var(--amb)}
.gc-nat{font-family:var(--mono);font-size:11px;color:var(--tx3);text-transform:uppercase;letter-spacing:.12em}
.gc h3{font-family:var(--disp);font-size:22px;margin:6px 0 12px}
.gc h3 a{color:inherit}
.gc-m{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:12px}
.md{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:10.5px;color:var(--tx2);border:1px solid var(--line2);padding:2px 7px}
.md i{width:9px;height:9px;border-radius:50%;background:var(--tx3)}
.md-g i{background:#e8c25c}.md-s i{background:#b9c0c8}.md-b i{background:#c98a52}
.gc dl{margin:0;display:grid;gap:6px}
.gc dl div{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:12px;border-top:1px solid var(--line);padding-top:6px}
.gc dt{color:var(--tx3)}
/* map */
.map2-top{display:flex;flex-wrap:wrap;gap:20px 30px;align-items:flex-end;justify-content:space-between;padding-top:40px;padding-bottom:20px}
.map2-top h1,.tl2-top h1,.sez-h h1,.srch h1,.per-h h1{font-size:clamp(38px,6vw,84px);margin-top:6px}
.map2-ctl,.tl2-ctl{display:flex;flex-wrap:wrap;gap:4px}
.map2-ctl button,.tl2-ctl button{background:none;border:1px solid var(--line2);color:var(--tx2);font-family:var(--mono);font-size:12px;padding:8px 12px;cursor:pointer;border-bottom:3px solid var(--ec,var(--line2))}
.map2-ctl button.on,.tl2-ctl button.on{color:var(--tx);background:var(--bg2);border-color:var(--ec,var(--amb))}
.map2-mode{margin:0}
.map2{display:grid;grid-template-columns:minmax(0,1fr) 340px;height:calc(100svh - var(--topH) - 170px);min-height:480px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.lmap{height:100%;background:#0d0c0b}
html[data-theme="day"] .lmap{background:#e9e4d8}
.map2-side{overflow:auto;padding:18px 18px 30px;border-left:1px solid var(--line);background:var(--bg)}
.ms-e{margin-bottom:22px}
.ms-e h3{font-family:var(--disp);font-size:17px;margin:0 0 8px;border-left:3px solid var(--ec,var(--amb));padding-left:8px}
.ms-e h3 a{color:inherit}
.ms-e ol{margin:0;padding-left:22px;font-family:var(--mono);font-size:12px;color:var(--tx2)}
.ms-e ol li{padding:3px 0}
.ms-e ol li span{margin-left:8px;color:var(--tx3)}
.ms-e ol li span a{color:var(--amb);margin-right:3px}
.ms-pl{list-style:none;padding:0!important}
.ms-pl button{display:flex;justify-content:space-between;width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--tx);font-family:var(--mono);font-size:12px;padding:6px 0;cursor:pointer}
.ms-pl button:hover{color:var(--amb)}
.leaflet-container{font-family:var(--mono)}
.leaflet-tooltip{font-family:var(--mono);font-size:11px}
/* timeline */
.tl2-top{display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:flex-end;padding-top:40px;padding-bottom:20px}
.tl2{position:relative;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
#tl2{width:100%;height:min(560px,calc(100svh - var(--topH) - 230px));min-height:400px;display:block;touch-action:none;cursor:grab;user-select:none}
#tl2:active{cursor:grabbing}
.tl2-ln{fill:var(--bg)}.tl2-ln.o{fill:var(--bg2)}
.tl2-lt{font-family:var(--mono);font-size:10.5px;fill:var(--tx3);text-transform:uppercase;letter-spacing:.06em}
.tl2-g{stroke:var(--line);stroke-width:1}.tl2-g.y{stroke:var(--line2)}
.tl2-yt{font-family:var(--mono);font-size:10.5px;fill:var(--tx3)}
.tl2-ep{opacity:.8;cursor:pointer}
.tl2-et{font-family:var(--mono);font-size:11px;fill:#140f08;font-weight:700;dominant-baseline:middle}
.tl2-d{fill:var(--c);opacity:.78;cursor:pointer;transition:r .15s}
.tl2-d:hover,.tl2-d.on{opacity:1;stroke:var(--tx);stroke-width:1.5}
.tl2-d.u{fill:none;stroke:var(--c);stroke-width:1.4}
.tl2-10{stroke:var(--amb);stroke-dasharray:3 4}
.tl2-cp{fill:none;stroke:var(--amb);stroke-width:1.6}
.tl2-cd{fill:var(--amb);cursor:pointer}
.tl2-mask{fill:var(--bg)}
.tl2-tip{position:absolute;max-width:260px;background:var(--bg3);border:1px solid var(--line2);padding:8px 10px;font-family:var(--serif);font-size:13.5px;line-height:1.4;pointer-events:none;z-index:4}
.tl2-tip b{font-family:var(--mono);font-size:11px;color:var(--amb);display:block}
.tl2-det{padding-top:22px;min-height:180px}
.tl2-card{border-left:3px solid var(--c,var(--amb));padding:6px 0 6px 16px;max-width:80ch}
.tl2-card h3{font-family:var(--disp);font-size:24px;margin:6px 0}
.tl2-card p{font-family:var(--serif);font-size:17px;line-height:1.55;margin:0 0 8px}
.tl2-card .kick a{color:var(--amb)}
/* control room */
.sez-h{padding-top:40px}
.sez-t tbody th{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);font-family:var(--disp);font-size:18px;white-space:nowrap}
.sez-t tbody th small{display:block;font-family:var(--mono);font-size:10.5px;color:var(--tx3);font-weight:400;max-width:180px;white-space:normal}
.sez-t td{padding:10px;border-bottom:1px solid var(--line);position:relative;min-width:90px}
.sz-b{position:absolute;left:10px;bottom:7px;height:3px;width:calc(var(--w) * .8);background:var(--c);opacity:.8}
.sz-l{display:flex;height:10px;width:120px;gap:1px}
.sz-l i{background:var(--c);display:block}
.cov{border:1px solid var(--line);padding:14px;background:var(--bg2);margin:22px 0}
.cov svg{width:100%;height:60px;display:block}
.cov-t{font-family:var(--mono);font-size:7px;fill:var(--tx3)}
.p10w{border:1px solid var(--line);background:var(--bg2);margin-top:22px;padding:10px}
.p10{width:100%;height:auto;display:block}
.p10-g{stroke:var(--line)}.p10-10{stroke:var(--amb);stroke-dasharray:4 4}
.p10-t{font-family:var(--mono);font-size:11px;fill:var(--tx3)}
.p10-l{fill:none;stroke:var(--tx2);stroke-width:1.4}
.p10-d{fill:var(--tx2)}.p10-d.w{fill:var(--amb)}
.castm{display:grid;gap:2px;margin-top:22px;max-width:760px}
.castm .cm-r{display:grid;grid-template-columns:220px repeat(6,1fr);gap:2px;align-items:center}
.cm-n a{color:var(--tx);font-family:var(--mono);font-size:12px;font-weight:500}
.castm .cm-d{width:auto;height:18px;border-radius:1px;border:0;justify-self:stretch;background:var(--line)}
.castm .cm-d.on{background:var(--amb)}
@media(max-width:560px){.castm .cm-r{grid-template-columns:minmax(0,1fr) repeat(6,26px)}.castm .cm-d{width:auto;height:14px}}
/* search, person */
.srch{padding-top:40px}
#sq{width:100%;max-width:760px;font-family:var(--disp);font-size:clamp(22px,3vw,34px);background:none;border:0;border-bottom:2px solid var(--amb);color:var(--tx);padding:10px 0;margin:18px 0 14px;outline:none}
.srch-sug{display:flex;flex-wrap:wrap;gap:6px}
.srch-n{font-family:var(--mono);font-size:12px;color:var(--tx3);margin:26px 0 10px}
.sr-g{margin:24px 0}
.sr-g h2{font-family:var(--mono);font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:var(--amb);border-bottom:1px solid var(--line2);padding-bottom:8px}
.sr-l{list-style:none;padding:0;margin:0}
.sr-l a{display:block;padding:10px 0;border-bottom:1px solid var(--line);color:var(--tx);text-decoration:none}
.sr-l a:hover b{color:var(--amb)}
.sr-l b{font-family:var(--disp);font-size:16px;display:block}
.sr-l span{font-family:var(--serif);font-size:14.5px;color:var(--tx2)}
.per-h{padding-top:40px}
.per-k{display:flex;flex-wrap:wrap;gap:22px;font-family:var(--mono);font-size:12px;color:var(--tx3);margin:6px 0 24px}
.per-k b{color:var(--amb);font-size:20px;font-family:var(--disp);margin-right:4px}
.per-eps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}
.per-eps a{border:1px solid var(--line);border-top:3px solid var(--line2);padding:12px;color:var(--tx3);text-decoration:none;display:flex;flex-direction:column;gap:6px;min-height:110px}
.per-eps a.on{border-top-color:var(--ec);color:var(--tx);background:var(--bg2)}
.per-eps b{font-family:var(--mono);font-size:12px}
.per-eps span{font-family:var(--serif);font-size:14px;line-height:1.4;color:var(--tx2)}
.scard.sm p{font-size:14.5px}
@media(max-width:1100px){.hubg{grid-template-columns:repeat(3,minmax(0,1fr))}.kpis{grid-template-columns:repeat(3,minmax(0,1fr))}.arcs2-g{grid-template-columns:1fr}.tens{grid-template-columns:repeat(4,minmax(0,1fr))}.per-eps{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.map2{grid-template-columns:1fr;height:auto}.lmap{height:62svh}.map2-side{border-left:0;border-top:1px solid var(--line);max-height:none}.fin2{grid-template-columns:1fr}.day2{grid-template-columns:1fr;gap:12px}.day2-h{position:static;flex-direction:row;align-items:center;gap:16px}}
@media(max-width:720px){.chr2 li{grid-template-columns:1fr;gap:2px;padding-left:12px}.chr2 time{padding-left:0}.chr2 li>i{display:none}.chr2 li{border-left:3px solid var(--c)}.chr2{border-left:0}
 .cgrid{grid-template-columns:1fr}.arc2{grid-template-columns:1fr}.arc2-pp{grid-column:auto}.hubg{grid-template-columns:1fr 1fr}.kpis{grid-template-columns:1fr 1fr}.ctx-g{grid-template-columns:1fr}
 .gal2[data-view="g"]{grid-template-columns:1fr 1fr;grid-auto-rows:140px}.gal2[data-view="c"]{grid-template-columns:repeat(3,1fr)}.tens{grid-template-columns:repeat(3,minmax(0,1fr))}
 .mdays li{grid-template-columns:70px 1fr;gap:10px}.md-t{display:none}.tm-r{grid-template-columns:24px 110px 1fr 70px;gap:8px;font-size:12px}.rost{grid-template-columns:1fr}
 .cm-r{grid-template-columns:130px repeat(6,1fr)}.per-eps{grid-template-columns:1fr 1fr}.mtl-board .dm{--d:7px}.gpick{top:calc(var(--topH) + 40px)}.srch-btn{margin-left:4px}}
.pfilter .chip.on,.c2-f .chip.on,.gpick .chip.on,.srch-sug .chip.on{background:var(--amb);color:#140f08;border-color:var(--amb)}
.c2-f .chip.on i{background:#140f08}
.arcs2 .h-disp,.d-ph2 .h-disp,.ctx2 .h-disp{margin-bottom:24px}

.castm .cm-h{font-family:var(--mono);font-size:11px;color:var(--tx2);text-align:center;letter-spacing:.08em}

/* ===== search 2: palette + results ===== */
.flash{outline:2px solid var(--amb)!important;outline-offset:4px;transition:outline-color .6s}
body.pal-on{overflow:hidden}
.pal{position:fixed;inset:0;z-index:120;background:rgba(5,5,4,.72);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:flex-start;padding:min(10vh,90px) 16px 16px}
.pal[hidden]{display:none}
.pal-box{width:100%;max-width:820px;max-height:calc(100vh - min(10vh,90px) - 24px);display:flex;flex-direction:column;background:var(--bg2);border:1px solid var(--line2);box-shadow:0 30px 80px var(--shadow)}
.pal-top{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line2)}
.pal-top svg{width:20px;height:20px;fill:none;stroke:var(--amb);stroke-width:2;flex:none}
#palQ{flex:1;min-width:0;background:none;border:0;outline:none;color:var(--tx);font-family:var(--disp);font-size:clamp(18px,2.4vw,24px);padding:4px 0}
#palQ::-webkit-search-cancel-button{display:none}
.pal-x{font-family:var(--mono);font-size:10px;letter-spacing:.1em;border:1px solid var(--line2);background:none;color:var(--tx2);padding:4px 7px;cursor:pointer}
#palF{padding:10px 16px 0}
#palF:empty{display:none}
.sf{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 8px}
.sf .chip{cursor:pointer;font-size:11px}
.sf .chip b{color:var(--tx3);font-weight:500;margin-left:3px}
.sf .chip.on b{color:inherit}
.sf-e .ep-c{border-color:color-mix(in srgb,var(--ec) 55%,transparent)}
.sf-e .ep-c.on{background:var(--ec);color:#0b0a08;border-color:var(--ec)}
.ys{display:grid;grid-template-columns:repeat(16,1fr);gap:3px;height:46px;margin:6px 0 10px;align-items:end}
.ys-b{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:stretch;background:none;border:0;padding:0 0 14px;cursor:pointer}
.ys-b i{display:block;background:var(--amb2);min-height:2px;transition:background .15s}
.ys-b:hover i,.ys-b.on i{background:var(--amb)}
.ys-b.z{cursor:default}.ys-b.z i{background:var(--line2)}
.ys-b span{position:absolute;bottom:0;left:0;right:0;text-align:center;font-family:var(--mono);font-size:9px;color:var(--tx3)}
.ys-b.on span{color:var(--amb)}
.pal-r{overflow:auto;padding:0 16px 8px;flex:1;overscroll-behavior:contain}
.pal-r .sr-g{margin:14px 0}
.pal-r .sr-g h2{font-size:10.5px;margin:0 0 4px;display:flex;justify-content:space-between}
.sr-g h2 span{color:var(--tx3)}
.sr-l2{list-style:none;padding:0;margin:0}
.sr-i{display:flex;gap:12px;align-items:flex-start;padding:9px 8px;margin:0 -8px;border-bottom:1px solid var(--line);color:var(--tx);text-decoration:none;cursor:pointer}
.sr-i.sel,.sr-i:hover{background:var(--bg3)}
.sr-i.sel{box-shadow:inset 2px 0 0 var(--amb)}
.sr-ep{flex:none;font-style:normal;font-family:var(--mono);font-size:10px;font-weight:600;width:26px;text-align:center;padding:2px 0;border:1px solid var(--ec);color:var(--ec);margin-top:2px}
.sr-b{flex:1;min-width:0}
.sr-b b{display:block;font-family:var(--disp);font-weight:600;font-size:15px;line-height:1.3}
.sr-b em{display:block;font-style:normal;font-family:var(--serif);font-size:14px;line-height:1.45;color:var(--tx2);margin-top:2px}
.sr-i small{flex:none;font-family:var(--mono);font-size:11px;color:var(--tx3);margin-top:3px}
.sr-i mark,.sr-l mark{background:none;color:var(--amb);box-shadow:inset 0 -1px 0 var(--amb)}
.sr-ph{display:grid;grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;margin-top:6px}
.sr-f{flex-direction:column;gap:5px;padding:0;margin:0;border:0;background:none;text-align:left}
.sr-f img{width:100%;aspect-ratio:1;object-fit:cover;filter:grayscale(.2)}
.sr-f span{font-family:var(--mono);font-size:10px;line-height:1.35;color:var(--tx2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.sr-f.sel{box-shadow:0 0 0 2px var(--amb)}
.sr-more{display:inline-block;margin-top:6px;font-family:var(--mono);font-size:11px;color:var(--amb)}
.pal-empty{padding:16px 0}.pal-empty p{font-family:var(--mono);font-size:12px;color:var(--tx3);margin:0 0 8px}
.pal-empty .pal-hint{margin-top:14px;font-family:var(--serif);font-size:14px;color:var(--tx2);max-width:560px}
.pal-ft{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 16px;border-top:1px solid var(--line2);font-family:var(--mono);font-size:10.5px;color:var(--tx3)}
.pal-ft a{color:var(--amb)}
kbd{font-family:var(--mono);font-size:10px;border:1px solid var(--line2);padding:1px 5px;margin:0 2px;color:var(--tx2)}
#sfil{max-width:900px;margin-top:6px}
.srch .sr-l2{max-width:980px}
.srch .sr-ph{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
@media(max-width:640px){.pal{padding:0}.pal-box{max-height:100vh;height:100%;border:0}.ys{gap:2px}.ys-b span{font-size:8px}.sr-i small{display:none}.pal-ft span:first-child{display:none}}

/* ===== logos ===== */
.ff-logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.ff-logo .vt-m{width:auto;height:30px}
.ff-logo .ff-sep{width:1px;height:22px;background:#fff;opacity:.55}
@media(max-width:560px){.ff-logo .vt-m{height:24px}.ff-logo{gap:9px}}
.foot-logos{display:flex;align-items:center;gap:28px;margin-bottom:14px}
.foot-logos .fl-ff{width:110px;height:auto}
.foot-logos .fl-vt{height:56px;width:auto}
.foot-logos .fl-vt.d{display:none}
[data-theme="day"] .foot-logos .fl-ff{filter:invert(1)}
[data-theme="day"] .foot-logos .fl-vt.n{display:none}
[data-theme="day"] .foot-logos .fl-vt.d{display:block}
.foot-logos{flex-basis:100%}
.sf .chip.on{background:var(--amb);color:#140f08;border-color:var(--amb)}
.sf-e .ep-c.on{background:var(--ec);color:#0b0a08;border-color:var(--ec)}


/* ================= t42u: Bottom Bar SERIA button & Interactive Omega Scoreboard Selector ================= */
.ep-pill .ep-ser{padding:0 10px;min-width:auto;font-weight:600;letter-spacing:.12em;font-size:10.5px;color:var(--amb);border:1px solid rgba(227,164,58,.35);background:rgba(227,164,58,.08);display:inline-flex;align-items:center;gap:5px}
.ep-pill .ep-ser::before{content:"⊞";font-size:12px;line-height:1}
.ep-pill .ep-ser:hover{background:rgba(227,164,58,.2);color:var(--tx);border-color:var(--amb)}
.ep-pill .ep-ser.on{background:var(--amb);color:#000;border-color:var(--amb)}
.ep-pill .ep-sep{width:1px;height:18px;background:var(--line2);margin:0 3px}

/* Interactive Omega Scoreboard in Hero (#s-open) */
.so-score{position:absolute;z-index:5;right:clamp(14px,2.6vw,36px);top:calc(var(--topH) + 18px);width:clamp(280px,28vw,360px);padding:12px 14px;background:rgba(8,7,5,.88);border:1px solid #4a381d;box-shadow:0 16px 48px rgba(0,0,0,.85),inset 0 0 30px rgba(0,0,0,.9);backdrop-filter:blur(8px);font-family:var(--mono);pointer-events:auto;transition:border-color .25s,box-shadow .25s}
.so-score:hover{border-color:#e3a43a;box-shadow:0 18px 54px rgba(0,0,0,.92),0 0 24px rgba(227,164,58,.2)}
.om-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:9.5px;letter-spacing:.14em;color:#a79d8b;padding-bottom:8px;border-bottom:1px solid #2b2318;margin-bottom:10px}
.om-exp{background:rgba(227,164,58,.14);border:1px solid rgba(227,164,58,.45);color:#ffb347;font:inherit;font-size:9px;letter-spacing:.12em;padding:3px 7px;cursor:pointer;transition:all .2s}
.om-exp:hover{background:#e3a43a;color:#000}
.om-screen{width:100%;background:#050403;border:1px solid #332613;padding:10px 12px;display:block;text-align:left;cursor:pointer;color:#ece4d4;font:inherit;transition:border-color .2s,background .2s}
.om-screen:hover{border-color:#ffb347;background:#0b0906}
.om-digits{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px dashed #292012}
.om-digits .om-val .dm{--d:7px}
.om-digits .om-bib .dm{--d:4.5px}
.om-readout{padding-top:7px;display:flex;flex-direction:column;gap:2px}
.om-readout b{font-size:10.5px;letter-spacing:.08em;color:#ffb347;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.om-readout small{font-size:9.5px;color:#9c917e;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.om-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:9px}
.om-key{display:flex;flex-direction:column;padding:6px 7px;background:#110e0a;border:1px solid #2e2518;text-decoration:none;color:#d8ceb8;position:relative;transition:all .18s}
.om-key:hover{background:rgba(227,164,58,.16);border-color:#ffb347;transform:translateY(-1px)}
.om-k-n{font-size:11px;font-weight:700;color:#ffb347;letter-spacing:.06em}
.om-k-t{font-size:9px;color:#b8ad98;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin-top:1px}
.om-k-dot{position:absolute;top:6px;right:6px;width:5px;height:5px;border-radius:50%;background:#5c5346}
.om-key.hot .om-k-dot{background:#ffb347;box-shadow:0 0 6px #ffb347}

/* Center Hero Episode Selector Strip (.so-epbar) */
.so-epbar{pointer-events:auto;margin-top:22px;width:min(880px,92vw);background:rgba(8,7,5,.82);border:1px solid rgba(227,164,58,.38);backdrop-filter:blur(8px);padding:10px 12px;box-shadow:0 14px 44px rgba(0,0,0,.8)}
.so-epbar-h{display:flex;justify-content:center;margin-bottom:8px}
.so-epbar-trig{background:none;border:0;color:#ffb347;font-family:var(--mono);font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;padding:2px 8px;display:inline-flex;align-items:center;gap:6px}
.so-epbar-trig:hover{color:#fff;text-decoration:underline}
.so-epbar-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.so-epc{display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:8px 9px;background:rgba(20,17,12,.9);border:1px solid #33291a;text-decoration:none;color:#ece4d4;font-family:var(--mono);transition:all .18s}
.so-epc:hover{background:rgba(227,164,58,.18);border-color:#ffb347;transform:translateY(-2px)}
.so-epc-n{font-size:9.5px;letter-spacing:.12em;color:#e3a43a}
.so-epc b{font-family:var(--disp);font-size:13px;font-weight:700;letter-spacing:.03em;color:#fff;margin:2px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.so-epc small{font-size:9.5px;color:#9e9380;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}
.so-epc.ready{border-color:rgba(227,164,58,.55);background:rgba(227,164,58,.09)}
.so-epc.ten{border-color:rgba(255,179,71,.7)}

/* Full Omega Scoreboard Modal (#omegaModal) */
.om-modal{position:fixed;inset:0;z-index:120;background:rgba(5,4,3,.86);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}
.om-modal[hidden]{display:none!important}
.om-modal-box{width:min(1120px,96vw);max-height:90vh;overflow-y:auto;background:#090806;border:1px solid #574121;box-shadow:0 24px 80px rgba(0,0,0,.95),inset 0 0 60px rgba(0,0,0,.9);padding:clamp(18px,3vw,32px);font-family:var(--mono);color:#ece4d4}
.om-modal-hdr{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding-bottom:16px;border-bottom:1px dashed #3d2c14;margin-bottom:20px}
.om-modal-hdr h2{font-family:var(--disp);font-size:clamp(24px,3.2vw,38px);margin:4px 0 0;color:#fff}
.om-modal-x{background:none;border:1px solid #4a381d;color:#ffb347;width:38px;height:38px;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center}
.om-modal-x:hover{background:#e3a43a;color:#000}
.om-modal-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.om-card{background:#0f0d0a;border:1px solid #2f2516;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;transition:border-color .2s,background .2s}
.om-card:hover{border-color:#ffb347;background:#15110b}
.om-card.ready{border-color:rgba(227,164,58,.55)}
.om-card-main{text-decoration:none;color:inherit;display:block}
.om-card-top{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:10px;letter-spacing:.1em;color:#e3a43a;margin-bottom:10px}
.om-card-st{font-size:9px;padding:2px 6px;background:rgba(227,164,58,.12);border:1px solid rgba(227,164,58,.35);color:#ffd285}
.om-card-led{background:#050403;border:1px solid #292012;padding:8px 10px;margin-bottom:10px;display:inline-block}
.om-card-t{font-family:var(--disp);font-size:22px;margin:0 0 4px;color:#fff;letter-spacing:.03em}
.om-card-meta{font-size:11px;color:#b8ad98;margin-bottom:8px}
.om-card-q{font-family:var(--serif);font-size:14px;line-height:1.4;color:#d8ceb8;margin:0}
.om-card-links{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px dashed #292012}
.om-card-links .chip{font-size:10.5px;padding:5px 9px}

@media(max-width:900px){
 .so-epbar-g{grid-template-columns:repeat(3,minmax(0,1fr))}
 .om-modal-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 .so-score{display:block;position:relative;right:auto;top:auto;width:calc(100% - 24px);margin:12px auto 0}
 .so-epbar-g{grid-template-columns:repeat(2,minmax(0,1fr))}
 .om-modal-grid{grid-template-columns:minmax(0,1fr)}
}

/* ═══════════════════════════════════════════════════════════════════════════
   ALMANAHUL EPOCII 1968–1976, TONOMATUL ELECTRECORD / RADIO „ALBATROS”
   & SERTARUL CONTEXTUAL DE EPISOD
   ═══════════════════════════════════════════════════════════════════════════ */
.alm-page{
  padding-top: calc(var(--topH) + 28px);
  padding-bottom: 120px;
  max-width: var(--max);
  margin: 0 auto;
  padding-left: var(--pad);
  padding-right: var(--pad);
}
.alm-hero{
  border-bottom: 1px solid var(--line2);
  padding-bottom: 22px;
  margin-bottom: 28px;
}
.alm-hero-kicker{
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .16em;
  text-transform: uppercase;
  color: var(--amb);
  margin-bottom: 8px;
}
.alm-hero-title{
  font-family: var(--disp);
  font-weight: 800;
  font-size: clamp(28px, 4.2vw, 52px);
  line-height: 1.06;
  margin: 0 0 10px;
  color: var(--tx);
}
.alm-hero-sub{
  font-family: var(--serif);
  font-size: 16.5px;
  color: var(--tx2);
  max-width: 88ch;
  margin: 0;
}
.alm-mode-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-top: 20px;
}
.alm-mode-tab{
  font-family: var(--mono);
  font-size: 12px;
  letter-spacing: .05em;
  padding: 9px 14px;
  border: 1px solid var(--line2);
  background: var(--bg2);
  color: var(--tx2);
  text-decoration: none;
  transition: all .18s;
}
.alm-mode-tab:hover{
  border-color: var(--amb);
  color: var(--tx);
}
.alm-mode-tab.active{
  background: var(--amb);
  color: #000;
  border-color: var(--amb);
  font-weight: 600;
}

/* ── Jukebox: Radio "Albatros / Darclee" + Electrecord Turntable ── */
.alm-jukebox{
  background: linear-gradient(180deg, #17130d 0%, #0e0c08 100%);
  border: 1px solid #3d311e;
  box-shadow: 0 20px 60px rgba(0,0,0,.65), inset 0 1px 0 rgba(255,214,140,.12);
  padding: clamp(16px, 2.5vw, 28px);
  margin-bottom: 32px;
}
.alm-jb-top{
  display: grid;
  grid-template-columns: 1fr 290px;
  gap: 24px;
  align-items: stretch;
}
.alm-radio-cabinet{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
}
.alm-rc-brand{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .12em;
  color: #d8c39a;
  padding-bottom: 8px;
  border-bottom: 1px dashed #3a2e1c;
}
.alm-rc-lamp{
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  background: #4d3d22;
  box-shadow: inset 0 0 3px #000;
}
.alm-rc-lamp.on{
  background: #87e66b;
  box-shadow: 0 0 10px #87e66b, 0 0 20px rgba(135,230,107,.5);
}
.alm-rc-band{
  color: var(--amb);
  background: rgba(232,163,61,.1);
  border: 1px solid rgba(232,163,61,.3);
  padding: 2px 8px;
  font-size: 10px;
}

/* Illuminated Glass Radio Dial (1968–1976) */
.alm-dial-glass{
  position: relative;
  background: linear-gradient(180deg, #090805 0%, #17130b 50%, #090805 100%);
  border: 1px solid #4d3b1e;
  box-shadow: inset 0 0 28px rgba(232,163,61,.16);
  padding: 14px 10px;
  overflow: hidden;
}
.alm-dial-needle{
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
  background: #ff5733;
  box-shadow: 0 0 10px #ff5733, 0 0 18px #ff9f43;
  transition: left .38s cubic-bezier(.22,1,.36,1);
  pointer-events: none;
  z-index: 1;
}
.alm-dial-years{
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: repeat(9, minmax(0, 1fr));
  gap: 6px;
}
.alm-dial-yr{
  background: rgba(15,13,9,.82);
  border: 1px solid #352b1a;
  padding: 8px 4px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3px;
  cursor: pointer;
  transition: all .18s;
  color: #cbbd9f;
}
.alm-dial-yr:hover{
  border-color: var(--amb);
  color: #fff;
  transform: translateY(-1px);
}
.alm-dial-yr.active{
  background: linear-gradient(180deg, rgba(232,163,61,.28), rgba(232,163,61,.1));
  border-color: #ffb84d;
  color: #fff;
  box-shadow: 0 0 16px rgba(232,163,61,.25);
}
.alm-dy-freq{
  font-family: var(--mono);
  font-size: 9px;
  color: #8f826a;
}
.alm-dial-yr.active .alm-dy-freq{
  color: #ffd48a;
}
.alm-dy-num{
  font-family: var(--disp);
  font-size: 18px;
  letter-spacing: .04em;
  color: inherit;
}
.alm-dy-ep{
  font-family: var(--mono);
  font-size: 9px;
  letter-spacing: .08em;
  color: var(--amb);
}

/* 3 Wavelength Push-Buttons */
.alm-freq-switches{
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
}
.alm-freq-btn{
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  padding: 10px 12px;
  background: #120f0a;
  border: 1px solid #352a19;
  cursor: pointer;
  transition: all .18s;
}
.alm-freq-btn:hover{
  border-color: var(--amb);
}
.alm-freq-btn.active{
  background: rgba(232,163,61,.14);
  border-color: var(--amb);
}
.alm-fb-led{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #3d3322;
  flex-shrink: 0;
}
.alm-freq-btn.active .alm-fb-led{
  background: var(--amb);
  box-shadow: 0 0 8px var(--amb);
}
.alm-freq-btn strong{
  display: block;
  font-family: var(--mono);
  font-size: 11.5px;
  color: #f3ead8;
}
.alm-freq-btn small{
  display: block;
  font-family: var(--mono);
  font-size: 10px;
  color: #9e917a;
  margin-top: 2px;
}

/* Electrecord Turntable Unit */
.alm-turntable-unit{
  background: #0d0b08;
  border: 1px solid #362b19;
  padding: 14px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.alm-tt-platter{
  position: relative;
  width: 176px;
  height: 176px;
  display: grid;
  place-items: center;
}
.alm-tt-vinyl{
  width: 168px;
  height: 168px;
  border-radius: 50%;
  background: radial-gradient(circle, #1f1b16 0%, #090807 38%, #1a1714 40%, #070605 65%, #1d1915 68%, #080706 100%);
  border: 2px solid #2e261b;
  box-shadow: 0 8px 24px rgba(0,0,0,.8);
  display: grid;
  place-items: center;
  animation: almSpin 4s linear infinite;
  animation-play-state: paused;
}
.alm-turntable-unit.is-spinning .alm-tt-vinyl{
  animation-play-state: running;
}
@keyframes almSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}
.alm-tt-label{
  width: 66px;
  height: 66px;
  border-radius: 50%;
  background: radial-gradient(circle, #f3b24a 0%, #d47a1e 85%, #8f4709 100%);
  color: #140e06;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  font-family: var(--mono);
  text-align: center;
  border: 2px solid #22170a;
  position: relative;
}
.alm-tt-label::after{
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #0b0906;
  margin-top: 2px;
}
.alm-ttl-brand{
  font-size: 7px;
  font-weight: 700;
  letter-spacing: .08em;
}
.alm-ttl-yr{
  font-family: var(--disp);
  font-size: 13px;
  font-weight: 800;
  line-height: 1;
}
.alm-ttl-rpm{
  font-size: 6px;
}
.alm-tt-tonearm{
  position: absolute;
  top: 10px;
  right: 6px;
  width: 14px;
  height: 112px;
  border-right: 3px solid #c5b494;
  border-top: 6px solid #e8a33d;
  transform-origin: top right;
  transform: rotate(6deg);
  transition: transform .45s ease;
  pointer-events: none;
}
.alm-turntable-unit.is-spinning .alm-tt-tonearm{
  transform: rotate(26deg);
}
.alm-tt-controls{
  display: flex;
  gap: 6px;
  width: 100%;
  justify-content: center;
}
.alm-tt-btn{
  font-family: var(--mono);
  font-size: 11px;
  padding: 6px 9px;
  background: #17130d;
  border: 1px solid #3d311e;
  color: #e6dcc8;
  cursor: pointer;
}
.alm-tt-btn:hover{
  border-color: var(--amb);
  color: #fff;
}
.alm-tt-main{
  background: var(--amb);
  color: #000;
  border-color: var(--amb);
  font-weight: 600;
}

/* Now Playing Ribbon & Tracklist */
.alm-jb-bar{
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 16px;
  padding: 10px 14px;
  background: #0b0906;
  border: 1px solid #2e2517;
  font-family: var(--mono);
  font-size: 12px;
}
.alm-nowplaying-banner{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
}
.alm-np-dot{
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: #554833;
}
.alm-np-dot.on{
  background: #e8a33d;
  box-shadow: 0 0 8px #e8a33d;
}
.alm-np-yr{
  color: var(--amb);
  font-weight: 700;
}
.alm-np-lbl{
  color: var(--tx2);
  font-size: 11px;
}
.alm-jb-pl-links{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.alm-ext-pill{
  font-family: var(--mono);
  font-size: 11px;
  padding: 5px 10px;
  border: 1px solid #3f3320;
  text-decoration: none;
  color: #eadfc9;
  background: #16120c;
  transition: all .16s;
}
.alm-ext-pill:hover{
  border-color: var(--amb);
  color: #fff;
}
.alm-sp-pill{border-color: rgba(30,215,96,.4); color: #8ef0b0;}
.alm-yt-pill{border-color: rgba(255,90,70,.45); color: #ffaba0;}

.alm-tracklist{
  margin-top: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  max-height: 460px;
  overflow-y: auto;
  padding-right: 4px;
}
.alm-track-row{
  display: grid;
  grid-template-columns: 32px 98px 1fr auto;
  align-items: center;
  gap: 12px;
  padding: 10px 12px;
  background: rgba(18,15,10,.88);
  border: 1px solid #2b2317;
  transition: border-color .16s, background .16s;
}
.alm-track-row:hover{
  border-color: #544227;
  background: #18140d;
}
.alm-track-row.is-current{
  border-color: var(--amb);
  background: rgba(232,163,61,.1);
}
.alm-trk-num{
  font-family: var(--mono);
  font-size: 11px;
  color: var(--tx3);
  text-align: center;
}
.alm-trk-playbtn{
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 600;
  padding: 6px 10px;
  background: #231c11;
  border: 1px solid #4b3b22;
  color: #f3e6ce;
  cursor: pointer;
  white-space: nowrap;
}
.alm-trk-playbtn:hover, .alm-track-row.is-current .alm-trk-playbtn{
  background: var(--amb);
  color: #000;
  border-color: var(--amb);
}
.alm-trk-line1{
  display: flex;
  align-items: baseline;
  flex-wrap: wrap;
  gap: 6px;
  font-size: 15px;
}
.alm-trk-artist{color: #fff;}
.alm-trk-title{color: #f2d194; font-weight: 600;}
.alm-trk-label{
  font-family: var(--mono);
  font-size: 10.5px;
  color: var(--tx2);
  padding: 1px 6px;
  border: 1px solid #352b1b;
  background: #100d09;
}
.alm-trk-ctx{
  font-size: 13.5px;
  color: var(--tx2);
  margin-top: 3px;
  line-height: 1.45;
}
.alm-trk-links{
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}
.alm-trk-mini{
  font-family: var(--mono);
  font-size: 10.5px;
  padding: 4px 8px;
  border: 1px solid #382e1d;
  background: #120f0a;
  color: var(--tx2);
  text-decoration: none;
  cursor: pointer;
  white-space: nowrap;
}
.alm-trk-mini:hover{
  border-color: var(--amb);
  color: #fff;
}

/* ── Year Banner & Mirror Grid (Două Lumi în Oglindă) ── */
.alm-year-banner{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 16px;
  padding: 20px 24px;
  background: var(--bg2);
  border: 1px solid var(--line2);
  border-left: 4px solid var(--amb);
  margin-bottom: 26px;
}
.alm-yb-kicker{
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .14em;
  color: var(--amb);
}
.alm-yb-title{
  font-family: var(--disp);
  font-size: clamp(22px, 3vw, 34px);
  margin: 4px 0 0;
  color: var(--tx);
}
.alm-yb-jumps{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.alm-jump-pill{
  font-family: var(--mono);
  font-size: 11px;
  padding: 6px 10px;
  border: 1px solid var(--line2);
  background: var(--bg3);
  color: var(--tx2);
  text-decoration: none;
}
.alm-jump-pill:hover{
  border-color: var(--amb);
  color: var(--tx);
}

.alm-mirror-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px;
  margin-bottom: 32px;
}
.alm-mirror-col{
  background: var(--bg2);
  border: 1px solid var(--line);
  padding: clamp(16px, 2.2vw, 26px);
  display: flex;
  flex-direction: column;
  gap: 18px;
}
.alm-col-ro{border-top: 3px solid var(--amb);}
.alm-col-world{border-top: 3px solid var(--cold);}
.alm-mc-head h3{
  font-family: var(--disp);
  font-size: 22px;
  margin: 6px 0 0;
}
.alm-mc-badge{
  display: inline-block;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--amb);
  background: rgba(232,163,61,.1);
  border: 1px solid rgba(232,163,61,.3);
  padding: 2px 8px;
}
.alm-badge-world{
  color: var(--cold);
  background: rgba(134,169,201,.1);
  border-color: rgba(134,169,201,.3);
}
.alm-card-block{
  background: rgba(11,10,8,.55);
  border: 1px solid var(--line);
  padding: 16px 18px;
}
.alm-cb-kicker{
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .12em;
  color: var(--amb);
  margin-bottom: 6px;
}
.alm-card-block h4{
  font-family: var(--disp);
  font-size: 18px;
  margin: 0 0 12px;
  color: var(--tx);
}

.alm-full-section{
  background: var(--bg2);
  border: 1px solid var(--line);
  padding: clamp(18px, 2.5vw, 30px);
  margin-bottom: 28px;
}
.alm-fs-head{
  border-bottom: 1px solid var(--line);
  padding-bottom: 14px;
  margin-bottom: 18px;
}
.alm-fs-head h3{
  font-family: var(--disp);
  font-size: clamp(20px, 2.5vw, 28px);
  margin: 8px 0 0;
}
.alm-cultura-grid{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

/* Prose, Lists, Tables & Inline Image Chips */
.alm-prose{
  font-family: var(--serif);
  font-size: 16px;
  line-height: 1.65;
  color: var(--tx);
}
.alm-prose .alm-p{margin: 0 0 12px;}
.alm-prose .alm-list{margin: 0 0 14px; padding-left: 20px;}
.alm-prose .alm-list li{margin-bottom: 8px;}
.alm-prose .alm-h3{font-family: var(--disp); font-size: 20px; color: var(--amb); margin: 22px 0 10px;}
.alm-prose .alm-h4{font-family: var(--disp); font-size: 17px; color: #f3d49b; margin: 16px 0 8px;}
.alm-hr{border: 0; border-top: 1px dashed var(--line2); margin: 20px 0;}
.alm-quote{
  margin: 12px 0;
  padding: 10px 16px;
  border-left: 3px solid var(--amb);
  background: rgba(232,163,61,.06);
  font-style: italic;
}
.alm-img-chip{
  display: inline-flex;
  align-items: center;
  gap: 4px;
  font-family: var(--mono);
  font-size: 11px;
  padding: 1px 7px;
  margin: 0 2px;
  background: rgba(232,163,61,.14);
  border: 1px solid rgba(232,163,61,.45);
  color: #ffd485;
  cursor: pointer;
  vertical-align: baseline;
}
.alm-img-chip:hover{
  background: var(--amb);
  color: #000;
}
.alm-tbl-wrap{overflow-x: auto; margin: 14px 0;}
.alm-tbl{
  width: 100%;
  border-collapse: collapse;
  font-size: 14.5px;
}
.alm-tbl th, .alm-tbl td{
  border: 1px solid var(--line2);
  padding: 9px 11px;
  text-align: left;
  vertical-align: top;
}
.alm-tbl th{
  background: #1b160e;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .08em;
  text-transform: uppercase;
  color: var(--amb);
}

/* Photo Gallery Grid */
.alm-photo-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(235px, 1fr));
  gap: 14px;
}
.alm-photo-card{
  margin: 0;
  background: #0e0c09;
  border: 1px solid var(--line);
  cursor: pointer;
  transition: transform .18s, border-color .18s;
  display: flex;
  flex-direction: column;
}
.alm-photo-card:hover{
  transform: translateY(-2px);
  border-color: var(--amb);
}
.alm-pc-img{
  aspect-ratio: 4/3;
  overflow: hidden;
  background: #050403;
}
.alm-pc-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.alm-pc-cap{
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.alm-pc-id{
  font-family: var(--mono);
  font-size: 10px;
  color: var(--amb);
}
.alm-pc-cap strong{
  font-family: var(--disp);
  font-size: 14px;
  color: var(--tx);
  line-height: 1.25;
}
.alm-pc-cap small{
  font-size: 12px;
  color: var(--tx2);
  line-height: 1.35;
}

/* Dictionaries View */
.alm-dict-controls{
  background: var(--bg2);
  border: 1px solid var(--line2);
  padding: 18px;
  margin-bottom: 22px;
}
.alm-dict-pills{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 14px;
}
.alm-dpill{
  font-family: var(--mono);
  font-size: 11.5px;
  padding: 8px 12px;
  background: var(--bg3);
  border: 1px solid var(--line2);
  color: var(--tx2);
  cursor: pointer;
}
.alm-dpill:hover{border-color: var(--amb); color: var(--tx);}
.alm-dpill.active{background: var(--amb); color: #000; border-color: var(--amb); font-weight: 600;}
.alm-dict-search input{
  width: 100%;
  padding: 12px 14px;
  background: #0b0906;
  border: 1px solid #463720;
  color: var(--tx);
  font-family: var(--mono);
  font-size: 13.5px;
}
.alm-lex-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  gap: 12px;
  margin-bottom: 32px;
}
.alm-lex-card{
  background: var(--bg2);
  border: 1px solid var(--line);
  border-left: 3px solid var(--amb);
  padding: 14px 16px;
}
.alm-lc-cat{
  font-family: var(--mono);
  font-size: 10px;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--amb);
  margin-bottom: 4px;
}
.alm-lc-term{
  font-family: var(--disp);
  font-size: 16.5px;
  margin: 0 0 6px;
  color: #fff;
}
.alm-lc-def{
  font-size: 14px;
  color: var(--tx2);
  margin: 0;
  line-height: 1.5;
}
.alm-yr-subcard{
  background: rgba(11,10,8,.55);
  border: 1px solid var(--line);
  padding: 16px 18px;
  margin-bottom: 14px;
}

/* ── Persistent Bottom Radio Mini-Player Bar (#nadiaRadioBar) ── */
.alm-radio-bar{
  position: fixed;
  left: 16px;
  bottom: 14px;
  z-index: 88;
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 8px 14px;
  background: rgba(14,12,8,.95);
  border: 1px solid #4a3920;
  box-shadow: 0 12px 36px rgba(0,0,0,.85);
  backdrop-filter: blur(10px);
  max-width: min(760px, calc(100vw - 32px));
}
.alm-radio-bar.is-playing{
  border-color: var(--amb);
  box-shadow: 0 12px 38px rgba(0,0,0,.9), 0 0 18px rgba(232,163,61,.22);
}
.alm-rb-left{
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}
.alm-rb-disc{
  font-size: 20px;
  color: var(--amb);
  display: inline-block;
  animation: almSpin 3.5s linear infinite;
  animation-play-state: paused;
}
.alm-radio-bar.is-playing .alm-rb-disc{
  animation-play-state: running;
}
.alm-rb-meta{min-width: 0;}
.alm-rb-kicker{
  font-family: var(--mono);
  font-size: 9.5px;
  letter-spacing: .12em;
  color: var(--amb);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.alm-rb-title{
  font-family: var(--mono);
  font-size: 12px;
  color: #fff;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 310px;
}
.alm-rb-ctrls{
  display: flex;
  align-items: center;
  gap: 5px;
  flex-shrink: 0;
}
.alm-rb-btn{
  font-family: var(--mono);
  font-size: 11px;
  padding: 5px 8px;
  background: #1b160e;
  border: 1px solid #3d301b;
  color: #eadfc9;
  cursor: pointer;
  text-decoration: none;
  white-space: nowrap;
}
.alm-rb-btn:hover{border-color: var(--amb); color: #fff;}
.alm-rb-play{background: var(--amb); color: #000; border-color: var(--amb); font-weight: 700;}

/* Floating TVR Archival Video Monitor */
.alm-tv-monitor{
  position: fixed;
  left: 16px;
  bottom: 74px;
  z-index: 89;
  width: 310px;
  background: #110e09;
  border: 2px solid #574323;
  box-shadow: 0 20px 50px rgba(0,0,0,.92);
  padding: 8px;
  /* Keep YT iframe alive in DOM even when hidden so audio never stops */
  transform: translateY(20px);
  opacity: 0;
  pointer-events: none;
  transition: opacity .22s, transform .22s;
}
.alm-tv-monitor.is-visible{
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
}
.alm-tv-head{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  margin-bottom: 6px;
  font-family: var(--mono);
  font-size: 9.5px;
  color: var(--amb);
}
.alm-tv-actions{display: flex; gap: 4px;}
.alm-tv-btn{
  font-family: var(--mono);
  font-size: 9.5px;
  padding: 2px 6px;
  background: #1d170f;
  border: 1px solid #42331c;
  color: #e2d5bc;
  cursor: pointer;
}
.alm-tv-screen{
  background: #000;
  aspect-ratio: 16/9;
  overflow: hidden;
  border: 1px solid #2e2415;
}
.alm-tv-screen iframe{width: 100%; height: 100%; border: 0;}
.alm-tv-foot{
  margin-top: 6px;
  font-family: var(--mono);
  font-size: 10px;
  color: var(--tx2);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ── Contextual Episode Drawer (#nadiaAtmoDrawer) & Trigger Button ── */
.alm-ep-atmo-btn{
  margin-left: auto;
  font-family: var(--mono);
  font-size: 11px;
  padding: 5px 11px;
  background: rgba(232,163,61,.15);
  border: 1px solid var(--amb);
  color: #ffd485;
  cursor: pointer;
  align-items: center;
  gap: 6px;
}
.alm-ep-atmo-btn:hover{
  background: var(--amb);
  color: #000;
}
.alm-drawer{
  position: fixed;
  inset: 0;
  z-index: 115;
  pointer-events: none;
}
.alm-drawer.is-open{pointer-events: auto;}
.alm-drawer-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,.62);
  opacity: 0;
  transition: opacity .25s;
}
.alm-drawer.is-open .alm-drawer-backdrop{opacity: 1;}
.alm-drawer-panel{
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: min(620px, 94vw);
  background: #100d09;
  border-left: 1px solid #4a3920;
  box-shadow: -20px 0 60px rgba(0,0,0,.85);
  transform: translateX(102%);
  transition: transform .28s cubic-bezier(.22,1,.36,1);
  display: flex;
  flex-direction: column;
  overflow: hidden;
}
.alm-drawer.is-open .alm-drawer-panel{transform: translateX(0);}
.alm-drw-head{
  padding: 16px 20px;
  border-bottom: 1px solid var(--line2);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
}
.alm-drw-kicker{font-family: var(--mono); font-size: 10px; letter-spacing: .12em; color: var(--amb);}
.alm-drw-head h3{font-family: var(--disp); font-size: 20px; margin: 4px 0 0;}
.alm-drw-head-actions{display: flex; align-items: center; gap: 8px;}
.alm-drw-close{
  background: none;
  border: 1px solid var(--line2);
  width: 32px;
  height: 32px;
  cursor: pointer;
  color: var(--tx);
}
.alm-drw-years{
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 4px;
  padding: 10px 20px;
  background: #0a0806;
  border-bottom: 1px solid var(--line);
}
.alm-drw-yr{
  font-family: var(--mono);
  font-size: 11px;
  padding: 6px 2px;
  background: #16120c;
  border: 1px solid #2e2416;
  color: var(--tx2);
  cursor: pointer;
}
.alm-drw-yr.active{background: var(--amb); color: #000; border-color: var(--amb); font-weight: 700;}
.alm-drw-tabs{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  border-bottom: 1px solid var(--line2);
  background: #14110b;
}
.alm-drw-tab{
  font-family: var(--mono);
  font-size: 11px;
  padding: 10px 6px;
  background: none;
  border: 0;
  border-bottom: 2px solid transparent;
  color: var(--tx2);
  cursor: pointer;
}
.alm-drw-tab.active{
  color: var(--amb);
  border-bottom-color: var(--amb);
  background: rgba(232,163,61,.08);
}
.alm-drw-body{
  padding: 18px 20px 90px;
  overflow-y: auto;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 14px;
}
.alm-drw-note{
  font-family: var(--mono);
  font-size: 11.5px;
  padding: 10px 12px;
  background: rgba(232,163,61,.1);
  border: 1px solid rgba(232,163,61,.3);
  color: #edd8b1;
}
.alm-drw-tracks{display: flex; flex-direction: column; gap: 8px;}
.alm-drw-trk{
  display: grid;
  grid-template-columns: 88px 1fr auto;
  align-items: center;
  gap: 10px;
  padding: 9px 10px;
  background: #16130d;
  border: 1px solid #2c2316;
}
.alm-drw-trk.is-current{border-color: var(--amb); background: rgba(232,163,61,.12);}
.alm-drw-trk-info small{display: block; color: var(--tx2); font-size: 12px; margin-top: 2px;}
.alm-drw-fbadge{
  font-family: var(--mono);
  font-size: 10px;
  color: var(--amb);
  margin-right: 4px;
}

/* Lightbox Modal */
.alm-lightbox{
  position: fixed;
  inset: 0;
  z-index: 130;
  display: none;
  align-items: center;
  justify-content: center;
  padding: 20px;
}
.alm-lightbox.is-open{display: flex;}
.alm-lb-backdrop{position: absolute; inset: 0; background: rgba(0,0,0,.86); backdrop-filter: blur(6px);}
.alm-lb-box{
  position: relative;
  z-index: 2;
  max-width: min(920px, 95vw);
  max-height: 90vh;
  background: #120f0a;
  border: 1px solid #4d3b20;
  padding: 18px;
  overflow-y: auto;
}
.alm-lb-close{
  position: absolute;
  top: 12px;
  right: 12px;
  background: #1c160e;
  border: 1px solid var(--amb);
  color: var(--amb);
  font-family: var(--mono);
  font-size: 11px;
  padding: 5px 10px;
  cursor: pointer;
}
.alm-lb-imgwrap{max-height: 62vh; display: flex; justify-content: center; background: #050403; margin-bottom: 14px;}
.alm-lb-imgwrap img{max-height: 62vh; width: auto; object-fit: contain;}
.alm-lb-kicker{font-family: var(--mono); font-size: 11px; color: var(--amb);}
.alm-lb-title{font-family: var(--disp); font-size: 20px; margin: 4px 0 6px;}
.alm-lb-desc{font-size: 15px; color: var(--tx2); margin: 0;}

@media (max-width: 980px){
  .alm-jb-top{grid-template-columns: 1fr;}
  .alm-turntable-unit{flex-direction: row; flex-wrap: wrap; justify-content: space-around;}
  .alm-mirror-grid, .alm-cultura-grid{grid-template-columns: 1fr;}
  .alm-freq-switches{grid-template-columns: 1fr;}
  .alm-dial-years{grid-template-columns: repeat(3, 1fr);}
  .alm-track-row{grid-template-columns: 26px 86px 1fr;}
  .alm-trk-links{grid-column: 1 / -1; justify-content: flex-end;}
  .alm-rb-open, .alm-rb-ext{display: none;}
}

/* ── V4 ALMANAH ILLUSTRATION & PERMANENT ENTRY POINTS ── */

/* 1. Bottom Floating Bar (#epPill) Permanent Almanah & Year/Atmosphere Buttons */
#epPill .ep-alm{
  background: rgba(232,163,61,.16);
  border: 1px solid rgba(232,163,61,.55);
  color: #ffb84d !important;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  padding: 5px 10px !important;
  margin-left: 2px;
  white-space: nowrap;
  text-decoration: none;
  transition: all .18s ease;
}
#epPill .ep-alm:hover, #epPill .ep-alm.on{
  background: var(--amb) !important;
  color: #0b0a08 !important;
  border-color: var(--amb) !important;
}
#epPill .ep-atmo{
  background: #17130d;
  border: 1px solid rgba(232,163,61,.45);
  color: #f3e8d2;
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .04em;
  padding: 5px 10px;
  margin-left: 4px;
  cursor: pointer;
  white-space: nowrap;
  transition: all .18s ease;
}
#epPill .ep-atmo:hover{
  background: var(--amb);
  color: #0b0a08;
  border-color: var(--amb);
}

/* 2. Subnav Permanent Links (.subnav-alm-link, .subnav-atmo-btn) */
.subnav .subnav-alm-link{
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .06em;
  text-transform: uppercase;
  color: #ffb84d;
  background: rgba(232,163,61,.13);
  border: 1px solid rgba(232,163,61,.48);
  padding: 5px 11px;
  margin-left: auto;
  text-decoration: none;
  white-space: nowrap;
}
.subnav .subnav-alm-link:hover{
  background: var(--amb);
  color: #0b0a08;
}
.subnav .subnav-atmo-btn{
  font-family: var(--mono);
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .05em;
  color: #f3e8d2;
  background: #1a150e;
  border: 1px solid rgba(232,163,61,.42);
  padding: 5px 11px;
  cursor: pointer;
  white-space: nowrap;
}
.subnav .subnav-atmo-btn:hover{
  background: var(--amb);
  color: #0b0a08;
}

/* 3. Series Landing Page Mega Banner (#s-almanah-banner) */
.ser-almanah-mega{
  margin: 28px 0 36px;
  background: linear-gradient(145deg, #1b150d 0%, #100d09 60%, #19130b 100%);
  border: 2px solid #59411e;
  box-shadow: 0 22px 55px rgba(0,0,0,.6), inset 0 1px 0 rgba(255,214,138,.18);
  padding: 26px 28px;
  position: relative;
}
.sam-inner{display: flex; flex-direction: column; gap: 20px;}
.sam-top{
  display: grid;
  grid-template-columns: 1.35fr 1fr;
  gap: 24px;
  align-items: center;
}
.sam-kicker{
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--amb);
  margin-bottom: 6px;
}
.sam-h{
  font-family: var(--disp);
  font-size: clamp(22px, 3vw, 34px);
  font-weight: 900;
  letter-spacing: .02em;
  margin: 0 0 10px;
  color: #f6efe0;
}
.sam-p{
  font-size: 15px;
  line-height: 1.6;
  color: var(--tx2);
  margin: 0;
}
.sam-cta-col{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  justify-content: flex-end;
}
.sam-btn{
  font-family: var(--mono);
  font-size: 11.5px;
  font-weight: 600;
  letter-spacing: .05em;
  padding: 10px 14px;
  background: #17130d;
  border: 1px solid #48371c;
  color: var(--tx);
  text-decoration: none;
  cursor: pointer;
  transition: all .18s ease;
}
.sam-btn:hover{
  border-color: var(--amb);
  color: var(--amb);
  background: rgba(232,163,61,.1);
}
.sam-btn.primary{
  background: var(--amb);
  border-color: var(--amb);
  color: #0b0a08;
  font-weight: 700;
  width: 100%;
  text-align: center;
  font-size: 12.5px;
}
.sam-btn.primary:hover{
  background: #ffb84d;
  color: #000;
}
.sam-btn.radio{
  border-color: rgba(232,163,61,.65);
  color: #ffb84d;
  background: rgba(232,163,61,.13);
}
.sam-btn.drawer{
  border-style: dashed;
  border-color: rgba(232,163,61,.55);
  color: #f0dec0;
}
.sam-years-bar{
  border-top: 1px solid #332715;
  padding-top: 16px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
.sam-yr-lbl{
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--amb);
}
.sam-yr-pills{
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  gap: 8px;
}
.sam-yr-group{
  display: flex;
  align-items: stretch;
  background: #13100b;
  border: 1px solid #3a2d19;
  transition: all .16s ease;
}
.sam-yr-group:hover{
  border-color: var(--amb);
  transform: translateY(-1px);
}
.sam-yr-btn{
  flex: 1;
  padding: 8px 8px;
  text-decoration: none;
  display: flex;
  flex-direction: column;
  gap: 2px;
  color: var(--tx);
}
.sam-yr-btn b{
  font-family: var(--disp);
  font-size: 18px;
  color: #ffb84d;
  line-height: 1.05;
}
.sam-yr-btn small{
  font-family: var(--mono);
  font-size: 9.5px;
  color: var(--tx3);
}
.sam-yr-play{
  background: rgba(232,163,61,.14);
  border: 0;
  border-left: 1px solid #3a2d19;
  color: var(--amb);
  padding: 0 9px;
  cursor: pointer;
  font-size: 13px;
  transition: all .15s ease;
}
.sam-yr-play:hover{
  background: var(--amb);
  color: #000;
}

/* 4. Episode Era & Jukebox Ribbon (.alm-era-ribbon) */
.alm-era-ribbon{
  margin: 18px 0 24px;
  padding: 16px 20px;
  background: linear-gradient(135deg, rgba(28,22,14,.96) 0%, rgba(16,13,9,.96) 100%);
  border: 1px solid #57401d;
  border-left: 4px solid var(--amb);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  box-shadow: 0 12px 32px rgba(0,0,0,.45);
}
.alm-er-left{
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.alm-er-badge{
  font-family: var(--mono);
  font-size: 11.5px;
  font-weight: 700;
  letter-spacing: .1em;
  color: var(--amb);
  text-transform: uppercase;
}
.alm-er-sub{
  font-size: 13.5px;
  color: var(--tx2);
}
.alm-er-actions{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 7px;
}
.alm-er-yr, .alm-er-drw, .alm-er-play, .alm-er-open, .alm-er-full{
  font-family: var(--mono);
  font-size: 11px;
  padding: 7px 11px;
  text-decoration: none;
  cursor: pointer;
  transition: all .16s ease;
  white-space: nowrap;
}
.alm-er-yr{
  background: #17130d;
  border: 1px solid #49381d;
  color: #ffb84d;
  font-weight: 700;
}
.alm-er-yr:hover{background: var(--amb); color: #000; border-color: var(--amb);}
.alm-er-drw{
  background: #14100b;
  border: 1px dashed #49381d;
  color: var(--tx2);
}
.alm-er-drw:hover{border-color: var(--amb); color: var(--amb);}
.alm-er-play{
  background: var(--amb);
  border: 1px solid var(--amb);
  color: #0b0a08;
  font-weight: 700;
}
.alm-er-play:hover{background: #ffb84d; color: #000;}
.alm-er-open{
  background: rgba(232,163,61,.14);
  border: 1px solid rgba(232,163,61,.55);
  color: #f5e7cd;
  font-weight: 600;
}
.alm-er-open:hover{background: var(--amb); color: #000;}
.alm-er-full{
  background: transparent;
  border: 1px solid var(--line2);
  color: var(--tx2);
}
.alm-er-full:hover{border-color: var(--amb); color: var(--amb);}

/* Scene Header Atmosphere & Jukebox Chips */
.sc-meta .sc-atmo-btn{
  background: rgba(232,163,61,.2) !important;
  border-color: var(--amb) !important;
  color: #ffb84d !important;
  font-weight: 700;
  cursor: pointer;
}
.sc-meta .sc-atmo-btn:hover{
  background: var(--amb) !important;
  color: #0b0a08 !important;
}
.sc-meta .sc-play-btn{
  background: #1a150d !important;
  border-color: rgba(232,163,61,.5) !important;
  color: #f3e6cc !important;
  cursor: pointer;
}
.sc-meta .sc-play-btn:hover{
  background: var(--amb) !important;
  color: #0b0a08 !important;
}
.sc-meta .sc-alm-link{
  border-color: rgba(232,163,61,.4) !important;
  color: var(--amb) !important;
}

/* 5. Year Hero Filmstrip (.alm-year-fresco) */
.alm-year-fresco{
  background: #0d0b08;
  border: 1px solid #352915;
  padding: 14px 18px 16px;
}
.alm-yf-hdr{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 12px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .09em;
  color: var(--amb);
  text-transform: uppercase;
}
.alm-yf-hdr small{color: var(--tx3); text-transform: none; letter-spacing: 0;}
.alm-yf-strip{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
  gap: 10px;
}
.alm-yf-item{
  margin: 0;
  background: #14110c;
  border: 1px solid #2d2314;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all .18s ease;
}
.alm-yf-item:hover{
  border-color: var(--amb);
  transform: translateY(-2px);
}
.alm-yf-item img{
  width: 100%;
  height: 108px;
  object-fit: cover;
  display: block;
}
.alm-yf-item figcaption{
  padding: 6px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.alm-yf-item figcaption span{
  font-family: var(--mono);
  font-size: 9px;
  color: var(--amb);
  text-transform: uppercase;
}
.alm-yf-item figcaption strong{
  font-size: 11.5px;
  line-height: 1.25;
  color: var(--tx);
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* 6. Inline Editorial Strips & Inline Polaroid Cards inside Prose */
.alm-editorial-strip{
  margin: 16px 0 20px;
  padding: 14px 16px;
  background: #0e0c08;
  border: 1px solid #352916;
  border-left: 3px solid var(--amb);
}
.alm-strip-hdr{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 6px;
  margin-bottom: 12px;
  font-family: var(--mono);
  font-size: 10.5px;
  letter-spacing: .09em;
  text-transform: uppercase;
  color: var(--amb);
}
.alm-strip-hdr small{color: var(--tx3); text-transform: none; letter-spacing: 0;}
.alm-editorial-grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(175px, 1fr));
  gap: 10px;
}
.alm-editorial-fig{
  margin: 0;
  background: #15120c;
  border: 1px solid #2b2214;
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: all .18s ease;
}
.alm-editorial-fig:hover{
  border-color: var(--amb);
  transform: translateY(-2px);
}
.alm-ef-img{
  position: relative;
  height: 128px;
  background: #070604;
  overflow: hidden;
}
.alm-ef-img img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.alm-ef-badge{
  position: absolute;
  left: 6px;
  bottom: 6px;
  background: rgba(11,10,8,.86);
  border: 1px solid rgba(232,163,61,.45);
  color: #ffb84d;
  font-family: var(--mono);
  font-size: 9.5px;
  padding: 2px 6px;
}
.alm-editorial-fig figcaption{
  padding: 8px 10px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.alm-editorial-fig figcaption strong{
  font-size: 12.5px;
  line-height: 1.3;
  color: var(--tx);
}
.alm-editorial-fig figcaption small{
  font-size: 11px;
  line-height: 1.35;
  color: var(--tx2);
}

/* Inline Polaroid Card for IMG_XXX references inside text */
.alm-inline-polaroid{
  display: inline-flex;
  align-items: center;
  gap: 8px;
  margin: 4px 6px 4px 0;
  padding: 4px 10px 4px 4px;
  background: #17130d;
  border: 1px solid #45341b;
  border-radius: 2px;
  vertical-align: middle;
  cursor: pointer;
  transition: all .16s ease;
  max-width: 100%;
}
.alm-inline-polaroid:hover{
  border-color: var(--amb);
  background: rgba(232,163,61,.14);
}
.alm-inline-polaroid img{
  width: 44px;
  height: 34px;
  object-fit: cover;
  border: 1px solid #2e2313;
  flex-shrink: 0;
}
.alm-ip-cap{
  display: inline-flex;
  flex-direction: column;
  line-height: 1.2;
}
.alm-ip-cap strong{
  font-family: var(--mono);
  font-size: 10px;
  color: var(--amb);
}
.alm-ip-cap em{
  font-style: normal;
  font-size: 11.5px;
  color: var(--tx);
}

/* 7. Jukebox Track Thumbnails & Electrecord Vinyl Strip */
.alm-trk-thumb{
  position: relative;
  width: 54px;
  height: 40px;
  background: #080705;
  border: 1px solid #382b18;
  overflow: hidden;
  cursor: pointer;
}
.alm-trk-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.alm-trk-thumb-ov{
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(0,0,0,.45);
  color: #ffb84d;
  font-size: 13px;
  opacity: 0;
  transition: opacity .15s ease;
}
.alm-track-row:hover .alm-trk-thumb-ov,
.alm-track-row.is-playing .alm-trk-thumb-ov{
  opacity: 1;
}
.alm-vinyl-strip{
  margin-top: 18px;
  padding-top: 16px;
  border-top: 1px solid #312615;
}
.alm-vs-hdr{
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
  font-family: var(--mono);
  font-size: 11px;
  letter-spacing: .08em;
  color: var(--amb);
}
.alm-vs-hdr small{color: var(--tx3);}
.alm-vs-row{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(145px, 1fr));
  gap: 10px;
}
.alm-vs-card{
  margin: 0;
  background: #120f0a;
  border: 1px solid #2e2416;
  cursor: pointer;
  overflow: hidden;
  transition: all .16s ease;
}
.alm-vs-card:hover{border-color: var(--amb); transform: translateY(-2px);}
.alm-vs-card img{
  width: 100%;
  height: 115px;
  object-fit: cover;
  display: block;
}
.alm-vs-card figcaption{
  padding: 6px 8px;
  display: flex;
  flex-direction: column;
  gap: 2px;
}
.alm-vs-card figcaption strong{font-size: 11.5px; color: var(--tx); line-height: 1.25;}
.alm-vs-card figcaption span{font-family: var(--mono); font-size: 9.5px; color: var(--amb);}

/* 8. Lexicon Cards with Period Photo Thumbnails */
.alm-lex-card.has-img{
  display: grid;
  grid-template-columns: 92px 1fr;
  gap: 12px;
  align-items: start;
}
.alm-lc-thumb{
  position: relative;
  width: 92px;
  height: 82px;
  background: #080705;
  border: 1px solid #352916;
  overflow: hidden;
  cursor: pointer;
}
.alm-lc-thumb img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform .2s ease;
}
.alm-lc-thumb:hover img{transform: scale(1.06);}
.alm-lc-imgyr{
  position: absolute;
  right: 3px;
  bottom: 3px;
  background: rgba(0,0,0,.82);
  color: var(--amb);
  font-family: var(--mono);
  font-size: 8.5px;
  padding: 1px 4px;
}

/* 9. Full Photo Archive View (#/almanah/arhiva-foto) */
.alm-arch-controls{
  display: flex;
  flex-direction: column;
  gap: 10px;
  margin-bottom: 18px;
  padding: 14px;
  background: #0e0b08;
  border: 1px solid var(--line);
}
.alm-arch-row{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
.alm-arch-lbl{
  font-family: var(--mono);
  font-size: 11px;
  color: var(--amb);
  margin-right: 4px;
  text-transform: uppercase;
}
#almArchSearchInput{
  flex: 1;
  min-width: 240px;
  padding: 9px 12px;
  background: #080705;
  border: 1px solid #3a2e1c;
  color: var(--tx);
  font-family: var(--mono);
  font-size: 12.5px;
}
#almArchSearchInput:focus{outline: none; border-color: var(--amb);}
.alm-arch-count{
  font-family: var(--mono);
  font-size: 11.5px;
  color: var(--amb);
  padding: 0 8px;
}

@media (max-width: 980px){
  .sam-top{grid-template-columns: 1fr;}
  .sam-cta-col{justify-content: flex-start;}
  .sam-yr-pills{grid-template-columns: repeat(3, 1fr);}
  .alm-track-row{grid-template-columns: 24px 48px 82px 1fr;}
}

/* ========== NADIA S1 v2.0 — EPISODE HUBS (E3–E6) & SERIE BIBLE v2 ========== */
.v2-ep-hub, .v2-serie-sec {
  margin: 28px 0 36px;
}
.v2-hub-banner, .v2-serie-header {
  background: linear-gradient(165deg, rgba(227,164,58,0.11) 0%, rgba(18,16,13,0.92) 48%, rgba(12,11,9,0.96) 100%);
  border: 1px solid rgba(227,164,58,0.38);
  padding: 24px 26px;
  border-radius: 4px;
  margin-bottom: 22px;
  box-shadow: 0 14px 36px rgba(0,0,0,0.34);
}
html[data-theme="day"] .v2-hub-banner,
html[data-theme="day"] .v2-serie-header {
  background: linear-gradient(165deg, rgba(227,164,58,0.16) 0%, rgba(250,245,235,0.96) 60%);
  box-shadow: 0 8px 24px rgba(0,0,0,0.08);
}
.v2-hub-top {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: 12px;
  margin-bottom: 16px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(227,164,58,0.22);
}
.v2-hub-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.v2-pill {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  padding: 4px 10px;
  background: rgba(255,255,255,0.06);
  border: 1px solid rgba(236,228,212,0.22);
  color: var(--fg);
}
.v2-pill-gold {
  background: var(--amb);
  color: #0b0a08;
  border-color: var(--amb);
  font-weight: 600;
}
.v2-hub-credits, .v2-credits-bar {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  letter-spacing: 0.06em;
  color: var(--amb);
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
.v2-credits-bar {
  margin: 8px 0 12px;
  padding: 8px 12px;
  background: rgba(227,164,58,0.1);
  border-left: 3px solid var(--amb);
}
.v2-hub-grid-meta {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
  gap: 14px;
  margin-bottom: 20px;
}
.v2-meta-box {
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(236,228,212,0.12);
  padding: 12px 14px;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
html[data-theme="day"] .v2-meta-box {
  background: rgba(255,255,255,0.75);
  border-color: rgba(0,0,0,0.12);
}
.v2-meta-lbl {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  letter-spacing: 0.14em;
  color: var(--amb);
  text-transform: uppercase;
}
.v2-meta-box strong {
  font-size: 14px;
  color: var(--fg);
}
.v2-meta-box small {
  font-size: 12.5px;
  color: var(--mut);
  line-height: 1.45;
}
.v2-tabs {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(195px, 1fr));
  gap: 8px;
  margin-top: 14px;
}
.v2-tab {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  text-align: left;
  padding: 11px 13px;
  background: rgba(0,0,0,0.36);
  border: 1px solid rgba(236,228,212,0.18);
  color: var(--fg);
  cursor: pointer;
  font: inherit;
  transition: all 0.16s ease;
}
html[data-theme="day"] .v2-tab {
  background: rgba(255,255,255,0.8);
  border-color: rgba(0,0,0,0.15);
}
.v2-tab:hover {
  border-color: var(--amb);
}
.v2-tab.on {
  background: rgba(227,164,58,0.18);
  border-color: var(--amb);
  box-shadow: inset 0 -2px 0 var(--amb);
}
.v2-tab-ic {
  font-size: 18px;
  line-height: 1.1;
}
.v2-tab b {
  display: block;
  font-size: 13px;
  letter-spacing: 0.02em;
  margin-bottom: 2px;
}
.v2-tab small {
  display: block;
  font-size: 11px;
  color: var(--mut);
  line-height: 1.3;
}
.v2-panel {
  display: none;
  padding-top: 8px;
}
.v2-panel.on {
  display: block;
}
.v2-panel-head {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 16px;
  margin-bottom: 20px;
  padding-bottom: 14px;
  border-bottom: 1px solid var(--line);
}
.v2-beat-controls {
  display: flex;
  flex-direction: column;
  gap: 10px;
  width: 100%;
}
.v2-filter-row {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.v2-search-inp {
  width: 100%;
  max-width: 540px;
  padding: 9px 13px;
  background: rgba(0,0,0,0.35);
  border: 1px solid rgba(236,228,212,0.24);
  color: var(--fg);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 13px;
}
html[data-theme="day"] .v2-search-inp {
  background: #fff;
  border-color: rgba(0,0,0,0.22);
}
.v2-threads-bar {
  background: rgba(227,164,58,0.08);
  border-left: 3px solid var(--amb);
  padding: 12px 16px;
  margin-bottom: 18px;
  font-size: 14px;
  line-height: 1.55;
}
.v2-frame-card, .v2-bonus-scene-box {
  background: linear-gradient(90deg, rgba(224,102,74,0.12), rgba(227,164,58,0.06));
  border: 1px solid rgba(224,102,74,0.42);
  padding: 16px 20px;
  margin-bottom: 22px;
}
.v2-frame-kicker {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  color: var(--amb);
  font-weight: 600;
  margin-bottom: 8px;
}
.v2-act-block {
  margin-bottom: 28px;
}
.v2-act-header {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 11px 16px;
  background: rgba(227,164,58,0.14);
  border-left: 4px solid var(--amb);
  margin-bottom: 12px;
}
.v2-act-num {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: 0.12em;
  padding: 3px 8px;
  background: var(--amb);
  color: #0b0a08;
}
.v2-act-header h3 {
  margin: 0;
  font-size: 15px;
  letter-spacing: 0.04em;
  flex: 1;
}
.v2-act-cnt {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  color: var(--mut);
}
.v2-beats-list {
  display: grid;
  gap: 10px;
}
.v2-beat-card {
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(236,228,212,0.13);
  transition: border-color 0.15s ease;
}
html[data-theme="day"] .v2-beat-card {
  background: rgba(255,255,255,0.85);
  border-color: rgba(0,0,0,0.12);
}
.v2-beat-card:hover {
  border-color: rgba(227,164,58,0.45);
}
.v2-beat-top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  padding: 12px 16px;
  cursor: pointer;
}
.v2-beat-no {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  font-weight: 600;
  color: var(--amb);
  background: rgba(227,164,58,0.12);
  border: 1px solid rgba(227,164,58,0.3);
  padding: 3px 8px;
  white-space: nowrap;
}
.v2-beat-title-wrap {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
}
.v2-beat-slug {
  margin: 0;
  font-size: 15px;
  line-height: 1.35;
}
.v2-beat-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
}
.v2-badge {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10.5px;
  padding: 2px 6px;
  border-radius: 2px;
}
.v2-tag-s {
  background: rgba(92,184,138,0.15);
  color: #7ce0ad;
  border: 1px solid rgba(92,184,138,0.35);
}
html[data-theme="day"] .v2-tag-s {
  color: #16653e;
}
.v2-tag-inv {
  background: rgba(224,102,74,0.16);
  color: #ff9c85;
  border: 1px solid rgba(224,102,74,0.38);
}
html[data-theme="day"] .v2-tag-inv {
  color: #9e2a10;
}
.v2-tag-dec {
  background: rgba(227,164,58,0.18);
  color: var(--amb);
  border: 1px solid rgba(227,164,58,0.42);
}
.v2-tag-o {
  background: rgba(130,170,210,0.15);
  color: #9bc4ee;
  border: 1px solid rgba(130,170,210,0.35);
}
html[data-theme="day"] .v2-tag-o {
  color: #1d4f82;
}
.v2-beat-atmo-btn {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  background: rgba(227,164,58,0.12);
  border: 1px solid rgba(227,164,58,0.35);
  color: var(--amb);
  padding: 4px 9px;
  cursor: pointer;
  white-space: nowrap;
}
.v2-beat-atmo-btn:hover {
  background: var(--amb);
  color: #0b0a08;
}
.v2-beat-body {
  display: none;
  padding: 0 16px 14px 68px;
  font-size: 15px;
  line-height: 1.65;
  color: var(--fg);
}
.v2-beat-card.open .v2-beat-body {
  display: block;
}
.v2-beat-body p {
  margin: 0;
}
.v2-align-details {
  margin-top: 24px;
  background: rgba(0,0,0,0.28);
  border: 1px solid rgba(227,164,58,0.28);
  padding: 14px 18px;
}
html[data-theme="day"] .v2-align-details {
  background: rgba(255,255,255,0.8);
}
.v2-align-details summary {
  cursor: pointer;
  font-size: 14px;
  color: var(--amb);
}
.v2-align-list {
  margin-top: 14px;
  display: grid;
  gap: 10px;
}
.v2-align-item {
  display: flex;
  gap: 12px;
  padding: 10px 12px;
  background: rgba(255,255,255,0.02);
  border-left: 2px solid var(--amb);
}
.v2-align-no {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 12px;
  color: var(--amb);
  font-weight: 600;
}
.v2-align-item p {
  margin: 4px 0 0;
  font-size: 13.5px;
  color: var(--mut);
  line-height: 1.55;
}
.v2-reader-paper, .v2-biblie-card {
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(236,228,212,0.14);
  padding: 24px 28px;
  margin-bottom: 22px;
}
html[data-theme="day"] .v2-reader-paper,
html[data-theme="day"] .v2-biblie-card {
  background: rgba(255,255,255,0.9);
  border-color: rgba(0,0,0,0.12);
}
.v2-reader-sec {
  margin-bottom: 28px;
}
.v2-reader-h3 {
  font-size: 19px;
  color: var(--amb);
  border-bottom: 1px solid rgba(227,164,58,0.25);
  padding-bottom: 8px;
  margin-bottom: 16px;
}
.v2-reader-p-wrap {
  display: flex;
  gap: 14px;
  margin-bottom: 14px;
}
.v2-reader-pnum {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  color: var(--mut);
  padding-top: 4px;
  min-width: 28px;
}
.v2-reader-p, .v2-reader-prose {
  font-family: 'Source Serif 4', Georgia, serif;
  font-size: 16.5px;
  line-height: 1.72;
  color: var(--fg);
  flex: 1;
}
.v2-table-wrap {
  overflow-x: auto;
  margin: 12px 0;
}
.v2-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 13.5px;
  line-height: 1.5;
}
.v2-table th, .v2-table td {
  border: 1px solid rgba(236,228,212,0.16);
  padding: 10px 12px;
  text-align: left;
  vertical-align: top;
}
html[data-theme="day"] .v2-table th,
html[data-theme="day"] .v2-table td {
  border-color: rgba(0,0,0,0.14);
}
.v2-table th {
  background: rgba(227,164,58,0.14);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11.5px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--amb);
}
.v2-biblie-grid-2 {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
}
.v2-cnsas-list {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}
.v2-cnsas-item {
  padding: 12px 14px;
  background: rgba(0,0,0,0.24);
  border-left: 3px solid var(--amb);
}
html[data-theme="day"] .v2-cnsas-item {
  background: rgba(0,0,0,0.035);
}
.v2-cnsas-code {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  color: var(--amb);
  display: block;
  margin-bottom: 4px;
}
.v2-cnsas-item h4 {
  margin: 0 0 6px;
  font-size: 14.5px;
}
.v2-cnsas-item p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--mut);
}
.v2-foto-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 14px;
}
.v2-foto-card {
  margin: 0;
  background: rgba(255,255,255,0.03);
  border: 1px solid rgba(236,228,212,0.14);
  cursor: pointer;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  transition: transform 0.16s ease, border-color 0.16s ease;
}
.v2-foto-card:hover {
  transform: translateY(-2px);
  border-color: var(--amb);
}
.v2-foto-img-wrap {
  position: relative;
  aspect-ratio: 4/3;
  background: #090806;
  overflow: hidden;
}
.v2-foto-img-wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}
.v2-foto-yr {
  position: absolute;
  top: 8px;
  right: 8px;
  background: rgba(11,10,8,0.84);
  color: var(--amb);
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  padding: 2px 7px;
  border: 1px solid rgba(227,164,58,0.4);
}
.v2-foto-card figcaption {
  padding: 10px 12px;
  display: flex;
  flex-direction: column;
  gap: 3px;
}
.v2-foto-card figcaption strong {
  font-size: 12.5px;
  line-height: 1.35;
}
.v2-foto-card figcaption span {
  font-size: 11px;
  color: var(--mut);
}
.v2-atmo-years-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 18px;
}
.v2-atmo-year-card {
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(227,164,58,0.28);
  padding: 18px 20px;
}
.v2-atmo-yr-head {
  display: flex;
  align-items: center;
  gap: 14px;
  margin-bottom: 14px;
}
.v2-atmo-yr-badge {
  font-family: 'Archivo', sans-serif;
  font-weight: 800;
  font-size: 26px;
  color: #0b0a08;
  background: var(--amb);
  padding: 6px 12px;
}
.v2-song-chips {
  display: grid;
  gap: 6px;
  max-height: 320px;
  overflow-y: auto;
}
.v2-song-btn {
  display: flex;
  align-items: center;
  gap: 10px;
  text-align: left;
  padding: 7px 11px;
  background: rgba(0,0,0,0.3);
  border: 1px solid rgba(236,228,212,0.14);
  color: var(--fg);
  cursor: pointer;
  font: inherit;
}
.v2-song-btn:hover {
  border-color: var(--amb);
  background: rgba(227,164,58,0.14);
}
.v2-song-btn b {
  flex: 1;
  font-size: 12.5px;
}
.v2-song-btn small {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10.5px;
  color: var(--amb);
}
.v2-ep-cards-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(310px, 1fr));
  gap: 16px;
}
.v2-ep-summary-card {
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(236,228,212,0.16);
  padding: 18px 20px;
  display: flex;
  flex-direction: column;
  gap: 10px;
}
html[data-theme="day"] .v2-ep-summary-card {
  background: rgba(255,255,255,0.88);
  border-color: rgba(0,0,0,0.14);
}
.v2-ep-summary-card.v2-ep-new {
  border-color: rgba(227,164,58,0.45);
}
.v2-ep-sum-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
}
.v2-ep-no {
  font-family: 'IBM Plex Mono', monospace;
  font-weight: 700;
  font-size: 12px;
  color: var(--amb);
}
.v2-ep-status {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 10px;
  padding: 2px 7px;
  border: 1px solid rgba(227,164,58,0.4);
  color: var(--amb);
}
.v2-ep-summary-card h3 {
  margin: 0;
  font-size: 17px;
}
.v2-ep-summary-card p {
  margin: 0;
  font-size: 13.5px;
  line-height: 1.55;
  color: var(--mut);
  flex: 1;
}
.v2-ep-sum-links {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  padding-top: 6px;
}
.v2-biblie-reader-layout {
  display: grid;
  grid-template-columns: 280px 1fr;
  gap: 20px;
  align-items: start;
}
@media (max-width: 860px) {
  .v2-biblie-reader-layout {
    grid-template-columns: 1fr;
  }
  .v2-beat-body {
    padding-left: 16px;
  }
}
.v2-biblie-toc {
  background: rgba(0,0,0,0.3);
  border: 1px solid rgba(236,228,212,0.16);
  padding: 12px;
  display: flex;
  flex-direction: column;
  gap: 6px;
  position: sticky;
  top: 76px;
}
html[data-theme="day"] .v2-biblie-toc {
  background: rgba(255,255,255,0.9);
  border-color: rgba(0,0,0,0.14);
}
.v2-toc-head {
  font-family: 'IBM Plex Mono', monospace;
  font-size: 11px;
  color: var(--amb);
  letter-spacing: 0.1em;
  padding: 4px 8px 8px;
  border-bottom: 1px solid rgba(227,164,58,0.22);
}
.v2-toc-btn {
  text-align: left;
  background: transparent;
  border: 1px solid transparent;
  color: var(--mut);
  padding: 8px 10px;
  font-size: 12.5px;
  line-height: 1.35;
  cursor: pointer;
}
.v2-toc-btn:hover {
  color: var(--fg);
  border-color: rgba(227,164,58,0.28);
}
.v2-toc-btn.on {
  background: rgba(227,164,58,0.16);
  color: var(--amb);
  border-color: var(--amb);
  font-weight: 600;
}
.v2-chap-pane {
  display: none;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(236,228,212,0.14);
  padding: 24px 28px;
}
html[data-theme="day"] .v2-chap-pane {
  background: rgba(255,255,255,0.92);
  border-color: rgba(0,0,0,0.12);
}
.v2-chap-pane.on {
  display: block;
}
.v2-chap-title {
  margin-top: 0;
  color: var(--amb);
  border-bottom: 1px solid rgba(227,164,58,0.28);
  padding-bottom: 10px;
}
.v2-meta-list {
  margin: 0;
  padding-left: 18px;
  display: grid;
  gap: 8px;
  line-height: 1.6;
}


/* === V6 EXHAUSTIVE EPISODE BIBLES & DOSSIER CARDS === */
.v2-files-pill {
  font-size: 11px;
  font-family: var(--mono, monospace);
  background: rgba(212,175,55,0.14);
  color: #f4d47c;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(212,175,55,0.28);
}
.v2-beat-functie {
  margin-top: 10px;
  padding: 10px 14px;
  background: rgba(212,175,55,0.08);
  border-left: 3px solid #d4af37;
  border-radius: 6px;
  font-size: 13.5px;
  line-height: 1.55;
}
.v2-beat-dossier-details {
  margin-top: 12px;
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(212,175,55,0.24);
  border-radius: 8px;
  overflow: hidden;
}
.v2-beat-dossier-summary {
  cursor: pointer;
  padding: 10px 14px;
  font-size: 13px;
  color: #f3d27a;
  background: rgba(212,175,55,0.07);
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 8px;
  user-select: none;
}
.v2-beat-dossier-summary span {
  font-size: 11.5px;
  opacity: 0.8;
  font-weight: 400;
}
.v2-beat-dossier-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
  gap: 12px;
  padding: 14px;
}
.v2-dossier-subcard {
  background: rgba(0,0,0,0.26);
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 8px;
  padding: 12px 14px;
}
.v2-dossier-sublbl {
  font-size: 11px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #e6c15a;
  margin-bottom: 6px;
  border-bottom: 1px solid rgba(230,193,90,0.18);
  padding-bottom: 4px;
}
.v2-dossier-subbody {
  font-size: 13.5px;
  line-height: 1.6;
}
.v2-section-banner {
  margin: 18px 0 12px;
  padding: 14px 18px;
  background: linear-gradient(90deg, rgba(185,28,28,0.18), rgba(212,175,55,0.08));
  border-left: 4px solid #e11d48;
  border-radius: 8px;
}
.v2-section-banner h3 {
  margin: 0 0 4px;
  font-size: 17px;
  color: #fff;
}
.v2-section-banner p {
  margin: 0;
  font-size: 13px;
  opacity: 0.85;
}
.v2-doc-card {
  background: rgba(255,255,255,0.025);
  border: 1px solid rgba(255,255,255,0.09);
  border-radius: 10px;
  padding: 18px 20px;
  margin-bottom: 14px;
}
.v2-doc-card-title {
  margin: 0 0 12px;
  font-size: 17px;
  color: #f4d47c;
  border-bottom: 1px solid rgba(255,255,255,0.08);
  padding-bottom: 8px;
}
.v2-fisa-head {
  padding-bottom: 10px;
  margin-bottom: 6px;
  border-bottom: 1px solid rgba(212,175,55,0.2);
}
.v2-fisa-act {
  font-size: 11.5px;
  opacity: 0.78;
  margin-left: 8px;
}
.v2-fisa-title {
  margin: 6px 0 0;
  font-size: 16px;
  color: #fff;
}
.v2-ep-cards-sinteza {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(420px, 1fr));
  gap: 14px;
  margin-bottom: 18px;
}