@font-face{font-family:'Cardo';font-style:italic;font-weight:400;font-display:swap;
src:url(../fonts/cardo-400italic-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cardo';font-style:italic;font-weight:400;font-display:swap;
src:url(../fonts/cardo-400italic-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cardo';font-style:normal;font-weight:400;font-display:swap;
src:url(../fonts/cardo-400-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cardo';font-style:normal;font-weight:400;font-display:swap;
src:url(../fonts/cardo-400-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Cardo';font-style:normal;font-weight:700;font-display:swap;
src:url(../fonts/cardo-700-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Cardo';font-style:normal;font-weight:700;font-display:swap;
src:url(../fonts/cardo-700-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'MedievalSharp';font-style:normal;font-weight:400;font-display:swap;
src:url(../fonts/medievalsharp-400-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'MedievalSharp';font-style:normal;font-weight:400;font-display:swap;
src:url(../fonts/medievalsharp-400-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'UnifrakturMaguntia';font-style:normal;font-weight:400;font-display:swap;
src:url(../fonts/unifrakturmaguntia-400-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Almendra';font-style:italic;font-weight:400;font-display:swap;
src:url(../fonts/almendra-400italic-latin.woff2) format('woff2');
unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Almendra';font-style:italic;font-weight:400;font-display:swap;
src:url(../fonts/almendra-400italic-latin-ext.woff2) format('woff2');
unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
background:var(--paper);
color:var(--ink);
font-family:var(--body);
background-image:
radial-gradient(ellipse at 50% -10%, rgba(185,138,47,.14), transparent 55%),
repeating-linear-gradient(0deg, transparent 0 3px, rgba(36,28,18,.018) 3px 4px);
min-height:100vh;
}
a{color:var(--oxblood)}
header.masthead{
border-bottom:3px double var(--ink);
padding:2.4rem 1.5rem 1.6rem;
text-align:center;position:relative;
}
.sprockets{
position:absolute;top:0;left:0;right:0;height:16px;
background:repeating-linear-gradient(90deg, var(--ink) 0 18px, transparent 18px 30px);
opacity:.85;
}
.sprockets.bottom{top:auto;bottom:-1px;height:14px;opacity:.25}
:root{ --rule-height:14px; --rule-foot-height:8px; }
.masthead h1{
font-family:var(--display);
font-size:clamp(2.2rem,6vw,4.4rem);
letter-spacing:.06em;color:var(--oxblood);
text-shadow:2px 2px 0 rgba(36,28,18,.15);margin-top:.6rem;
}
.masthead h1 a{color:inherit;text-decoration:none}
.masthead .tagline{
font-family:var(--utility);text-transform:uppercase;
letter-spacing:.28em;font-size:.78rem;color:var(--lake);margin-top:.5rem;
}
.masthead .rule-note{
max-width:620px;margin:.9rem auto 0;
font-size:.98rem;font-style:italic;color:rgba(36,28,18,.75);
}
.masthead .admin-link{
position:absolute;top:1.2rem;right:1.2rem;
font-family:var(--utility);text-transform:uppercase;letter-spacing:.16em;
font-size:.66rem;color:var(--lake);text-decoration:none;
border:1.5px solid var(--lake);padding:.3rem .6rem;
}
.masthead .admin-link:hover{background:var(--lake);color:var(--paper)}
.era-bar{display:flex;justify-content:center;gap:.6rem;flex-wrap:wrap;padding:1.6rem 1rem 0}
.era-btn{
font-family:var(--utility);font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;
background:var(--paper);color:var(--ink);border:2px solid var(--ink);
padding:.5rem .9rem;cursor:pointer;display:inline-flex;align-items:center;gap:.5rem;
transition:background .15s ease,color .15s ease,box-shadow .15s ease;
box-shadow:3px 3px 0 rgba(36,28,18,.25);
}
.era-btn .dot{width:12px;height:12px;border:1.5px solid var(--ink);background:var(--era-c)}
.era-btn .range{opacity:.55;font-size:.62rem;letter-spacing:.08em}
.era-btn:hover,.era-btn:focus-visible{background:var(--paper-deep)}
.era-btn:focus-visible{outline:2px dashed var(--oxblood);outline-offset:3px}
.era-btn.zoomed{background:var(--era-c);color:var(--paper);box-shadow:1px 1px 0 rgba(36,28,18,.4)}
.era-btn.zoomed .dot{background:var(--paper)}
.era-btn.zoomed .range{opacity:.8}
.era-btn.dimmed{opacity:.35}
.era-hint{text-align:center;font-family:var(--utility);font-size:.64rem;letter-spacing:.2em;
text-transform:uppercase;color:rgba(36,28,18,.5);margin-top:.7rem}
.filter-row{display:none;justify-content:center;gap:1.2rem;flex-wrap:wrap;align-items:center;padding:1.1rem 1rem 0}
.filter-row.show{display:flex}
.filter-group{display:flex;align-items:center;gap:.5rem}
.filter-group label{font-family:var(--utility);font-size:.66rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(36,28,18,.65)}
.filter-group select{
font-family:var(--utility);font-size:.78rem;letter-spacing:.06em;
background:var(--paper);color:var(--ink);border:2px solid var(--ink);
padding:.4rem .6rem;cursor:pointer;box-shadow:2px 2px 0 rgba(36,28,18,.25);
}
.filter-group select:focus-visible{outline:2px dashed var(--oxblood);outline-offset:2px}
.clear-filters{
font-family:var(--utility);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;
background:none;border:none;border-bottom:2px solid var(--oxblood);color:var(--oxblood);cursor:pointer;padding:.2rem 0;
}
.timeline-wrap{padding:.4rem 0 0;position:relative}
.timeline-scroll{
position:relative;
overflow-x:auto;overflow-y:visible;padding:2.2rem 3rem .4rem;
scrollbar-width:thin;scrollbar-color:var(--oxblood) var(--paper-deep);
}
.timeline{display:flex;align-items:flex-end;gap:0;min-width:100%;width:max-content;position:relative}
.timeline.zoomed{min-width:100%}
.tick{
flex:1 0 46px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;
background:none;border:none;cursor:pointer;padding:0 2px;position:relative;
font-family:var(--utility);color:var(--ink);
}
.tick .label{
font-size:.68rem;letter-spacing:.06em;white-space:nowrap;opacity:0;
transform:translateY(6px) scale(.85);transition:opacity .18s ease,transform .18s ease;
margin-bottom:.45rem;background:var(--ink);color:var(--paper);padding:.2rem .5rem;border-radius:2px;pointer-events:none;
}
.tick .mark{width:3px;height:22px;background:var(--era-c,var(--ink));transition:height .18s ease,width .18s ease,opacity .18s ease}
.tick.has-films .mark::after{
content:"";display:block;width:7px;height:7px;border-radius:50%;
background:var(--era-c);border:1.5px solid var(--ink);transform:translate(-2.5px,-11px);
}
.timeline.zoomed .tick .label{opacity:.85;transform:none;background:none;color:var(--ink);font-size:.62rem}
.timeline.zoomed .tick:hover .label,.timeline.zoomed .tick.active .label{opacity:1;background:var(--era-c);color:var(--paper)}
.tick:hover .label,.tick:focus-visible .label,.tick.active .label{opacity:1;transform:translateY(0) scale(1)}
.tick:hover .mark,.tick:focus-visible .mark{height:38px;width:4px}
.tick.active .label{background:var(--era-c);color:var(--paper)}
.tick.active .mark{height:44px;width:5px}
.tick:focus-visible{outline:2px dashed var(--oxblood);outline-offset:4px}
.drop-zone{position:relative;min-height:120px;padding:0 1.5rem 3rem}
.drop-line{width:3px;background:var(--era-c,var(--ink));height:64px;transform-origin:top;transform:scaleY(0);position:absolute;top:0}
.drop-line.drawn{transition:transform .45s cubic-bezier(.6,0,.2,1);transform:scaleY(1)}
.year-banner{text-align:center;padding-top:70px;opacity:0;transition:opacity .3s ease .25s}
.year-banner.show{opacity:1}
.year-banner h2{font-family:var(--display);font-size:clamp(1.6rem,4vw,2.6rem);color:var(--era-c,var(--ink));letter-spacing:.04em}
.year-banner .sub{font-family:var(--utility);text-transform:uppercase;letter-spacing:.24em;font-size:.72rem;color:rgba(36,28,18,.65);margin-top:.3rem}
.year-controls{display:flex;justify-content:center;gap:1.6rem;flex-wrap:wrap;align-items:center;margin-top:1.3rem}
.control-group{display:flex;align-items:center;gap:.5rem}
.control-group .clabel{font-family:var(--utility);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(36,28,18,.6)}
.seg{display:inline-flex;border:2px solid var(--ink);box-shadow:2px 2px 0 rgba(36,28,18,.22)}
.seg button{
font-family:var(--utility);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase;
background:var(--paper);color:var(--ink);border:none;border-right:2px solid var(--ink);
padding:.42rem .7rem;cursor:pointer;display:inline-flex;align-items:center;gap:.3rem;
}
.seg button:last-child{border-right:none}
.seg button.on{background:var(--ink);color:var(--paper)}
.seg button:focus-visible{outline:2px dashed var(--oxblood);outline-offset:2px}
.seg button .dir{font-size:.8em;opacity:.85}
.shelf{display:grid;grid-template-columns:repeat(auto-fill,172px);column-gap:1.6rem;row-gap:0;
justify-content:center;align-items:start;padding:2rem 0 1rem;max-width:1160px;margin:0 auto}
.shelf > .poster-card,.shelf > .show-stack-card{grid-row:span 3;display:grid;grid-template-rows:subgrid;
align-content:start;row-gap:0;padding-bottom:1.8rem}
.shelf > .show-panel{grid-column:1 / -1;margin-bottom:1.8rem}
.poster-meta.p-foot{margin-top:0}
.show-stack-card > .show-stack{grid-row:1}
.show-stack-card > .show-title-tab{grid-row:3;align-self:start;margin-top:.35rem}
.poster-card{
background:none;border:none;padding:0;cursor:pointer;width:172px;text-align:left;
font-family:var(--body);color:var(--ink);opacity:0;transform:translateY(18px);
transition:opacity .4s ease,transform .4s ease;
}
.poster-card.in{opacity:1;transform:translateY(0)}
.poster-card:focus-visible{outline:2px dashed var(--oxblood);outline-offset:4px}
.poster{
width:172px;height:250px;border:3px solid var(--ink);box-shadow:5px 5px 0 rgba(36,28,18,.35);
position:relative;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease;background:var(--paper-deep);
}
.poster-card:hover .poster,.poster-card:focus-visible .poster{transform:translateY(-6px) rotate(-1deg);box-shadow:8px 10px 0 rgba(36,28,18,.3)}
.poster svg{display:block;width:100%;height:100%}
.poster img.tmdb{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .4s ease}
.poster img.tmdb.loaded{opacity:1}
.badge{
position:absolute;top:8px;left:8px;font-family:var(--utility);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;
background:var(--paper);border:1.5px solid var(--ink);padding:.15rem .4rem;z-index:2;
}
.badge.review{top:auto;bottom:8px;left:auto;right:8px;background:var(--gold);color:var(--ink)}
.poster-meta{margin-top:.6rem;width:172px}
.poster-meta .p-title{font-weight:600;font-size:.96rem;line-height:1.2}
.poster-meta .p-sub{font-family:var(--utility);font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(36,28,18,.6);margin-top:.2rem}
.poster-meta .p-lb{font-family:var(--utility);font-size:.66rem;letter-spacing:.08em;color:var(--gold);margin-top:.25rem;display:flex;align-items:center;gap:.3rem}
.poster-meta .p-lb .lb-num{color:var(--ink);opacity:.7}
.salt-compact{display:flex;align-items:center;gap:.3rem;margin-top:.2rem}
.salt-compact .s-num{font-family:var(--utility);font-size:.62rem;letter-spacing:.06em;color:rgba(36,28,18,.72)}
.salt-emblem{fill:var(--salt-ink);color:var(--salt-ink);display:inline-block;vertical-align:middle;flex:0 0 auto}
.show-stack-card{
background:none;border:none;padding:0;cursor:pointer;width:172px;text-align:left;font-family:var(--body);color:var(--ink);
opacity:0;transform:translateY(18px);transition:opacity .4s ease,transform .4s ease;
}
.show-stack-card.in{opacity:1;transform:translateY(0)}
.show-stack-card:focus-visible{outline:2px dashed var(--oxblood);outline-offset:4px}
.show-stack{position:relative;width:172px;height:268px}
.show-stack .mini{
position:absolute;width:94%;height:88%;border:3px solid var(--ink);overflow:hidden;background:var(--paper-deep);
box-shadow:4px 4px 0 rgba(36,28,18,.3);transition:transform .18s ease;
}
.show-stack .mini svg,.show-stack .mini img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.show-stack .mini img.tmdb{opacity:0;transition:opacity .4s ease}
.show-stack .mini img.tmdb.loaded{opacity:1}
.show-stack .mini.front{top:9%;left:3%;transform:rotate(-2deg);z-index:3}
.show-stack-card:hover .mini.front{transform:rotate(-2deg) translateY(-4px)}
.show-stack .ep-count{
position:absolute;top:8px;right:8px;z-index:4;font-family:var(--utility);font-size:.58rem;letter-spacing:.1em;text-transform:uppercase;
background:var(--ink);color:var(--paper);padding:.15rem .4rem;
}
.show-title-tab{
margin-top:.6rem;width:172px;display:inline-flex;align-items:center;justify-content:space-between;gap:.4rem;
background:var(--era-c,var(--lake));color:var(--paper);border:2px solid var(--ink);
font-family:var(--utility);font-size:.74rem;letter-spacing:.06em;padding:.4rem .55rem;cursor:pointer;
box-shadow:3px 3px 0 rgba(36,28,18,.3);text-align:left;line-height:1.15;
}
.show-title-tab .chev{font-size:1rem}
.show-stack-card:hover .show-title-tab{background:var(--ink)}
.show-panel{
flex:1 1 100%;background:var(--era-c,var(--lake));border:3px solid var(--ink);
box-shadow:6px 6px 0 rgba(36,28,18,.3);padding:1.3rem 1.3rem 0;
opacity:0;transform:translateY(10px);transition:opacity .35s ease,transform .35s ease;
}
.show-panel.in{opacity:1;transform:translateY(0)}
.show-panel .panel-eps{display:flex;gap:1.4rem;flex-wrap:wrap;justify-content:center;align-items:flex-start}
.show-panel .poster-meta .p-title,
.show-panel .poster-meta .p-sub,
.show-panel .poster-meta .p-lb .lb-num,
.show-panel .salt-compact .s-num{color:var(--paper)}
.show-panel .poster-meta .p-lb{color:var(--gold)}
.show-panel{--salt-ink:var(--paper)}
.show-close-tab{
display:block;width:100%;margin:1.3rem 0 0;background:var(--ink);color:var(--paper);border:none;
border-top:2px solid rgba(233,223,200,.4);
font-family:var(--utility);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;
padding:.8rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;
}
.show-close-tab:hover{background:var(--oxblood-deep)}
.show-close-tab:focus-visible{outline:2px dashed var(--paper);outline-offset:-4px}
.empty-state{max-width:640px;margin:1.5rem auto 0;text-align:center;border:2px dashed rgba(36,28,18,.4);padding:2rem 1.5rem;background:rgba(233,223,200,.6)}
.empty-state p{font-style:italic;font-size:1.05rem;color:rgba(36,28,18,.8)}
.jump-row{display:flex;justify-content:center;gap:1.2rem;margin-top:1.2rem;flex-wrap:wrap}
.jump-btn{
font-family:var(--utility);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;
background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:.6rem 1.1rem;cursor:pointer;
display:inline-flex;align-items:center;gap:.5rem;transition:background .15s ease,color .15s ease;
}
.jump-btn:hover,.jump-btn:focus-visible{background:var(--oxblood);border-color:var(--oxblood)}
.jump-btn:focus-visible{outline:2px dashed var(--oxblood);outline-offset:3px}
.jump-btn .arrow{font-size:1rem}
.intro-hint{text-align:center;padding:3rem 1.5rem;font-style:italic;color:rgba(36,28,18,.6);font-size:1.05rem}
.intro-hint .big-arrow{display:block;font-size:1.8rem;color:var(--oxblood);font-style:normal;margin-bottom:.4rem;animation:bob 1.6s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.stars-wrap{position:relative;display:inline-block;font-size:1.35rem;letter-spacing:.12em;line-height:1;vertical-align:middle}
.stars-wrap .stars-bg{color:rgba(36,28,18,.25)}
.stars-wrap .stars-fg{color:var(--gold);position:absolute;inset:0;overflow:hidden;white-space:nowrap}
.rating-num{font-family:var(--utility);font-size:.86rem;color:var(--ink);margin-left:.5rem;vertical-align:middle}
.salt-row{display:flex;align-items:center;gap:.5rem;margin-top:.3rem}
.salt-note{font-size:.9rem;font-style:italic;color:rgba(36,28,18,.7);margin-top:.4rem;max-width:380px}
.toast{
position:fixed;left:50%;bottom:26px;transform:translateX(-50%) translateY(20px);
background:var(--lake);color:var(--paper);font-family:var(--utility);letter-spacing:.1em;font-size:.8rem;text-transform:uppercase;
padding:.7rem 1.3rem;border:2px solid var(--ink);opacity:0;pointer-events:none;transition:opacity .25s ease,transform .25s ease;z-index:60;
}
.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
footer.site-foot{border-top:3px double var(--ink);margin-top:2rem;padding:1.6rem;text-align:center;font-family:var(--utility);font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:rgba(36,28,18,.55);line-height:2}
.foot-nav{display:flex;gap:.8rem 1.9rem;justify-content:center;align-items:baseline;flex-wrap:wrap;margin-bottom:1rem}
.foot-nav-group{display:flex;gap:1.15rem;justify-content:center;flex-wrap:wrap;align-items:baseline}
.foot-nav a{font-family:var(--utility);font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--lake);text-decoration:none;border-bottom:2px solid transparent;padding-bottom:.15rem}
.foot-nav a:hover,.foot-nav a:focus-visible{border-bottom-color:var(--oxblood);color:var(--oxblood)}
.masthead-logo{margin-top:.6rem;line-height:0}
.masthead-logo a{display:inline-block}
.masthead-logo img{width:min(460px,82vw);max-width:100%;height:auto;display:block;margin:0 auto}
.salt-legend{list-style:none;margin:1.4rem 0;padding:0}
.salt-legend li{display:flex;gap:1rem;align-items:flex-start;padding:1rem 0;border-bottom:1px solid rgba(36,28,18,.15)}
.salt-legend li:last-child{border-bottom:none}
.salt-legend .emblem{flex:0 0 56px;height:56px;border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;background:var(--paper-deep)}
.salt-legend .emblem .salt-emblem{width:36px;height:36px}
.field{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.7rem}
.field label{font-family:var(--utility);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(36,28,18,.7)}
.field input:not([type=checkbox]):not([type=radio]),.field select,.field textarea{
font-family:var(--body);font-size:1rem;padding:.55rem .7rem;border:2px solid var(--ink);background:#F5EFE0;color:var(--ink);
}
.field textarea{min-height:100px;resize:vertical}
.field .hint{font-size:.74rem;line-height:1.4;font-style:italic;color:rgba(36,28,18,.78)}
.btn{font-family:var(--utility);letter-spacing:.14em;text-transform:uppercase;font-size:.78rem;background:var(--ink);color:var(--paper);border:2px solid var(--ink);padding:.6rem 1.1rem;cursor:pointer}
.btn+.btn{margin-left:.6rem}
.salt-picker{display:flex;gap:.4rem;align-items:center;flex-wrap:wrap}
.salt-picker button{background:var(--paper);border:2px solid rgba(36,28,18,.25);cursor:pointer;padding:.25rem;line-height:0}
.salt-picker button.salt-opt{opacity:.5;transition:opacity .12s ease,border-color .12s ease}
.salt-picker button.salt-opt:hover{opacity:.85}
.salt-picker button.salt-opt.on{opacity:1;border-color:var(--ink);box-shadow:2px 2px 0 rgba(36,28,18,.25)}
.mini-note{font-style:italic;color:rgba(36,28,18,.6);margin:.4rem 0 1rem}
.mini-note,.content-page .mini-note{font-size:.82rem}
@media (prefers-reduced-motion:reduce){
*{animation:none!important;transition:none!important}
.drop-line.drawn{transform:scaleY(1)}
}
@media (max-width:640px){
.timeline-scroll{padding:2.2rem 1.2rem .4rem}
.poster-card,.show-stack-card{width:140px}
.poster{width:140px;height:204px}
.show-stack{width:140px;height:218px}
.poster-meta,.show-title-tab{width:140px}
}
@media (prefers-reduced-motion:reduce){
}
.title-myths .tm-lede,.period-myths .tm-lede{margin:.1rem 0 .6rem}
.tm-list{list-style:none;margin:0;padding:0}
.tm-row{display:flex;gap:.75rem;align-items:flex-start;padding:.6rem 0 .6rem .7rem;
border-bottom:1px solid rgba(59,42,23,.14)}
.tm-row:last-child{border-bottom:0}
.tm-supports{border-left:3px solid var(--oxblood)}
.tm-rejects{border-left:3px solid var(--moss)}
.tm-art{flex:0 0 auto;width:3.5rem;height:3.5rem}
.tm-art-none{display:block;border:1.5px solid var(--ink)}
.tm-main{min-width:0}
.title-myths .tm-group-supports{color:var(--oxblood)}
.title-myths .tm-group-rejects{color:var(--moss)}
.title-myths .tm-title,.period-myths .tm-title{font-family:var(--body);font-weight:700;font-size:1.02rem;
margin:0;display:flex;flex-wrap:wrap;gap:.5rem;align-items:baseline}
.title-myths .tm-title a,.period-myths .tm-title a{color:var(--myth)}
.tm-stance{font-family:var(--utility);font-weight:400;font-size:.66rem;letter-spacing:.1em;
text-transform:uppercase;border:1.5px solid currentColor;padding:0 .3rem}
.tm-supports .tm-stance{color:var(--oxblood)}
.tm-rejects .tm-stance{color:var(--moss)}
.title-myths .tm-verdict,.period-myths .tm-verdict{font-size:.95rem;line-height:1.45;margin:.2rem 0 0}
.tm-vlabel{font-family:var(--utility);font-size:.76rem;color:var(--myth);margin-right:.15rem}
.title-myths .tm-note{font-size:.92rem;font-style:italic;line-height:1.45;margin:.25rem 0 0}
.title-myths .tm-cats,.period-myths .tm-cats{margin:.3rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem}
.tm-cat{font-family:var(--utility);font-size:.66rem;letter-spacing:.06em;text-transform:uppercase;
border:1px solid rgba(59,42,23,.5);padding:0 .3rem;color:rgba(59,42,23,.85)}
.period-myths .tm-who{font-size:.9rem;line-height:1.45;margin:.25rem 0 0}
.tm-wl{font-family:var(--utility);font-size:.76rem}
.tm-who-supports .tm-wl{color:var(--oxblood)}
.tm-who-rejects .tm-wl{color:var(--moss)}
.gn-ask,.sn-ask{font-family:var(--utility);font-size:.66rem;line-height:1;cursor:pointer;
background:var(--paper);color:var(--oxblood);border:1.5px solid currentColor;
border-radius:50%;width:1.15rem;height:1.15rem;padding:0;margin-left:.3rem;
vertical-align:.1em;flex:0 0 auto}
.gn-ask:hover,.gn-ask.on,.sn-ask:hover,.sn-ask.on{background:var(--oxblood);color:var(--paper);border-color:var(--ink)}
.gn-ask:focus-visible,.sn-ask:focus-visible{outline:2px solid var(--lake);outline-offset:2px}
.gn-ask.grouped{background:var(--moss);color:var(--paper);border-color:var(--ink)}
.gn-host,.sn-host{position:relative;display:inline-flex;align-items:center}
.gn-panel,.sn-panel{display:block;margin:.45rem 0 .45rem .5rem;padding:.55rem .7rem;max-width:26rem;
border-left:4px solid var(--lake);background:rgba(39,75,142,.06);
font-family:var(--body);font-size:.85rem;line-height:1.45;font-weight:400;
text-transform:none;letter-spacing:normal;color:var(--ink);
white-space:normal;text-align:left}
.gn-say,.sn-say{display:block}
.gn-check{display:flex;align-items:flex-start;gap:.45rem;margin-top:.5rem;
font-family:var(--utility);font-size:.78rem;cursor:pointer}
.gn-check input{margin:.15rem 0 0;accent-color:var(--moss);flex:0 0 auto;cursor:pointer}
.pp-bookmark{
position:fixed;top:0;left:max(.6rem,2vw);z-index:65;
font-family:var(--utility);
}
.bm-tab{
list-style:none;cursor:pointer;
width:46px;height:132px;
background:url(../art/bookmark.svg) top left / 46px 132px no-repeat;
filter:drop-shadow(3px 3px 0 rgba(36,28,18,.25));
display:grid;place-items:center;
padding:34px 0 26px;
}
.bm-tab::-webkit-details-marker{display:none}
.bm-tab:hover{filter:drop-shadow(3px 3px 0 rgba(36,28,18,.45))}
.bm-tab:focus-visible{outline:3px solid var(--lake);outline-offset:2px}
.bm-tab-text{
writing-mode:vertical-rl;
color:var(--paper);font-size:.62rem;letter-spacing:.1em;
text-transform:uppercase;white-space:nowrap;
}
.bm-panel{
position:absolute;top:0;left:54px;
width:min(20rem,calc(100vw - 5rem));
background:var(--paper);border:2px solid var(--ink);
box-shadow:5px 5px 0 rgba(36,28,18,.28);
padding:.85rem .95rem .95rem;
}
.bm-hail{
font-family:var(--body);font-size:.84rem;font-style:italic;line-height:1.45;
border-left:3px solid var(--gold);padding-left:.55rem;margin-bottom:.7rem;
}
.bm-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.35rem}
.bm-go{
display:block;width:100%;text-align:left;cursor:pointer;font:inherit;
background:var(--paper);border:2px solid var(--ink);padding:.45rem .6rem;
color:var(--ink);text-decoration:none;
}
.bm-go:hover,.bm-go:focus-visible{background:var(--gold-bright)}
.bm-go[disabled]{opacity:.55;cursor:default;background:var(--paper)}
.bm-what{display:block;font-family:var(--utility);font-size:.84rem;color:var(--oxblood)}
.bm-why{display:block;font-family:var(--body);font-size:.75rem;line-height:1.35;opacity:.78;margin-top:.1rem}
.bm-said{font-family:var(--body);font-size:.78rem;line-height:1.4;color:var(--oxblood);margin-top:.55rem}
.bm-said:empty{display:none}
@media (max-width:560px){
.pp-bookmark{left:.5rem}
.bm-tab{width:40px;height:112px;background-size:40px 112px;padding:28px 0 22px}
.bm-panel{left:0;top:120px;width:calc(100vw - 1.6rem)}
header.masthead{padding-left:3.6rem;padding-right:3.6rem}
}
:root{
--paper:#E9E0C9;
--paper-deep:#DCD0B4;
--ink:#3B2A17;
--oxblood:#9E2B25;
--oxblood-deep:#7E1E1A;
--lake:#274B8E;
--lake-deep:#1C3868;
--moss:#3E6B45;
--murex:#6A3D9A;
--murex-text:#57307E;
--myth:#9A4410;
--gold:#B98A2F;
--gold-bright:#D8C078;
--leadwhite:#F7F3E8;
--leadwhite-edge:#8C7A5B;
--salt-ink:#9E2B25;
--display:'UnifrakturMaguntia','MedievalSharp',serif;
--body:'Cardo','EB Garamond',Georgia,serif;
--utility:'MedievalSharp','Cardo',serif;
}
body{
color:var(--ink);
background:
url(../art/paper-grain.svg) repeat,
radial-gradient(120% 70% at 20% 0%, rgba(158,43,37,.05), transparent 55%),
radial-gradient(120% 90% at 90% 30%, rgba(39,75,142,.05), transparent 55%),
radial-gradient(140% 120% at 50% 110%, rgba(59,42,23,.14), transparent 60%),
repeating-linear-gradient(0deg, transparent 0 29px, rgba(59,42,23,.05) 29px 30px),
var(--paper);
background-attachment:fixed;
}
a{color:var(--oxblood)}
.sprockets{
height:var(--rule-height);opacity:1;
background:url(../art/border-rule.svg) repeat-x left center;
background-size:auto 100%;
border:none;
}
.sprockets::after{content:none}
.sprockets.bottom{
height:var(--rule-foot-height);opacity:1;
background:url(../art/border-rule-foot.svg) repeat-x left center;
background-size:auto 100%;
}
header.masthead{border-bottom:0px double var(--gold);background:linear-gradient(180deg, rgba(216,192,120,.10), transparent)}
.masthead .tagline{color:var(--oxblood);font-family:var(--utility);letter-spacing:.18em}
.masthead .rule-note{font-family:var(--body);font-size:1.05rem}
.masthead .admin-link{color:var(--oxblood);border-color:var(--oxblood);font-family:var(--utility)}
.masthead .admin-link:hover{background:var(--oxblood);color:var(--paper)}
.masthead-logo img{filter:drop-shadow(0 1px 0 rgba(59,42,23,.25))}
.era-btn{
font-family:var(--utility);letter-spacing:.06em;text-transform:none;font-size:.9rem;
background:var(--paper);color:var(--oxblood);border:2px solid var(--gold);
box-shadow:2px 2px 0 rgba(59,42,23,.3);
}
.era-btn .dot{border-color:var(--ink)}
.era-btn .range{font-family:var(--body);opacity:.6}
.era-btn:hover,.era-btn:focus-visible{background:var(--paper-deep)}
.era-btn.zoomed{background:var(--oxblood);color:var(--paper);border-color:var(--gold)}
.era-btn.zoomed .dot{background:var(--gold)}
.era-hint{font-family:var(--utility);color:var(--ink);opacity:.6;letter-spacing:.12em;text-transform:none}
.filter-group label,.control-group .clabel{font-family:var(--utility);color:var(--ink);text-transform:none;letter-spacing:.08em}
.filter-group select,.seg button{font-family:var(--utility);background:var(--paper);color:var(--ink);border-color:var(--ink)}
.seg button.on{background:var(--oxblood);color:var(--paper)}
.clear-filters{font-family:var(--utility);color:var(--oxblood);border-bottom-color:var(--oxblood);text-transform:none}
.timeline{box-shadow:0 3px 0 var(--gold)}
.tick{font-family:var(--utility);color:var(--ink);border-bottom:4px solid var(--era-c,var(--ink))}
.tick .mark{background:var(--era-c,var(--oxblood))}
.tick .label{background:var(--ink);color:var(--paper);border-radius:2px}
.tick.has-films .mark::after{background:var(--paper);border-color:var(--ink)}
.timeline.zoomed .tick .label{background:none;color:var(--ink)}
.timeline.zoomed .tick:hover .label,.timeline.zoomed .tick.active .label{background:var(--era-c);color:var(--paper)}
.tick.active .mark{background:var(--era-c)}
.tick.active{border-bottom-width:7px}
.year-banner h2{font-family:var(--display);color:var(--oxblood);font-weight:400;letter-spacing:.02em;text-shadow:1px 1px 0 rgba(216,192,120,.5)}
.year-banner .sub{font-family:var(--utility);color:var(--ink);text-transform:none;letter-spacing:.1em}
.year-banner .yc-wrap{position:relative;display:inline-block;max-width:100%}
.year-banner .yc-year{font:inherit;color:inherit;letter-spacing:inherit;text-shadow:inherit;
background:none;border:0;padding:0;margin:0;cursor:pointer;
text-decoration:none;text-underline-offset:.16em}
.year-banner .yc-year:hover,.year-banner .yc-year:focus-visible,.year-banner .yc-wrap.open .yc-year{
text-decoration:underline dotted;text-decoration-thickness:.06em}
.year-banner .yc-year:focus-visible{outline:2px solid var(--gold);outline-offset:6px}
.yc-hand{position:absolute;width:2.4rem;color:var(--oxblood);line-height:0;
opacity:0;transition:opacity .15s ease;pointer-events:none}
.yc-hand svg{display:block;width:100%;height:auto}
.yc-wrap:has(.yc-year:hover) .yc-hand,.yc-wrap:has(.yc-year:focus-visible) .yc-hand,
.yc-wrap.open .yc-hand{opacity:1}
.yc-side .yc-hand{left:100%;top:50%;margin-left:.55rem;transform:translateY(-50%)}
.yc-below .yc-hand{left:50%;top:100%;margin-top:.7rem;transform:translateX(-50%) rotate(90deg)}
.yc-card{position:absolute;z-index:30;width:22rem;max-width:calc(100vw - 2rem);
box-sizing:border-box;text-align:left;padding:.85rem 1.1rem 1rem;
background:var(--paper);color:var(--ink);font-family:var(--body);
border:1px solid rgba(59,42,23,.55);
box-shadow:inset 0 0 0 4px var(--paper),inset 0 0 0 5px rgba(185,138,47,.7),
3px 3px 0 rgba(36,28,18,.22)}
.yc-card[hidden]{display:none}
.yc-side .yc-card{left:calc(100% + 3.3rem);top:50%;margin-top:-1.25rem}
.yc-below .yc-card{left:50%;top:calc(100% + 3.4rem);transform:translateX(-50%)}
.yc-card .yc-rubric{font-family:var(--utility);font-size:.74rem;letter-spacing:.12em;
text-transform:uppercase;color:var(--oxblood);margin:0 0 .4rem;padding-bottom:.4rem;
border-bottom:1.5px solid rgba(158,43,37,.4)}
.yc-card .yc-rows{margin:0}
.yc-card .yc-row{display:grid;grid-template-columns:minmax(0,7rem) minmax(0,1fr);gap:.6rem;
padding:.35rem 0;border-bottom:1px dotted rgba(59,42,23,.3)}
.yc-card .yc-row dt{font-family:var(--utility);font-size:.78rem;line-height:1.3;
color:var(--oxblood);padding-top:.12rem}
.yc-card .yc-row dd{margin:0;min-width:0}
.yc-card .yc-val{display:block;font-size:1rem;line-height:1.3}
.yc-card .yc-glyphs{font-family:'Songti SC','STSong','SimSun','Noto Serif CJK SC','Noto Serif SC',serif;
font-size:1.05em}
.yc-card .yc-roman{font-family:'EB Garamond','Times New Roman',Georgia,serif;font-style:italic}
.yc-card .yc-note{display:block;font-style:italic;font-size:.8rem;line-height:1.35;
color:rgba(59,42,23,.78);margin-top:.1rem}
.yc-card .yc-foot{font-size:.84rem;line-height:1.4;margin:.6rem 0 0}
.yc-card .yc-close{font-family:var(--utility);font-size:.68rem;letter-spacing:.06em;
text-transform:uppercase;color:rgba(59,42,23,.78);margin:.6rem 0 0;text-align:right}
@media (max-width:520px){
.yc-hand{width:1.9rem}
.yc-card .yc-row{grid-template-columns:minmax(0,5.6rem) minmax(0,1fr)}
}
.intro-hint{font-family:var(--body);color:rgba(59,42,23,.7)}
.intro-hint .big-arrow{color:var(--oxblood)}
.poster{
border:3px solid var(--ink);
box-shadow:0 0 0 3px var(--gold), 4px 4px 0 rgba(59,42,23,.35);
background:var(--paper-deep);
}
.poster-card:hover .poster,.poster-card:focus-visible .poster{box-shadow:0 0 0 3px var(--gold-bright), 6px 8px 0 rgba(59,42,23,.3)}
.badge{font-family:var(--utility);background:var(--paper);border-color:var(--ink);color:var(--ink);text-transform:none;letter-spacing:.04em}
.badge.review{background:var(--gold);color:var(--ink);border-color:var(--ink)}
.poster-meta .p-title{font-family:var(--body);font-weight:700}
.poster-meta .p-sub{font-family:var(--utility);color:rgba(59,42,23,.65);text-transform:none;letter-spacing:.04em}
.poster-meta .p-lb{font-family:var(--utility);color:var(--gold)}
.poster-meta .p-lb .lb-num{color:rgba(59,42,23,.6)}
.salt-compact{color:var(--oxblood)}
.salt-compact .s-num{font-family:var(--utility);color:var(--oxblood);font-style:italic}
.show-stack .mini{border:2px solid var(--ink);box-shadow:0 0 0 2px var(--gold),3px 3px 0 rgba(59,42,23,.3)}
.show-title-tab{font-family:var(--body);font-weight:700;font-size:1rem;letter-spacing:.01em;background:var(--oxblood);color:var(--paper);border:2px solid var(--gold)}
.show-stack .ep-count{font-family:var(--utility);background:var(--ink);color:var(--paper)}
.show-panel{border:2px solid var(--gold);box-shadow:0 0 0 2px var(--ink),4px 4px 0 rgba(59,42,23,.3)}
.show-close-tab{font-family:var(--utility);background:var(--ink);color:var(--paper)}
.show-close-tab:hover{background:var(--oxblood)}
.empty-state{border-color:var(--gold);background:rgba(216,192,120,.08)}
.empty-state p{font-family:var(--body);color:rgba(59,42,23,.8)}
.jump-btn{font-family:var(--utility);background:var(--paper);border:2px solid var(--ink);color:var(--oxblood);text-transform:none}
.jump-btn:hover,.jump-btn:focus-visible{background:var(--oxblood);color:var(--paper);border-color:var(--gold)}
.stars-wrap .stars-fg{color:var(--gold)}
.rating-num{font-family:var(--utility);color:var(--ink)}
.lede::first-letter{
font-family:var(--display);font-size:3.4em;line-height:.8;float:left;
color:var(--oxblood);margin:.05em .12em 0 0;
text-shadow:2px 2px 0 var(--gold-bright);
}
.salt-note{
font-family:var(--body);font-style:italic;color:var(--oxblood);
border-left:3px solid var(--oxblood);background:rgba(158,43,37,.06);
padding:.5rem .8rem .5rem 2rem;position:relative;max-width:none;
}
.salt-note::before{content:"\261E";position:absolute;left:.5rem;top:.45rem;font-style:normal;color:var(--oxblood);font-size:1.1rem}
.salt-legend .emblem{border-color:var(--ink);box-shadow:0 0 0 2px var(--gold)}
.toast{font-family:var(--utility);background:var(--oxblood);color:var(--paper);border-color:var(--gold);text-transform:none}
footer.site-foot{
--foot-art-h:150px;
--foot-seat:164px;
--foot-rule-h:12px;
font-family:var(--utility);color:rgba(59,42,23,.75);text-transform:none;letter-spacing:.06em;
border-top:3px double var(--gold-text);position:relative;
padding-top:calc(var(--foot-seat) + .5rem);
padding-bottom:calc(var(--foot-rule-h) + 1.5rem);
background:
radial-gradient(26% 14px at 50% var(--foot-seat), rgba(59,42,23,.11), transparent 70%),
url(../art/border-rule-foot.svg) repeat-x left bottom / auto var(--foot-rule-h),
linear-gradient(180deg,
rgba(220,208,180,0)   0,
rgba(220,208,180,.62) calc(var(--foot-seat) * .58),
var(--paper-deep)     var(--foot-seat));
}
footer.site-foot::before{
content:"";position:absolute;top:14px;left:0;right:0;height:var(--foot-art-h);
background:url(../art/drollery.png) center bottom / contain no-repeat;
}
footer.site-foot::after{
content:"";display:block;width:9px;height:9px;margin:1.2rem auto .1rem;
background:var(--oxblood);border:1px solid var(--gold);transform:rotate(45deg);
box-shadow:0 0 0 2px rgba(185,138,47,.22);
}
.foot-nav{
max-width:58rem;margin:0 auto 1.15rem;padding:.95rem 1.2rem .85rem;
border-top:1px solid var(--gold-text);
border-bottom:1px solid var(--gold-text);
background:
repeating-linear-gradient(45deg,  rgba(185,138,47,.11) 0 1px, transparent 1px 13px),
repeating-linear-gradient(-45deg, rgba(185,138,47,.11) 0 1px, transparent 1px 13px);
}
.foot-nav a{font-family:var(--utility);color:var(--oxblood);text-transform:none;letter-spacing:.06em}
.foot-nav a:hover,.foot-nav a:focus-visible{color:var(--oxblood-deep);border-bottom-color:var(--gold)}
.foot-nav-group + .foot-nav-group{gap:1.25rem}
.foot-nav-group + .foot-nav-group a{
font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(59,42,23,.86);
}
.foot-nav-group + .foot-nav-group a:hover,
.foot-nav-group + .foot-nav-group a:focus-visible{color:var(--oxblood)}
.foot-updated{
opacity:1;color:var(--oxblood);
font-family:var(--utility);font-size:.84rem;letter-spacing:.06em;
line-height:1.7;margin:0 0 .5rem;
}
.foot-credit{color:rgba(59,42,23,.92);font-size:.8rem;letter-spacing:.1em;line-height:1.8}
.foot-sources{
color:rgba(59,42,23,.78);font-size:.66rem;letter-spacing:.05em;line-height:1.75;
max-width:46rem;margin:.1rem auto 0;
}
.foot-scribe{max-width:34rem;margin:1.1rem auto 0;padding-top:.9rem;position:relative}
.foot-scribe::before{content:'';position:absolute;top:0;left:50%;width:4rem;margin-left:-2rem;
border-top:1px solid rgba(185,138,47,.7)}
.foot-scribe .fs-text{margin:0;padding:0;border:0}
.foot-scribe .fs-text p{font-family:'Almendra','Cardo',serif;font-style:italic;
font-size:1.12rem;line-height:1.45;letter-spacing:0;text-transform:none;
color:var(--ink);margin:0}
.foot-scribe .fs-source{margin-top:.35rem;font-size:.66rem;letter-spacing:.05em;
line-height:1.6;color:rgba(59,42,23,.78)}
.foot-scribe[hidden]{display:none}
@media (min-width:88rem){
footer.site-foot .foot-scribe{
--fs-w:min(15rem, calc((100% - 58rem) / 2 - 3rem));
--fs-lift:.5rem;
position:absolute;width:var(--fs-w);max-width:none;
top:calc(var(--foot-seat) + .5rem + var(--fs-lift) + var(--fs-drop,0rem));
margin:0;padding:0;text-align:left;
transform:rotate(var(--fs-tilt,0deg));transform-origin:50% 50%}
footer.site-foot .foot-scribe::before{content:none}
footer.site-foot .foot-scribe.fs-left{
left:calc(((100% - 58rem) / 2 - var(--fs-w)) / 2 + var(--fs-nudge,0rem))}
footer.site-foot .foot-scribe.fs-right{text-align:right;
right:calc(((100% - 58rem) / 2 - var(--fs-w)) / 2 - var(--fs-nudge,0rem))}
footer.site-foot .foot-scribe .fs-text p{font-size:1.02rem;line-height:1.4}
footer.site-foot .foot-scribe.fs-diagonal{
--fs-w:min(12.5rem, calc((100% - 58rem) / 2 - 4rem));--fs-lift:2.4rem}
}
@media print{ .foot-scribe{display:none !important} }
.admin-tabs button,.btn{font-family:var(--utility);text-transform:none}
.btn{background:var(--oxblood);color:var(--paper);border-color:var(--gold)}
@media (max-width:640px){
footer.site-foot{--foot-art-h:104px;--foot-seat:118px}
.foot-nav{padding:.75rem .5rem .65rem;margin-bottom:.9rem;gap:.45rem 1rem}
.foot-nav-group{gap:.45rem 1.05rem}
.foot-nav-group + .foot-nav-group a{letter-spacing:.1em}
}
.empty-drollery{display:flex;justify-content:center;margin-bottom:.8rem}
.empty-drollery svg{width:210px;height:auto}
.finder{max-width:1180px;margin:1rem auto .6rem;padding:0 1rem;display:flex;
flex-wrap:wrap;justify-content:center;gap:.6rem;align-items:flex-start}
.search-box{position:relative;flex:1 1 auto;max-width:440px}
#searchInput{width:100%;font-family:var(--utility);font-size:.95rem;color:var(--ink);
background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:.5rem .7rem;
box-shadow:2px 2px 0 rgba(59,42,23,.22)}
#searchInput::placeholder{color:rgba(59,42,23,.55)}
#searchInput:focus{outline:none;border-color:var(--oxblood);box-shadow:2px 2px 0 var(--gold)}
.search-results{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:60;list-style:none;
margin:0;padding:0;background:var(--paper);border:2px solid var(--ink);
box-shadow:4px 4px 0 rgba(59,42,23,.28);display:none;max-height:340px;overflow:auto}
.search-results.open{display:block}
.sr-item{display:flex;justify-content:space-between;align-items:baseline;gap:.7rem;
padding:.5rem .7rem;cursor:pointer;border-bottom:1px solid rgba(59,42,23,.16)}
.sr-item:last-child{border-bottom:none}
.sr-item.active,.sr-item:hover{background:var(--oxblood);color:var(--paper)}
.sr-title,.sr-year{font-family:var(--body);font-weight:700}
.sr-kind{font-family:var(--utility);font-size:.72rem;opacity:.7;white-space:nowrap}
.sr-item.active .sr-kind{opacity:.9}
.surprise-btn{flex:0 0 auto;font-family:var(--utility);font-size:.85rem;color:var(--paper);
background:var(--oxblood);border:2px solid var(--gold);padding:.5rem .95rem;cursor:pointer;
box-shadow:2px 2px 0 rgba(59,42,23,.3)}
.surprise-btn:hover{background:var(--oxblood-deep)}
.copy-view-btn{flex:0 0 auto;font-family:var(--utility);font-size:.85rem;
color:var(--oxblood);background:var(--paper);border:2px solid var(--oxblood);
padding:.5rem .95rem;cursor:pointer;box-shadow:2px 2px 0 rgba(59,42,23,.18)}
.copy-view-btn:hover{background:var(--oxblood);color:var(--paper)}
.finder .copy-said{flex:1 1 100%;text-align:center;font-family:var(--utility);
font-size:.72rem;color:var(--lake);letter-spacing:.03em}
.finder .copy-said:empty{display:none}
@media print{ .copy-view-btn,.finder .copy-said{display:none} }
.sort-caption{font-family:var(--utility);font-size:.78rem;color:var(--oxblood);opacity:.85;margin:.15rem 0 0;letter-spacing:.02em}
.tick:focus-visible,.era-btn:focus-visible,.seg button:focus-visible,.jump-btn:focus-visible,
.poster-card:focus-visible,.show-stack-card:focus-visible,.surprise-btn:focus-visible,
.foot-nav a:focus-visible,.back-btn:focus-visible,.clear-filters:focus-visible{
outline:3px solid var(--gold);outline-offset:2px}
.poster-card.flash,.show-stack-card.flash{animation:pp-flash 1.5s ease}
@keyframes pp-flash{
0%,100%{outline:0 solid transparent;outline-offset:2px}
25%,65%{outline:3px solid var(--oxblood);outline-offset:3px}
}
@media (prefers-reduced-motion:reduce){ .poster-card.flash,.show-stack-card.flash{animation:none;outline:3px solid var(--oxblood);outline-offset:3px} }
@media (max-width:640px){ .finder{flex-wrap:wrap} .search-box{max-width:none;flex:1 1 100%} }
.poster-field{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}
.poster-field .btn{flex:0 0 auto}
.yr-rail{margin:.35rem 0 .1rem}
.yr-line{position:relative;height:12px;margin:0 6px}
.yr-line::before{content:"";position:absolute;left:0;right:0;top:5px;height:1.5px;background:rgba(59,42,23,.45)}
.yr-band{position:absolute;top:3px;height:6px;min-width:2px;background:rgba(185,138,47,.45);border-radius:1px}
.yr-tick{position:absolute;top:1px;width:2px;height:10px;margin-left:-1px;background:var(--ink)}
.yr-tick.yr-circa{width:6px;height:6px;top:3px;margin-left:-3px;background:var(--paper);border:1.5px solid var(--ink);border-radius:50%;box-sizing:border-box}
.yr-tick.yr-here{width:11px;height:11px;top:.5px;margin-left:-5.5px;background:var(--oxblood);border:1.5px solid var(--paper);border-radius:50%;box-shadow:0 0 0 1px var(--oxblood);box-sizing:border-box}
.yr-ends{display:flex;justify-content:space-between;font-family:var(--utility);font-size:.6rem;letter-spacing:.04em;color:rgba(59,42,23,.7);margin-top:.1rem}
.yr-say{font-family:var(--utility);font-size:.64rem;letter-spacing:.04em;color:var(--oxblood)}
.show-panel .yr-line::before{background:rgba(233,223,200,.7)}
.show-panel .yr-tick{background:var(--paper)}
.show-panel .yr-tick.yr-circa{background:var(--era-c,var(--lake));border-color:var(--paper)}
.show-panel .yr-tick.yr-here{background:var(--oxblood);border-color:var(--paper);box-shadow:0 0 0 1px var(--paper)}
.show-panel .yr-band{background:rgba(233,223,200,.35)}
.show-panel .yr-ends,.show-panel .yr-say,.show-panel .yr-vague .yr-ends,.show-panel .yr-vague .yr-say{color:var(--paper)}
.show-panel .yr-vague .yr-line::before{border-top-color:var(--paper);background:none}
.related{margin-top:2rem;border-top:3px double var(--gold);padding-top:1rem}
.related h3{font-family:var(--utility);color:var(--lake);text-transform:none;letter-spacing:.06em;margin-bottom:.5rem}
.related ul{list-style:none;padding:0;margin:0}
.related li{display:flex;align-items:baseline;gap:.6rem;padding:.35rem 0;border-bottom:1px solid rgba(59,42,23,.18)}
.related li a{font-family:var(--body);font-weight:700;color:var(--oxblood);flex:1 1 auto}
:root{ --gold-text:#7F5F14; }
.skip-link{position:absolute;left:-9999px;top:0;z-index:200;background:var(--oxblood);color:var(--paper);
font-family:var(--utility);padding:.6rem 1rem;border:2px solid var(--gold);text-decoration:none}
.skip-link:focus{left:.5rem;top:.5rem}
main:focus{outline:none}
.timeline-wrap:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
.mini-note{opacity:1;color:rgba(59,42,23,.78)}
.poster-meta .p-sub{color:rgba(59,42,23,.78)}
.sr-kind{opacity:.85}
.era-hint{opacity:.8}
.tick.has-films .mark::after{border-color:var(--ink)}
@media (prefers-reduced-motion:reduce){
*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;
transition-duration:.001ms !important;scroll-behavior:auto !important}
}
.figures{margin-top:2rem;border-top:3px double var(--gold);padding-top:1rem}
.figures h3{font-family:var(--utility);color:var(--lake);text-transform:none;letter-spacing:.06em;margin-bottom:.6rem}
.figure-portrait{flex:0 0 150px;width:150px}
.figure-portrait svg{width:150px;height:auto;border:3px solid var(--ink);box-shadow:0 0 0 3px var(--gold),4px 4px 0 rgba(59,42,23,.3);display:block}
.period-tags{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:.4rem}
.period-tags a{display:inline-block;font-family:var(--utility);font-size:.8rem;color:var(--ink);
border:2px solid var(--ink);padding:.2rem .55rem;text-decoration:none;background:var(--paper)}
.period-tags a:hover{background:var(--ink);color:var(--paper)}
.tag-count{display:inline-block;margin-left:.4rem;padding:0 .3rem;font-size:.72em;
background:var(--ink);color:var(--paper)}
.period-tags a:hover .tag-count{background:var(--paper);color:var(--ink)}
.st-sep{opacity:.45;padding:0 .1rem}
@media (max-width:560px){ .figure-portrait{flex:0 0 110px;width:110px} .figure-portrait svg{width:110px} }
.badge.circa{top:auto;bottom:34px;left:8px;right:auto;background:var(--lake);color:var(--paper);border-color:var(--ink)}
.badge.span{top:auto;bottom:8px;left:8px;right:auto;
background:var(--murex);color:var(--paper);
border:1.5px dashed var(--paper);box-shadow:0 0 0 1.5px var(--ink)}
.span-card .poster{outline:3px dashed var(--murex);outline-offset:-3px}
.span-card .show-stack .mini.front{outline:3px dashed var(--murex);outline-offset:-3px}
.span-card .p-title{color:var(--murex-text)}
.yr-vague .yr-line::before{height:0;top:4px;border-top:2px dashed var(--murex);background:none}
.yr-vague .yr-ends,.yr-vague .yr-say{color:var(--murex-text)}
.yr-vague .yr-say{font-style:italic}
.span-legend{display:flex;align-items:center;justify-content:center;
flex-wrap:wrap;gap:.45rem;text-align:center;
margin:1rem 0 .2rem;font-family:var(--utility);font-size:.78rem;
letter-spacing:.04em;color:var(--murex-text)}
.span-legend .sl-swatch{flex:0 0 auto;width:1.5rem;height:1rem;
border:2px dashed var(--murex);background:rgba(106,61,154,.08)}
.span-legend .sl-why{display:inline-flex;align-items:center}
.badge.new{top:8px;right:8px;left:auto;bottom:auto;
background:var(--moss);color:var(--paper);border-color:var(--ink)}
.show-stack .badge.new{top:6px;right:6px;left:auto;z-index:4}
.ss-dir{font-weight:700;letter-spacing:0}
.hc-n{font-family:var(--display);font-size:1rem;line-height:1.1}
@media print {
:root{
--paper:#fff; --paper-deep:#fff; --ink:#000;
--oxblood:#6b1a16; --lake:#1d3865; --gold:#6b5214; --gold-bright:#6b5214;
--gold-text:#6b5214; --salt-ink:#6b1a16;
}
*{ -webkit-print-color-adjust:exact; print-color-adjust:exact; box-shadow:none !important }
body{ background:#fff !important; color:#000; font-size:11pt }
.sprockets, .admin-link, .skip-link, .toast, .pp-bookmark,
.back-btn, .figure-pager, .browse-tabs, .stat-sort, .finder,
.copy-link, .copy-said, .post-toc,
.ref-panel,.gn-ask,.gn-panel,.sn-ask,.sn-panel,.gl-ask,.gl-tip-panel,.gl-filter,.gl-jump,.era-bar,.era-hint,.filter-row,.timeline-wrap,.controls,.foot-nav,footer.site-foot::before,.empty-drollery,.notfound-art{ display:none !important }
header.masthead{ border-bottom:1pt solid #000; padding:0 0 .4rem; margin-bottom:.8rem;
background:none !important }
.masthead .tagline{ font-size:8pt; letter-spacing:.1em }
.masthead-logo img, .masthead-logo svg{ width:180px !important; max-width:40% }
main{ max-width:none; padding:0 }
a{ color:#000; text-decoration:none }
.salt-note{ page-break-inside:avoid; background:none; border-left:2pt solid var(--oxblood) }
.figures, .related{ page-break-inside:avoid; border-top:1pt solid #000 }
.figure-portrait{ flex:0 0 110px; width:110px }
.figure-portrait svg{ width:110px }
.era-ribbons{ display:none }
.period-tags a{ border:.75pt solid #000 }
.review-body a[href^="http"]::after,.related a::after,.period-tags a::after{
content:" (" attr(href) ")"; font-size:8pt; color:#444; word-break:break-all;
}
.related a[href^="review.html"]::after,.period-tags a::after{ content:"" }
footer.site-foot{ padding-top:.6rem !important; padding-bottom:.6rem !important;
border-top:1pt solid #000; background:none !important;
font-size:8pt; page-break-inside:avoid }
footer.site-foot::before, footer.site-foot::after{ content:none !important }
}
.era-tools{display:flex;justify-content:space-between;gap:1rem;max-width:1180px;margin:.6rem auto 0;padding:0 1rem}
.tool-btn{font-family:var(--utility);font-size:.85rem;background:var(--paper);color:var(--oxblood);
border:2px solid var(--gold);padding:.35rem .9rem;cursor:pointer;box-shadow:2px 2px 0 rgba(59,42,23,.25)}
.tool-btn:hover{background:var(--paper-deep)}
.tool-btn.on{background:var(--oxblood);color:var(--paper);border-color:var(--ink)}
.compare-panel{display:flex;justify-content:center;align-items:center;gap:1.2rem;flex-wrap:wrap;
max-width:1180px;margin:.7rem auto 0;padding:.7rem 1rem;border:2px dashed var(--ink);background:rgba(59,42,23,.04)}
.compare-panel label{font-family:var(--utility);font-size:.82rem;display:flex;align-items:center;gap:.4rem}
.compare-panel .cmp-alt-lab{gap:.3rem;cursor:pointer}
.compare-panel .cmp-slot{display:inline-flex;align-items:center;gap:.4rem}
.compare-panel .cmp-alt-lab[hidden]{display:none}
.cc-alt{font-family:var(--utility);font-size:.62rem;letter-spacing:.06em;text-transform:uppercase;
color:var(--lake);border:1px solid rgba(40,70,110,.45);padding:0 .3rem;margin-left:.3rem;white-space:nowrap}
.compare-panel select{font-family:var(--utility);background:var(--paper);color:var(--ink);border:2px solid var(--ink);padding:.25rem .4rem;max-width:260px}
.timeline{position:relative}
.timeline.comparing{padding-top:30px;padding-bottom:30px}
.cmp-layer{position:absolute;pointer-events:none;z-index:1}
.cmp-band{position:absolute;height:0;border-top:3px solid currentColor}
.cmp-band::before,.cmp-band::after{content:"";position:absolute;top:-3px;
width:3px;height:8px;background:currentColor}
.cmp-band::before{left:0}
.cmp-band::after{right:0}
.cmp-a{color:var(--lake)}
.cmp-b{color:var(--moss);border-top-style:dashed}
.cmp-c{color:var(--oxblood);border-top-style:dotted}
.timeline.comparing{--cmp-stripe:4px}
.timeline.comparing .tick{padding-top:calc(var(--cmp-stripe) * 3);border-bottom-width:7px}
.timeline.comparing .tick:hover .mark,
.timeline.comparing .tick:focus-visible .mark,
.timeline.comparing .tick.active .mark{height:22px}
.cmp-label{position:absolute;display:inline-flex;align-items:baseline;gap:.4rem;height:24px;box-sizing:border-box;
font-family:var(--utility);font-size:.7rem;line-height:1.2;white-space:nowrap;
padding:.18rem .5rem;background:var(--paper);border:2px solid currentColor;
box-shadow:2px 2px 0 rgba(59,42,23,.25);pointer-events:none;max-width:none}
.cmp-label-a{color:var(--lake)}
.cmp-label-c{color:var(--oxblood)}
.cmp-label-b{color:var(--moss)}
.timeline.comparing{padding-top:56px}
.cmp-label::after{content:"";position:absolute;left:var(--tick-x,50%);width:2px;
top:100%;height:var(--cmp-stem,3px);background:currentColor;opacity:.8}
.cmp-label .cb-tag{font-family:var(--display);font-size:1.05em;font-weight:400;
color:var(--paper);background:currentColor;padding:0 .3rem;border-radius:2px}
.cmp-label-a .cb-tag{background:var(--lake)}
.cmp-label-b .cb-tag{background:var(--moss)}
.cmp-label-c .cb-tag{background:var(--oxblood)}
.cmp-label .cb-name{font-weight:700;color:var(--ink);letter-spacing:.01em}
.cmp-label .cb-range{color:var(--ink);opacity:.7;font-size:.92em}
.tick.in-cmp-a{--cmp-t-a:var(--lake)}
.tick.in-cmp-b{--cmp-t-b:var(--moss)}
.tick.in-cmp-c{--cmp-t-c:var(--oxblood)}
.tick.in-cmp-a,.tick.in-cmp-b,.tick.in-cmp-c{
background-image:
linear-gradient(var(--cmp-t-a,transparent),var(--cmp-t-a,transparent)),
linear-gradient(var(--cmp-t-b,transparent),var(--cmp-t-b,transparent)),
linear-gradient(var(--cmp-t-c,transparent),var(--cmp-t-c,transparent));
background-repeat:no-repeat;
background-size:100% var(--cmp-stripe,4px);
background-position:0 0,0 var(--cmp-stripe,4px),0 calc(var(--cmp-stripe,4px) * 2)}
.hist-panel{max-width:1180px;margin:.7rem auto 0;padding:.75rem .9rem .85rem;
border:2px solid var(--ink);background:var(--paper);
box-shadow:inset 0 0 0 2px var(--paper), inset 0 0 0 3px rgba(185,138,47,.55),
3px 3px 0 rgba(59,42,23,.22)}
.hist-head{display:grid;grid-template-columns:auto minmax(0,1fr);
gap:.2rem .95rem;align-items:start}
.hist-year{grid-column:1;display:flex;flex-direction:column;align-items:center;
border:2px solid var(--ink);background:var(--paper-deep);
padding:.25rem .7rem .3rem;box-shadow:2px 2px 0 rgba(59,42,23,.2);cursor:pointer}
.hy-label{font-family:var(--utility);font-size:.56rem;letter-spacing:.18em;
text-transform:uppercase;color:rgba(59,42,23,.8)}
.hy-value{font-family:var(--display);font-size:2rem;line-height:1.05;
color:var(--oxblood);font-variant-numeric:tabular-nums}
.hist-lede{grid-column:2;font-family:var(--body);font-size:.92rem;line-height:1.5;
max-width:44rem;margin:0}
.hist-slider{display:grid;grid-template-columns:minmax(0,1fr) auto;
gap:.5rem .9rem;align-items:center;margin-top:.55rem}
.hist-rule{position:relative;min-width:0}
.hist-notches{position:absolute;left:0;right:0;top:.52rem;height:1.05rem;
pointer-events:none}
.hist-notches span{position:absolute;top:0;width:1px;height:100%;
background:rgba(59,42,23,.38);transform:translateX(-.5px)}
.hist-range,.ly-range{-webkit-appearance:none;appearance:none;width:100%;
background:transparent;margin:0;height:2.1rem;display:block;cursor:pointer}
.hist-range:focus,.ly-range:focus{outline:none}
.hist-range:focus-visible,.ly-range:focus-visible{outline:2px dashed var(--gold);outline-offset:3px}
.hist-range::-webkit-slider-runnable-track,.ly-range::-webkit-slider-runnable-track{height:10px;border:2px solid var(--ink);
background:linear-gradient(90deg,var(--gold-bright) 0 var(--hist-pct,100%),
var(--paper-deep) var(--hist-pct,100%) 100%)}
.hist-range::-moz-range-track,.ly-range::-moz-range-track{height:10px;border:2px solid var(--ink);
background:linear-gradient(90deg,var(--gold-bright) 0 var(--hist-pct,100%),
var(--paper-deep) var(--hist-pct,100%) 100%)}
.hist-range::-webkit-slider-thumb,.ly-range::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;
width:.85rem;height:1.6rem;margin-top:-.53rem;border:2px solid var(--ink);
background:var(--oxblood);box-shadow:1px 1px 0 rgba(59,42,23,.4);cursor:grab}
.hist-range::-moz-range-thumb,.ly-range::-moz-range-thumb{width:.85rem;height:1.6rem;border:2px solid var(--ink);
border-radius:0;background:var(--oxblood);
box-shadow:1px 1px 0 rgba(59,42,23,.4);cursor:grab}
.hist-range:active::-webkit-slider-thumb,.ly-range:active::-webkit-slider-thumb{cursor:grabbing;background:var(--oxblood-deep)}
.hist-range:active::-moz-range-thumb,.ly-range:active::-moz-range-thumb{cursor:grabbing;background:var(--oxblood-deep)}
.hist-ends{display:flex;justify-content:space-between;margin-top:-.3rem;
font-family:var(--utility);font-size:.6rem;color:rgba(59,42,23,.78);
font-variant-numeric:tabular-nums}
.hist-panel .hist-slider .clear-filters{grid-column:2;white-space:nowrap}
.hist-count{font-family:var(--utility);font-size:.72rem;line-height:1.45;
margin:.45rem 0 0;color:rgba(59,42,23,.85);max-width:52rem}
.hist-cmp-toggle{display:inline-flex;align-items:center;gap:.45rem;
margin-top:.6rem;font-family:var(--utility);font-size:.7rem;
color:rgba(59,42,23,.85);cursor:pointer}
.hist-cmp-toggle input{width:.95rem;height:.95rem;accent-color:var(--moss);
cursor:pointer;flex:0 0 auto}
.hist-slider-a{margin-top:.3rem;grid-template-columns:auto minmax(0,1fr)}
.hist-year-a{display:flex;flex-direction:column;gap:.05rem;min-width:4.6rem}
.hist-year-a .hy-label{font-size:.56rem}
.hist-year-a .hy-value{font-size:1.25rem;color:var(--moss-deep,#2A5340)}
.hist-range-a{height:1.7rem}
.hist-range-a::-webkit-slider-runnable-track{height:7px;
background:linear-gradient(90deg,var(--moss) 0 var(--hist-pct-a,0%),
var(--paper-deep) var(--hist-pct-a,0%) 100%)}
.hist-range-a::-moz-range-track{height:7px;
background:linear-gradient(90deg,var(--moss) 0 var(--hist-pct-a,0%),
var(--paper-deep) var(--hist-pct-a,0%) 100%)}
.hist-range-a::-webkit-slider-thumb{width:.7rem;height:1.25rem;margin-top:-.42rem;
background:var(--moss)}
.hist-range-a::-moz-range-thumb{width:.7rem;height:1.25rem;background:var(--moss)}
.hist-range-a:active::-webkit-slider-thumb{background:var(--moss-deep,#2A5340)}
.hist-range-a:active::-moz-range-thumb{background:var(--moss-deep,#2A5340)}
.hist-slider-a .hist-notches{top:.34rem;height:.85rem}
.hist-detail{display:grid;
grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr);
gap:.75rem;margin-top:.7rem;
align-items:stretch}
.hist-panel .hist-detail-cmp{grid-template-columns:repeat(4,minmax(0,1fr))}
.hist-col{min-width:0;display:flex;flex-direction:column;
border:2px solid var(--ink);background:var(--paper);
border-radius:1.5rem 1.5rem 3px 3px;
box-shadow:2px 2px 0 rgba(59,42,23,.16);overflow:hidden}
.hist-rubric{margin:0;padding:.4rem .7rem .32rem;text-align:center;
background:var(--paper-deep);border-bottom:2px solid var(--gold);
font-family:var(--utility);font-size:.62rem;letter-spacing:.14em;
text-transform:uppercase;color:var(--oxblood);font-weight:400}
.hc-list{list-style:decimal;margin:0;padding:.15rem 0 .15rem 2.2rem}
.hc-list li::marker{color:#6A4E0F;font-family:var(--utility);
font-size:.62rem;font-variant-numeric:tabular-nums}
.hc-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.5rem;
align-items:baseline;padding:.19rem .6rem .19rem .15rem;
font-family:var(--utility);font-size:.74rem;line-height:1.3}
.hc-list li:nth-child(odd){background:rgba(185,138,47,.10)}
.hc-list a{color:var(--oxblood);text-decoration:none;min-width:0;
overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hc-list a:hover,.hc-list a:focus-visible{color:var(--oxblood-deep);
text-decoration:underline;text-underline-offset:2px}
.hc-n{color:rgba(59,42,23,.78);font-size:.64rem;white-space:nowrap;
font-variant-numeric:tabular-nums}
.hc-pager{margin:.35rem 0 .1rem;justify-content:center}
.hist-panel .hc-note{margin:auto 0 0;padding:.3rem .6rem .4rem;text-align:center;
font-size:.62rem;line-height:1.4;border-top:1px solid rgba(59,42,23,.18)}
.hist-panel .hc-none{margin:0;padding:.7rem .6rem;text-align:center;font-size:.7rem}
.hl-chart{display:flex;flex-direction:column;align-items:center;gap:.45rem;
padding:.6rem .5rem .1rem}
.hl-pie{width:8.2rem;height:8.2rem;flex:0 0 auto}
.hl-key{list-style:none;margin:0;padding:0 .3rem;width:100%;min-width:0}
.hl-key li{display:grid;grid-template-columns:.7rem minmax(0,1fr) auto;gap:.4rem;
align-items:baseline;font-family:var(--utility);font-size:.7rem;
padding:.1rem 0;border-bottom:1px solid rgba(59,42,23,.12)}
.hl-key li:last-child{border-bottom:none}
.hl-swatch{width:.7rem;height:.7rem;border:1.5px solid var(--ink);align-self:center}
.hl-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hl-n{color:rgba(59,42,23,.78);font-size:.64rem;white-space:nowrap;
font-variant-numeric:tabular-nums}
.hl-name a{color:var(--oxblood);text-decoration:none}
.hl-name a:hover,.hl-name a:focus-visible{text-decoration:underline;
text-underline-offset:2px}
.hist-facet{display:flex;gap:0;border-bottom:1px solid rgba(59,42,23,.18);
background:var(--paper-deep)}
.hist-facet button{flex:1 1 0;min-width:0;border:none;background:none;
padding:.28rem .3rem;cursor:pointer;font-family:var(--utility);
font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;
color:rgba(59,42,23,.7)}
.hist-facet button+button{border-left:1px solid rgba(59,42,23,.18)}
.hist-facet button:hover{color:var(--oxblood)}
.hist-facet button.on{background:var(--paper);color:var(--oxblood);font-weight:700;
box-shadow:inset 0 -2px 0 var(--oxblood)}
.hist-facet button:focus-visible{outline:2px dashed var(--gold);outline-offset:-2px}
.hist-new{margin:.1rem .45rem .35rem;font-family:var(--utility);font-size:.66rem}
.hist-new>summary{cursor:pointer;color:var(--moss-deep,#2A5340);
padding:.2rem 0;list-style-position:inside}
.hist-new>summary:focus-visible{outline:2px dashed var(--gold);outline-offset:2px}
.hist-new-list{list-style:none;margin:.15rem 0 0;padding:0}
.hist-new-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:.4rem;
align-items:baseline;padding:.12rem .2rem;line-height:1.3;
border-bottom:1px solid rgba(59,42,23,.1)}
.hist-new-list li:last-child{border-bottom:none}
.hist-delta{border-top:1px solid rgba(59,42,23,.18);color:var(--moss-deep,#2A5340)}
@media (max-width:900px){
.hist-panel .hist-detail,
.hist-panel .hist-detail-cmp{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.hist-langs{grid-column:1 / -1}
.hl-chart{flex-direction:row;justify-content:center;gap:1.2rem;flex-wrap:wrap}
.hl-key{width:auto;flex:1 1 14rem}
}
@media (max-width:560px){
.hist-head{grid-template-columns:minmax(0,1fr);gap:.5rem}
.hist-year{flex-direction:row;align-items:baseline;gap:.6rem;align-self:start}
.hy-value{font-size:1.6rem}
.hist-lede{grid-column:1}
.hist-slider{grid-template-columns:minmax(0,1fr)}
.hist-panel .hist-slider .clear-filters{grid-column:1;justify-self:start}
.hist-slider-a{grid-template-columns:minmax(0,1fr)}
.hist-panel .hist-detail,
.hist-panel .hist-detail-cmp{grid-template-columns:minmax(0,1fr)}
.hl-chart{flex-direction:column}
.hl-key{width:100%}
}
.threads-panel{max-width:1180px;margin:.7rem auto 0;padding:0 1rem}
.threads-book{position:relative;border:2px solid var(--ink);background:var(--paper);
box-shadow:3px 3px 0 rgba(59,42,23,.22)}
.threads-book::before{content:"";position:absolute;left:0;right:0;top:0;height:5px;
background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 13px);opacity:.35}
.thread-tabs{display:flex;flex-wrap:wrap;gap:.4rem .35rem;align-items:flex-end;
justify-content:center;padding:.75rem 1rem .6rem;max-height:none}
.thread-tab{position:relative;font-family:var(--utility);font-size:.76rem;line-height:1.15;
cursor:pointer;color:var(--ink);background:linear-gradient(180deg,#DCCFB2 0%,#CFC0A0 100%);
border:2px solid var(--ink);border-bottom-width:1px;
padding:.42rem .7rem .3rem;border-radius:9px 9px 0 0;
box-shadow:inset 0 2px 0 rgba(255,255,255,.35), 2px -1px 0 rgba(59,42,23,.18);
max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
transform:translateY(0);transition:transform .12s ease, background .12s ease}
.thread-tab::before{content:"";position:absolute;left:50%;top:3px;transform:translateX(-50%);
width:14px;height:2px;background:rgba(59,42,23,.45);
box-shadow:0 3px 0 rgba(59,42,23,.25)}
.thread-tab::after{content:"";position:absolute;left:.35rem;right:.35rem;bottom:-1px;height:2px;
background:rgba(59,42,23,.3)}
.thread-tab:hover{background:linear-gradient(180deg,#E6DCC2 0%,#D8CBAB 100%);transform:translateY(-2px)}
.thread-tab:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.thread-tab.on{background:var(--th-c,var(--oxblood));
color:var(--paper);border-color:var(--ink);transform:translateY(-3px);
box-shadow:inset 0 2px 0 rgba(255,255,255,.18), 2px -2px 0 rgba(59,42,23,.3)}
.thread-tab.on::before{background:rgba(233,224,201,.6);box-shadow:0 3px 0 rgba(233,224,201,.3)}
.thread-tab.on::after{background:var(--th-c,var(--oxblood))}
.thread-tab:disabled{opacity:.4;cursor:default;transform:none}
.thread-tab:disabled:hover{background:linear-gradient(180deg,#DCCFB2 0%,#CFC0A0 100%);transform:none}
.tt-letter{display:inline-block;font-weight:700;margin-right:.35rem;
border:1.5px solid currentColor;padding:0 .22rem;line-height:1.1}
.tt-from{margin-left:.45rem;opacity:.6;font-size:.9em}
.thread-tab.on .tt-from{opacity:.8}
.thread-tools{display:flex;justify-content:flex-end;padding:.6rem 1rem 0;
font-family:var(--utility);font-size:.72rem;color:var(--lake)}
.thread-tools .tt-expand{display:inline-flex;align-items:center;gap:.35rem;cursor:pointer}
.thread-tools input{accent-color:var(--oxblood)}
.thread-tools{gap:1rem;align-items:center;flex-wrap:wrap}
.thread-tools .tt-find{margin-right:auto;font-family:var(--utility);font-size:.78rem;color:var(--ink);
background:var(--paper);border:1px solid var(--ink);padding:.3rem .5rem;width:min(16rem,100%)}
.fpk{position:relative;display:inline-block}
.fpk[hidden]{display:none}
.fpk .fpk-toggle{display:inline-flex;align-items:center;gap:.5rem;max-width:18rem;
font-family:var(--utility);font-size:.78rem;letter-spacing:.04em;color:var(--ink);
background:var(--paper);border:2px solid var(--ink);padding:.35rem .6rem;cursor:pointer;
box-shadow:2px 2px 0 rgba(36,28,18,.25)}
.fpk .fpk-toggle.on{border-color:var(--oxblood);color:var(--oxblood)}
.fpk .fpk-toggle:focus-visible{outline:2px dashed var(--oxblood);outline-offset:2px}
.fpk .fpk-face{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.fpk .fpk-caret{font-size:.7rem;opacity:.7}
.fpk .fpk-panel{position:absolute;top:100%;left:0;z-index:45;margin-top:.35rem;
width:min(24rem, calc(100vw - 2rem));max-height:min(28rem, 70vh);display:flex;flex-direction:column;
background:var(--paper);color:var(--ink);border:1px solid var(--ink);border-left-width:4px;
box-shadow:3px 3px 0 rgba(59,42,23,.22);text-align:left;font-family:var(--utility);font-size:.8rem;
letter-spacing:normal;text-transform:none}
.fpk .fpk-panel[hidden]{display:none}
.fpk.fpk-right .fpk-panel{left:auto;right:0}
.fpk .fpk-search{margin:.6rem .6rem .3rem;font:inherit;color:var(--ink);background:var(--paper);
border:1px solid var(--ink);padding:.35rem .5rem}
.fpk .fpk-mode{display:flex;align-items:center;gap:.3rem;margin:0 .6rem .3rem;color:var(--lake)}
.fpk .fpk-mode[hidden]{display:none}
.fpk .fpk-m{font:inherit;background:none;border:1px solid var(--ink);color:var(--ink);padding:.05rem .45rem;cursor:pointer}
.fpk .fpk-m.on{background:var(--ink);color:var(--paper)}
.fpk .fpk-list{overflow-y:auto;min-height:0;flex:1;padding:0 .4rem .4rem}
.fpk p.fpk-head{margin:.55rem .2rem .15rem;font-family:'Almendra','Cardo',serif;font-style:italic;
font-size:.92rem;line-height:1.3;color:var(--oxblood);border-bottom:1px solid rgba(139,30,30,.25)}
.fpk p.fpk-none{margin:.6rem .3rem;font-size:.8rem;line-height:1.4;color:var(--lake)}
.fpk ul.fpk-tree,.fpk ul.fpk-kids{list-style:none;margin:0;padding:0}
.fpk ul.fpk-kids{margin-left:1rem;border-left:1px dotted rgba(36,28,18,.35)}
.fpk li.fpk-item{display:grid;grid-template-columns:1.2rem minmax(0,1fr);align-items:center;
margin:0;font-family:var(--utility);font-size:.8rem;line-height:1.3}
.fpk li.fpk-item > ul{grid-column:1 / -1}
.fpk .fpk-twisty{font:inherit;background:none;border:0;padding:0;width:1.2rem;color:var(--oxblood);cursor:pointer}
.fpk .fpk-opt{display:flex;align-items:center;gap:.4rem;padding:.2rem .25rem;cursor:pointer;min-width:0}
.fpk .fpk-opt:hover{background:var(--paper-deep)}
.fpk .fpk-opt input{accent-color:var(--oxblood);margin:0;flex:none}
.fpk .fpk-panel .fpk-opt input{width:auto;min-width:0;max-width:none;padding:0;border:0;box-shadow:none;font:inherit}
.fpk .fpk-panel .fpk-search{min-width:0;max-width:none;width:auto}
.fpk .fpk-opt.on .fpk-name{color:var(--oxblood)}
.fpk .fpk-name{flex:1;min-width:0;overflow-wrap:anywhere}
.fpk .fpk-n{flex:none;font-variant-numeric:tabular-nums;color:var(--lake);font-size:.74rem}
.fpk .fpk-foot{display:flex;justify-content:space-between;gap:.5rem;padding:.4rem .6rem;border-top:1px solid rgba(36,28,18,.2)}
.fpk .fpk-foot button{font-family:var(--utility);font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;
background:none;border:1px solid var(--ink);color:var(--ink);padding:.25rem .6rem;cursor:pointer}
.fpk .fpk-foot button:disabled{opacity:.4;cursor:default}
@media (max-width:40rem){
.fpk .fpk-panel{position:fixed;left:1rem;right:1rem;top:auto;bottom:1rem;width:auto;max-height:70vh}
.fpk.fpk-right .fpk-panel{left:1rem;right:1rem}
}
.thread-tabs.tt-chapters{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,27rem),1fr));
gap:.9rem 1.6rem;align-items:start;justify-content:stretch;padding:.6rem 1rem .8rem}
.thread-chapter{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:.3rem .7rem;align-items:start;min-width:0}
.thread-chapter.tt-wide{grid-column:1 / -1}
.thread-rubric{font-family:'Almendra','Cardo',serif;font-style:italic;font-size:.95rem;line-height:1.2;
color:var(--oxblood);text-align:left;padding:.5rem .6rem .2rem 0;
border-right:1px solid rgba(185,138,47,.55);align-self:stretch}
.thread-rubric .tr-mark{font-style:normal;font-weight:700;margin-right:.25rem;color:var(--oxblood)}
.tt-chapter-tabs{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;
gap:.5rem .4rem;padding-top:.35rem;min-width:0}
@media (max-width:40rem){
.thread-chapter{grid-template-columns:minmax(0,1fr)}
.thread-rubric{border-right:0;border-bottom:1px solid rgba(185,138,47,.55);padding:0 0 .2rem}
}
.tt-chapters .thread-tab{display:inline-flex;align-items:baseline;overflow:visible}
.tt-chapters .tt-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}
.tt-chapters .thread-tab.has-parts{margin:.4rem .55rem 0 0;
box-shadow:inset 0 2px 0 rgba(255,255,255,.35),
3px -3px 0 -1px #D3C5A6, 3px -3px 0 1px var(--ink),
6px -6px 0 -1px #C9BA98, 6px -6px 0 1px rgba(59,42,23,.75)}
.tt-chapters .thread-tab.has-parts.on{box-shadow:inset 0 2px 0 rgba(255,255,255,.18),
3px -3px 0 -1px #D3C5A6, 3px -3px 0 1px var(--ink),
6px -6px 0 -1px #C9BA98, 6px -6px 0 1px rgba(59,42,23,.75)}
.tt-parts{position:absolute;top:-.7rem;right:-.75rem;z-index:2;min-width:1.15rem;height:1.15rem;
padding:0 .2rem;display:grid;place-items:center;border-radius:50%;
font-family:var(--utility);font-size:.66rem;font-weight:700;line-height:1;
color:var(--paper);background:var(--oxblood);border:1.5px solid var(--gold);
box-shadow:1px 1px 0 rgba(59,42,23,.35)}
.thread-leaf,.pdt-leaf{border-top:2px solid var(--ink);background:
repeating-linear-gradient(0deg,transparent 0 15px,rgba(59,42,23,.06) 15px 16px),
var(--paper-deep);
padding:.5rem .8rem}
.thread-leaf{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.thread-hint{font-family:var(--utility);font-size:.74rem;color:rgba(59,42,23,.8);
flex:1 1 22rem;min-width:0}
.th-idle{display:block}
.th-one{display:block}
.th-nameline{display:flex;flex-wrap:wrap;align-items:baseline;
gap:.2rem 1rem;justify-content:space-between}
.th-year{flex:0 0 auto;font-family:var(--utility);font-size:.78rem;
color:rgba(59,42,23,.78);white-space:nowrap}
.th-one .th-name{display:inline-block;font-size:.86rem;color:var(--th-c);font-weight:700}
.th-one .th-desc{display:block;font-family:var(--body);font-size:.92rem;line-height:1.5;
color:var(--ink);margin:.25rem 0 .2rem;max-width:44rem}
.th-one .th-unwritten{font-style:italic;color:rgba(59,42,23,.78)}
.th-one .th-count{display:block;opacity:.75}
.th-one .th-shape{display:block;font-size:.68rem;letter-spacing:.1em;text-transform:uppercase;
color:var(--oxblood);margin:.15rem 0 0}
.th-one .th-parts{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem .5rem;margin:.1rem 0 .3rem}
.th-parts-head{letter-spacing:.1em;text-transform:uppercase;font-size:.64rem;color:var(--lake)}
.th-part{font:inherit;font-size:.74rem;background:none;border:0;padding:0;cursor:pointer;
color:var(--lake);border-bottom:1px solid rgba(216,192,120,.8)}
.th-part:hover,.th-part:focus-visible{color:var(--oxblood);border-color:var(--oxblood)}
.th-shape .th-part{font-size:inherit;letter-spacing:inherit;text-transform:inherit}
.th-head{display:block;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;
color:var(--lake);margin-bottom:.35rem}
.th-legend{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.4rem}
.th-legend li{display:grid;grid-template-columns:1.5rem 1fr;gap:.1rem .5rem;align-items:baseline}
.th-key{grid-row:1 / span 2;justify-self:start;font-weight:700;font-size:.8rem;
color:var(--paper);background:var(--th-c);border:2px solid var(--ink);
width:1.5rem;height:1.5rem;display:grid;place-items:center;line-height:1}
.th-legend .th-name{font-size:.82rem;font-weight:700;color:var(--th-c)}
.th-legend .th-desc{grid-column:2;font-family:var(--body);font-size:.86rem;
line-height:1.45;color:var(--ink);opacity:.9;max-width:44rem}
.th-clear{flex:0 0 auto;align-self:flex-start}
.th-badges{position:absolute;top:8px;left:8px;display:flex;gap:3px;z-index:3}
.show-stack .th-badges{top:6px;left:6px;z-index:4}
.th-badge{font-family:var(--utility);font-size:.68rem;line-height:1;font-weight:700;
color:var(--paper);background:var(--th-c);border:2px solid var(--ink);
width:1.15rem;height:1.15rem;display:grid;place-items:center;
box-shadow:1px 1px 0 rgba(59,42,23,.35)}
.th-badge.th-badge-via{border-style:dashed}
.myth-badge-supports{--th-c:var(--oxblood)}
.myth-badge-rejects{--th-c:var(--moss)}
.thread-pager{display:flex;align-items:center;gap:.6rem;font-family:var(--utility);font-size:.75rem}
.thread-pager button{font-family:var(--utility);background:var(--paper);color:var(--oxblood);
border:2px solid var(--ink);padding:.1rem .55rem;cursor:pointer}
.thread-pager button:disabled{opacity:.4;cursor:default}
.threads{margin-top:1.6rem;border-top:3px double var(--gold);padding-top:1rem}
.threads h3{font-family:var(--utility);color:var(--moss);text-transform:none;letter-spacing:.06em;margin-bottom:.5rem}
@media (max-width:640px){ .era-tools{flex-wrap:wrap} .compare-panel select{max-width:100%} }
@media print{ .era-tools,.compare-panel,.threads-panel{display:none !important} }
[hidden]{display:none !important}
.rating-none{font-style:italic;color:rgba(59,42,23,.78);font-size:.86em;
font-variant-numeric:normal;letter-spacing:0;white-space:normal}
.rating-none .rn-why{font-size:.9em}
.poster-meta .p-lb.unrated{color:rgba(59,42,23,.78);font-style:italic}
.poster-meta .p-lb.unrated .lb-num{color:rgba(59,42,23,.6);font-style:normal}
.salt-compact.unsalted,.salt-row.unsalted{opacity:.72;font-style:italic}
.salt-compact.unsalted .salt-emblem,.salt-row.unsalted .salt-emblem{opacity:.7}
.salt-opt[title="Unsalted"]{border-style:dashed}
.timeline-scroll{
-webkit-overflow-scrolling:touch;
overscroll-behavior-x:contain;
scroll-snap-type:x proximity;
scroll-padding-inline:1rem;
}
.tick{scroll-snap-align:center}
.timeline-wrap::before,.timeline-wrap::after{
content:"";position:absolute;top:0;bottom:0;width:26px;pointer-events:none;z-index:2}
.timeline-wrap::before{left:0;background:linear-gradient(90deg,var(--paper),rgba(233,224,201,0))}
.timeline-wrap::after{right:0;background:linear-gradient(270deg,var(--paper),rgba(233,224,201,0))}
@media (hover:none) and (pointer:coarse){
.tick{flex:1 0 52px;min-height:48px;padding-bottom:.35rem}
.tick .mark{min-height:14px}
.era-btn,.seg button,.tool-btn,.jump-btn,.browse-tabs button,.stat-sort button,.thread-tab,.thread-pager button,.be-fix{min-height:44px}
.filter-group select,#searchInput,.browse-filters select{min-height:44px}
a,button,select,input,summary,.poster-card,.show-stack-card,.tick,.heat-cell{
-webkit-tap-highlight-color:rgba(158,43,37,.14)}
}
@media (max-width:640px){
header.masthead{padding-top:1.4rem;padding-bottom:1rem}
.masthead-logo{margin-top:.35rem}
.masthead .rule-note{font-size:.86rem;line-height:1.45;margin-top:.55rem}
.era-bar{
flex-wrap:nowrap;justify-content:flex-start;
overflow-x:auto;
padding:1rem .9rem .7rem;gap:.45rem;
scroll-snap-type:x proximity;
scrollbar-width:thin;scrollbar-color:var(--oxblood) var(--paper-deep);
-webkit-overflow-scrolling:touch;
}
.era-btn{flex:0 0 auto;scroll-snap-align:center}
.era-hint{margin-top:.4rem}
.timeline-scroll{padding:1.6rem .75rem .4rem}
.timeline-wrap::before,.timeline-wrap::after{width:16px}
.shelf{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));
column-gap:.8rem;padding:1.2rem .75rem 1rem;justify-content:start}
.shelf > .poster-card,.shelf > .show-stack-card{padding-bottom:1rem}
.shelf > .show-panel{margin-bottom:1rem}
.poster-card,.show-stack-card{width:100%}
.poster{width:100%;height:auto;aspect-ratio:172/250}
.show-stack{width:100%;height:auto;aspect-ratio:172/268}
.show-title-tab{width:100%}
.poster img.tmdb{width:100%;height:100%;object-fit:cover}
.poster-meta{width:100%}
}
@media (max-width:400px){
.shelf{grid-template-columns:repeat(auto-fill,minmax(118px,1fr));column-gap:.6rem}
.masthead-logo img,.masthead-logo svg{max-width:min(88vw,100%)}
.cmp-label{font-size:.6rem}
}
.toast{bottom:calc(1.2rem + env(safe-area-inset-bottom,0px))}
body{padding-left:env(safe-area-inset-left,0px);padding-right:env(safe-area-inset-right,0px)}
footer.site-foot{padding-bottom:calc(var(--foot-rule-h) + 1.5rem + env(safe-area-inset-bottom,0px))}
@media (max-width:640px){
:root{ --utility:'Cardo',Georgia,serif; }
.era-btn,.seg button,.badge,.p-sub,.tick,.browse-tabs button{letter-spacing:.02em}
}
.reading{margin-top:1.8rem;border-top:3px double var(--gold);padding-top:1rem}
.reading h3{font-family:var(--utility);color:var(--lake);text-transform:none;
letter-spacing:.06em;margin-bottom:.6rem}
.cmp-ask{margin:.5rem 0;padding:.8rem .9rem;border:2px dashed var(--ink);
background:rgba(59,42,23,.05)}
.cmp-ask:empty{display:none;padding:0;border:none}
.cmp-ask .btn{margin:.2rem .4rem .2rem 0}
.cmp-ask-head{font-family:var(--body);font-weight:700;margin:0 0 .6rem}
.cmp-sides{display:grid;grid-template-columns:1fr 1fr;gap:1rem;
margin:.6rem 0 .8rem}
.cmp-side{min-width:0;border:2px solid rgba(59,42,23,.3);padding:.6rem .7rem;
background:var(--paper)}
.cmp-side-title{font-family:var(--utility);font-size:.72rem;letter-spacing:.08em;
text-transform:uppercase;color:var(--oxblood);margin:0 0 .5rem}
.cmp-srcpick{display:flex;flex-wrap:wrap;gap:.2rem 1rem;margin-bottom:.5rem}
.cmp-radio{display:inline-flex;align-items:center;gap:.3rem;
font-family:var(--utility);font-size:.76rem}
.cmp-attrib{border-top:1px solid rgba(59,42,23,.2);margin-top:.5rem;padding-top:.5rem}
.cmp-usepick{display:flex;flex-direction:column;gap:.15rem;margin-bottom:.5rem}
.cmp-crop{margin:0}
.cmp-crop[hidden]{display:none}
.cmp-crop-box{width:100%;max-width:16rem;aspect-ratio:4/3;border:2px solid var(--ink);
background:rgba(59,42,23,.12);overflow:hidden;cursor:grab;touch-action:none}
.cmp-crop-box:active{cursor:grabbing}
.cmp-crop-box img{width:100%;height:100%;display:block;pointer-events:none;user-select:none}
.cmp-crop-range{display:block;width:100%;max-width:16rem;margin:.4rem 0 .3rem}
.cmp-crop-range:disabled{opacity:.45}
.cmp-crop-axis{display:block;max-width:16rem;margin-top:.3rem}
.cmp-crop-word{display:block;font-family:var(--utility);font-size:.66rem;
letter-spacing:.06em;text-transform:uppercase;opacity:.75}
.cmp-crop-axis .cmp-crop-range{margin-top:.15rem}
.cmp-figs,.cmp-threads{display:flex;flex-wrap:wrap;gap:.25rem 1rem}
.cmp-figs-one,.cmp-threads-one{display:inline-flex;align-items:center;gap:.3rem;
font-family:var(--utility);font-size:.78rem}
.cmp-shelf{display:flex;flex-wrap:wrap;gap:.4rem;margin:.5rem 0 0}
.cmp-thumb{padding:0;border:2px solid rgba(59,42,23,.3);background:none;
cursor:pointer;line-height:0}
.cmp-thumb img{width:88px;height:50px;object-fit:cover;display:block}
.cmp-thumb.on{border-color:var(--oxblood);box-shadow:0 0 0 2px rgba(158,43,37,.3)}
.cmp-sug{margin:.5rem 0 0}
.cmp-sug:empty{display:none}
.cmp-sug-row{display:flex;align-items:baseline;gap:.6rem;padding:.3rem .5rem;
border:2px dashed rgba(59,42,23,.35);background:rgba(216,192,120,.14);
margin-top:.3rem}
.cmp-rows{list-style:none;padding:0;margin:.5rem 0 0;display:flex;
flex-direction:column;gap:.35rem}
.cmp-chip{display:flex;align-items:baseline;gap:.6rem;border:2px solid var(--ink);
background:var(--paper);padding:.35rem .5rem}
.cmp-say.cmp-refused{color:var(--oxblood);border-left:3px solid var(--oxblood);
padding-left:.5rem}
@media (max-width:900px){ .cmp-sides{grid-template-columns:1fr} }
.salt-range-dash{font-family:var(--utility);font-size:.74rem;opacity:.75;margin:0 .1rem}
.filter-group select[id^="saltFilter"]{min-width:5rem}
.compare-analysis{max-width:1180px;margin:1rem auto 0;padding:0 1rem}
.cmp-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.cmp-col{border:2px solid var(--ink);background:var(--paper);
box-shadow:3px 3px 0 rgba(59,42,23,.2);display:flex;flex-direction:column}
.cmp-col header{display:flex;align-items:baseline;gap:.45rem;flex-wrap:wrap;
padding:.55rem .7rem;border-bottom:2px solid var(--ink)}
.cc-tag{font-family:var(--display);font-size:1.05rem;color:var(--paper);
background:var(--ink);padding:0 .35rem;border-radius:2px;line-height:1.4}
.cmp-col-a .cc-tag{background:var(--lake)}
.cmp-col-b .cc-tag{background:var(--moss)}
.cmp-col-c .cc-tag{background:var(--oxblood)}
.cc-name{font-family:var(--body);font-weight:700;flex:1 1 auto;min-width:0}
.cc-range{font-family:var(--utility);font-size:.72rem;opacity:.75;white-space:nowrap}
.cc-stats{display:flex;gap:.9rem;flex-wrap:wrap;padding:.5rem .7rem;
font-family:var(--utility);font-size:.76rem;background:rgba(216,192,120,.14);
border-bottom:1px solid rgba(59,42,23,.2)}
.cc-stats strong{font-family:var(--display);font-size:1.05rem;color:var(--oxblood)}
.cc-note{font-family:var(--utility);font-size:.7rem;opacity:.75;padding:.35rem .7rem 0;margin:0}
.cc-list{list-style:none;margin:0;padding:.3rem .7rem .6rem;max-height:280px;overflow:auto}
.cc-list li{display:flex;align-items:baseline;gap:.4rem;padding:.28rem 0;
border-bottom:1px solid rgba(59,42,23,.14)}
.cc-list li:last-child{border-bottom:none}
.cc-list a{font-family:var(--body);color:var(--ink);text-decoration:none;flex:1 1 auto;min-width:0}
.cc-list a:hover{color:var(--oxblood);text-decoration:underline}
.cc-shared{color:var(--gold-text);flex:0 0 auto}
.cc-nums{font-family:var(--utility);font-size:.7rem;opacity:.78;white-space:nowrap;flex:0 0 auto}
.cc-empty{font-family:var(--utility);font-size:.78rem;opacity:.75;padding:.6rem .7rem;margin:0}
@media (max-width:640px){ .cmp-cols{grid-template-columns:1fr} .cc-list{max-height:220px} }
html{scrollbar-width:thin;scrollbar-color:var(--oxblood) var(--paper-deep)}
*{scrollbar-width:thin;scrollbar-color:var(--oxblood) var(--paper-deep)}
::-webkit-scrollbar{width:11px;height:11px}
::-webkit-scrollbar-track{background:var(--paper-deep);border:1px solid rgba(59,42,23,.25)}
::-webkit-scrollbar-thumb{background:var(--oxblood);border:1px solid var(--ink)}
::-webkit-scrollbar-thumb:hover{background:var(--oxblood-deep)}
::-webkit-scrollbar-corner{background:var(--paper-deep)}
.slot-marks{position:absolute;top:8px;left:8px;z-index:3;display:flex;gap:3px}
.slot-mark{
display:inline-flex;align-items:center;justify-content:center;
width:22px;height:22px;font-family:var(--display);font-size:1rem;line-height:1;
color:var(--paper);border:2px solid var(--ink);
box-shadow:1px 1px 0 rgba(59,42,23,.4);
}
.slot-mark.slot-a{background:var(--lake)}
.slot-mark.slot-b{background:var(--moss)}
.slot-mark.slot-c{background:var(--oxblood)}
.btn, .admin-tabs button, .val-badge, .undo-btn, .cite-copy,
.period-row .btn, .credit-pager button, .thread-pager button, .browse-tabs button{
transition:transform .06s ease, box-shadow .06s ease, background .12s ease;
}
.btn:active, .admin-tabs button:active, .undo-btn:active, .cite-copy:active,
.period-row .btn:active, .credit-pager button:active, .thread-pager button:active{
transform:translate(2px,2px);
box-shadow:none !important;
}
.btn:focus-visible, .admin-tabs button:focus-visible{
outline:3px solid var(--gold); outline-offset:2px;
}
.btn[disabled]{opacity:.45;cursor:not-allowed;transform:none}
.year-banner .sub-quote{margin:.3rem auto 0;max-width:46rem;border:none;padding:0}
.year-banner .sq-text{font-family:var(--body);font-style:italic;font-size:1.05rem;
color:var(--ink);opacity:.9;margin:0}
.year-banner .sq-credit{font-family:var(--utility);font-size:.76rem;letter-spacing:.04em;
color:var(--oxblood);margin-top:.25rem}
.year-banner .sq-credit cite{font-style:normal;color:var(--lake)}
.credit-banner{max-width:1180px;margin:.8rem auto 0;padding:.5rem .9rem;
display:flex;align-items:center;gap:.9rem;flex-wrap:wrap;
background:rgba(39,75,142,.09);border:2px solid var(--lake);
box-shadow:2px 2px 0 rgba(59,42,23,.2)}
.credit-banner .cb-what{font-family:var(--display);font-size:1.15rem;color:var(--lake)}
.credit-banner .cb-count{font-family:var(--utility);font-size:.76rem;opacity:.85}
.credit-banner .cb-clear{margin-left:auto;font-family:var(--utility);font-size:.76rem;
cursor:pointer;background:var(--paper);color:var(--oxblood);
border:2px solid var(--oxblood);padding:.25rem .7rem}
.credit-banner .cb-clear:hover{background:var(--oxblood);color:var(--paper)}
.credit-banner[data-credit-kind^="location"]{
background:rgba(62,107,69,.10);border-color:var(--moss)}
.credit-banner[data-credit-kind^="location"] .cb-what{color:#2F5436}
.credit-banner[data-credit-kind="myth"]{background:rgba(176,137,44,.10);border-color:var(--gold)}
.credit-banner[data-credit-kind="myth"] .cb-what{color:var(--ink)}
.credit-banner[data-credit-kind="director"],.credit-banner[data-credit-kind="network"]{
background:rgba(106,61,154,.09);border-color:var(--murex)}
.credit-banner[data-credit-kind="director"] .cb-what,
.credit-banner[data-credit-kind="network"] .cb-what{color:var(--murex-text)}
.credit-banner[data-credit-kind="chain"]{display:block;max-width:980px;padding:1rem 1.3rem 1.1rem;
background:rgba(39,75,142,.07);border:2px solid var(--lake);outline:1px solid var(--gold);outline-offset:-7px;
box-shadow:4px 4px 0 rgba(59,42,23,.22)}
.cp-head{display:flex;align-items:center;gap:.8rem}
.cp-rubric{font-family:var(--utility);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--lake)}
.cp-title{margin:.35rem 0 .15rem;font-family:var(--display);font-size:1.6rem;line-height:1.15;color:var(--ink)}
.cp-arrow{color:var(--lake)}
.cp-sum{display:flex;flex-wrap:wrap;gap:.2rem .5rem;margin:.1rem 0 .6rem;font-family:var(--utility);font-size:.78rem;color:rgba(59,42,23,.85)}
.cp-sum > span + span::before{content:"·";margin-right:.5rem;color:rgba(59,42,23,.5)}
.cp-long{color:var(--oxblood)}
.cp-steps{border-top:1px solid rgba(39,75,142,.3);padding-top:.5rem}
.cp-steps > summary{cursor:pointer;font-family:var(--utility);font-size:.78rem;letter-spacing:.06em;color:var(--lake)}
.loom-chain.cp-chain{position:relative;list-style:none;margin:.6rem 0 .2rem;padding:0 0 0 2.2rem;border-left:0;counter-reset:cp}
.loom-chain.cp-chain::before{content:"";position:absolute;left:calc(.675rem - 1.5px);top:.78rem;bottom:.42rem;width:3px;background:var(--lake)}
.cp-chain .loom-chain-thread{position:relative;font-family:var(--display);font-size:1.15rem;margin:.15rem 0;counter-increment:cp}
.cp-chain .loom-chain-thread::before{content:counter(cp);position:absolute;left:-2.2rem;top:.1rem;width:1.35rem;height:1.35rem;z-index:1;
border-radius:50%;background:var(--lake);color:var(--paper);font-family:var(--utility);font-size:.72rem;
display:flex;align-items:center;justify-content:center}
.cp-chain .loom-chain-via{font-family:var(--body);font-size:.95rem;font-style:italic;color:rgba(59,42,23,.88);
margin:.1rem 0 .1rem .4rem;line-height:1.4}
.cp-chain .loom-chain-place,.cp-chain .loom-chain-period{font-style:normal}
.cp-chain .loom-chain-missing{color:var(--oxblood)}
.cp-foot{margin:.5rem 0 0;font-family:var(--utility);font-size:.78rem}
@media (max-width:560px){ .cp-title{font-size:1.25rem} .credit-banner[data-credit-kind="chain"]{padding:.8rem .8rem .9rem} }
.timeline-about{max-width:1180px;margin:.5rem auto 0;padding:0 .9rem;
display:flex;flex-wrap:wrap;gap:.6rem}
a.tl-about{font-family:var(--utility);font-size:.82rem;text-decoration:none;
background:var(--moss);color:#F2EFE4;border:2px solid var(--ink);
padding:.3rem .8rem;box-shadow:2px 2px 0 rgba(59,42,23,.25)}
a.tl-about:hover,a.tl-about:focus-visible{background:var(--ink)}
a.tl-about:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
@media print{ .timeline-about{display:none} }
.list-pager{display:flex;align-items:center;justify-content:center;gap:.9rem;
margin:1rem 0 .4rem;font-family:var(--utility);font-size:.8rem}
.list-pager button{font-family:var(--utility);font-size:.8rem;cursor:pointer;
background:var(--paper);color:var(--oxblood);border:2px solid var(--gold);
padding:.35rem .9rem;box-shadow:2px 2px 0 rgba(59,42,23,.24)}
.list-pager button:hover:not(:disabled){background:var(--oxblood);color:var(--paper);border-color:var(--ink)}
.list-pager button:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}
.list-pager button:disabled{opacity:.4;cursor:default;box-shadow:none}
.list-pager .pg-count{color:rgba(59,42,23,.8)}
.empty-ask{font-family:var(--utility);font-size:.72rem;text-align:center;
margin:1rem 0 0;padding-top:.7rem;border-top:1px dashed rgba(59,42,23,.3)}
.empty-ask a{color:var(--oxblood)}
.empty-ask .ea-note{opacity:.72}
.tl-scope{font-family:var(--utility);font-size:.7rem;letter-spacing:.06em;
text-align:center;color:var(--lake);opacity:.9;margin:.5rem 0 0}
.page-h1{
font-family:var(--utility);font-size:1rem;letter-spacing:.08em;
text-align:center;color:rgba(59,42,23,.7);font-weight:400;
margin:.6rem auto .6rem;max-width:60rem;text-transform:none;
}
.breakdown{margin-top:2rem;border-top:3px double var(--gold);padding-top:1rem}
.breakdown h3{font-family:var(--utility);color:var(--lake);text-transform:none;
letter-spacing:.06em;margin-bottom:.2rem}
@media print{
.breakdown{page-break-inside:avoid}
}
.fi-star{font-weight:700;margin-left:.15rem;vertical-align:super;font-size:.72em}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;
overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sc-controls{display:flex;flex-wrap:wrap;gap:.9rem;align-items:flex-end;
margin:.8rem 0 .6rem;padding:.7rem .8rem;
border:2px dashed var(--ink);background:rgba(59,42,23,.04)}
.sc-controls label{display:flex;flex-direction:column;gap:.2rem;
font-family:var(--utility);font-size:.7rem;letter-spacing:.05em;
text-transform:uppercase;color:rgba(59,42,23,.75)}
.sc-controls select{font-family:var(--body);font-size:.92rem;padding:.35rem .5rem;
border:2px solid var(--ink);background:var(--paper);color:var(--ink);min-width:11rem}
svg.scatter{width:100%;height:auto;display:block;
border:2px solid var(--ink);background:var(--paper);
box-shadow:3px 3px 0 rgba(59,42,23,.2)}
.sc-field{fill:rgba(216,192,120,.10)}
.sc-grid{stroke:rgba(59,42,23,.16);stroke-width:1}
.sc-axis{stroke:var(--ink);stroke-width:2}
.sc-tick{font-family:var(--utility);font-size:11px;fill:rgba(59,42,23,.8)}
.sc-axis-label{font-family:var(--utility);font-size:12px;letter-spacing:.05em;fill:var(--ink)}
@media (max-width:640px){
.sc-controls{gap:.5rem}
.sc-controls label,.sc-controls select{width:100%;min-width:0}
.sc-tick{font-size:13px}
.sc-axis-label{font-size:14px}
}
@media print{
.sc-controls{display:none}
svg.scatter{box-shadow:none}
}
.sc-eras{display:flex;flex-direction:column;gap:.3rem;flex:1 1 100%}
.sc-eras-head{display:flex;align-items:baseline;gap:.7rem}
.sc-eras-label{font-family:var(--utility);font-size:.7rem;letter-spacing:.05em;
text-transform:uppercase;color:rgba(59,42,23,.75)}
.sc-eras-all{font-family:var(--utility);font-size:.68rem;cursor:pointer;
background:none;border:none;padding:0;color:var(--oxblood);text-decoration:underline}
.sc-eras-all:disabled{color:rgba(59,42,23,.45);cursor:default;text-decoration:none}
.sc-era-chips{display:flex;flex-wrap:wrap;gap:.35rem}
.sc-era-chip{font-family:var(--utility);font-size:.74rem;cursor:pointer;
background:var(--paper);color:rgba(59,42,23,.55);
border:2px solid rgba(59,42,23,.3);padding:.25rem .6rem;
border-left:5px solid rgba(59,42,23,.25);
transition:background .12s ease,color .12s ease,border-color .12s ease}
.sc-era-chip.on{color:var(--ink);border-color:var(--ink);
border-left-color:var(--era-c);background:rgba(216,192,120,.16)}
.sc-era-chip:hover{border-color:var(--ink)}
.sc-era-chip:active{transform:translate(1px,1px)}
.sc-era-chip:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.sc-era-chip:disabled{opacity:.42;cursor:default;border-left-color:rgba(59,42,23,.2)}
.sc-era-chip:disabled:hover{border-color:rgba(59,42,23,.3)}
.sc-era-chip:disabled:active{transform:none}
@media (max-width:640px){ .sc-era-chip{flex:1 1 calc(50% - .35rem);text-align:left} }
svg.boxplot{width:100%;height:auto;display:block;border:2px solid var(--ink);
background:var(--paper);box-shadow:3px 3px 0 rgba(59,42,23,.2)}
.bx-box{fill:var(--c);fill-opacity:.28;stroke:var(--c);stroke-width:2}
.bx-median{stroke:var(--ink);stroke-width:3}
.bx-whisk{stroke:var(--c);stroke-width:2}
.bx-cap{stroke:var(--c);stroke-width:2}
.bx-out{fill:var(--c);fill-opacity:.7;stroke:var(--ink);stroke-width:1}
.bx-label{font-family:var(--utility);font-size:11px;fill:var(--ink)}
.bx-n{font-family:var(--utility);font-size:10px;fill:rgba(59,42,23,.7)}
.bx-thin{font-family:var(--utility);font-size:12px;fill:rgba(59,42,23,.5)}
.bx-thin-sub{font-size:10px;font-style:italic}
.bx-table{margin-top:.8rem;overflow-x:auto}
.bx-table table{width:100%;border-collapse:collapse;font-family:var(--utility);font-size:.78rem}
.bx-table th,.bx-table td{padding:.35rem .5rem;text-align:right;
border-bottom:1px solid rgba(59,42,23,.2)}
.bx-table th[scope="row"]{text-align:left;font-weight:700}
.bx-table thead th{border-bottom:2px solid var(--ink);color:var(--lake);
text-transform:uppercase;font-size:.68rem;letter-spacing:.05em}
.bx-swatch{display:inline-block;width:.7rem;height:.7rem;margin-right:.4rem;
background:var(--c);border:1.5px solid var(--ink);vertical-align:baseline}
.bx-thin-cell{text-align:left;font-style:italic;opacity:.7}
.cd-result{border:2px solid var(--ink);background:var(--paper);padding:1rem;
box-shadow:3px 3px 0 rgba(59,42,23,.2)}
.cd-headline{display:flex;align-items:baseline;gap:.7rem;flex-wrap:wrap}
.cd-value{font-family:var(--display);font-size:2.4rem;color:var(--oxblood);line-height:1}
.cd-mag{font-family:var(--utility);font-size:.78rem;letter-spacing:.06em;
text-transform:uppercase;color:var(--lake)}
svg.cd-bar{width:100%;max-width:520px;height:auto;display:block;margin:.5rem 0}
.cd-axis{stroke:rgba(59,42,23,.35);stroke-width:2}
.cd-zero{stroke:var(--ink);stroke-width:2}
.cd-fill{fill:var(--oxblood);fill-opacity:.35}
.cd-dot{fill:var(--oxblood);stroke:var(--ink);stroke-width:2}
.cd-end{font-family:var(--utility);font-size:11px;fill:rgba(59,42,23,.7)}
.cd-plain{font-family:var(--body);font-size:.95rem;line-height:1.5;margin:.5rem 0 .8rem;
max-width:46rem}
.cd-table{width:100%;border-collapse:collapse;font-family:var(--utility);font-size:.78rem}
.cd-table th,.cd-table td{padding:.35rem .5rem;text-align:right;
border-bottom:1px solid rgba(59,42,23,.2)}
.cd-table th[scope="row"]{text-align:left}
.cd-table thead th{border-bottom:2px solid var(--ink);color:var(--lake);
text-transform:uppercase;font-size:.68rem;letter-spacing:.05em}
@media (max-width:640px){ .cd-value{font-size:1.9rem} .bx-label{font-size:13px} }
@media print{ .cd-result{box-shadow:none} svg.boxplot{box-shadow:none} }
.credit-banner .cb-detail{font-family:var(--utility);font-size:.7rem;
opacity:.75;flex:1 1 100%;order:3;color:rgba(59,42,23,.8)}
.post{max-width:44rem}
.copy-said{color:var(--lake)}
.embed{margin:1.6rem 0;padding:0}
.embed figcaption,.embed-caption{font-family:var(--utility);font-size:.72rem;
line-height:1.45;opacity:.78;margin-top:.5rem}
.embed figcaption a,.embed-caption a{color:var(--oxblood)}
.wm-land path{fill:rgba(216,192,120,.55);stroke:none}
.wm-graticule line,.wm-equator,.wm-tropic{stroke:rgba(59,42,23,.28)}
.salt-dist{list-style:none;margin:.8rem 0;padding:0;display:flex;flex-direction:column;gap:.3rem}
.sd-row{display:flex;align-items:center;gap:.6rem;font-family:var(--utility);font-size:.76rem}
.sd-row.is-empty{opacity:.45}
.sd-level{
flex:0 0 1.5rem;height:1.5rem;display:flex;align-items:center;justify-content:center;
border:1.5px solid var(--ink);background:var(--paper-deep);font-size:.8rem;
}
.sd-name{flex:0 0 9.5rem}
.sd-bar{flex:1 1 auto;height:.85rem;background:rgba(59,42,23,.08);border:1px solid rgba(59,42,23,.18)}
.sd-fill{display:block;height:100%;background:var(--oxblood)}
.sd-count{flex:0 0 2rem;text-align:right;font-size:.9rem}
@media (max-width:560px){ .sd-name{flex:0 0 6.5rem;font-size:.68rem} }
.ep-count{margin-top:.6rem}
.watch-box.pd-sec{margin:1.6rem 0}
.watch-box.pd-sec h3{color:var(--sec-c);margin-top:0}
.wb-head{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;margin:.6rem 0 .9rem}
.wb-region-label{font-family:var(--utility);font-size:.68rem;letter-spacing:.14em;
text-transform:uppercase;color:rgba(36,28,18,.7)}
.wb-head select{font-family:var(--body);font-size:.95rem;padding:.3rem .5rem;
border:2px solid var(--ink);background:#F5EFE0;color:var(--ink)}
.wb-credit{margin-top:.7rem}
@media print{ .watch-box{display:none} }
.thread-stats{border-top:2px solid var(--ink);padding:.8rem;background:var(--paper)}
.th-stats-head{font-family:var(--display);font-weight:400;color:var(--oxblood);
font-size:1.1rem;margin-bottom:.2rem}
.th-stats-btn{flex:0 0 auto;align-self:flex-start;margin-right:.4rem}
.thread-stats .th-group{border:2px dotted var(--th-c);padding:.35rem .7rem .5rem;
margin:.6rem 0 0}
.thread-stats .th-group-head{display:flex;align-items:center;gap:.5rem;margin:0 0 .2rem;
font-family:var(--utility);font-size:.78rem;font-weight:700;letter-spacing:.04em;
color:var(--th-c)}
.thread-stats .th-group-head .th-key{grid-row:auto;flex:0 0 auto}
.thread-stats .rail-thread-figs .period-tags a{border-color:#B98A2F;color:#6A4E0F}
.thread-stats .rail-thread-figs .period-tags a:hover{background:#D4AC3E;color:var(--ink)}
.thread-stats .rail-thread-locs .period-tags a{border-color:var(--moss);color:#2F5436}
.thread-stats .rail-thread-locs .period-tags a:hover{background:var(--moss);color:var(--paper)}
@media print{ .thread-stats{display:none} }
.lsq{margin:.6rem 0 0}
.lsq-scroll{overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;
border:1.5px solid rgba(59,42,23,.2);background:var(--paper)}
.lsq-svg{display:block;max-width:none;margin:0 auto}
.lsq-grid{stroke:rgba(59,42,23,.1);stroke-width:1}
.lsq-spine{stroke:var(--ink);stroke-width:1.5}
.lsq-year,.lsq-gap-say,.lsq-name,.lsq-words{font-family:var(--utility)}
.lsq-name,.lsq-words,.lsq-gap-say,.lsq-year{paint-order:stroke;stroke:var(--paper);stroke-width:3.5px;stroke-linejoin:round}
.lsq-year{font-size:10.5px;fill:rgba(59,42,23,.85)}
.lsq-gap{fill:rgba(59,42,23,.05)}
.lsq-gap-say{font-size:10px;font-style:italic;fill:rgba(59,42,23,.62)}
.lsq-break{stroke:var(--ink);stroke-width:1.5;fill:none}
.lsq-link{fill:none;stroke:var(--oxblood);stroke-width:1.6;opacity:.85}
.lsq-link-gap{stroke-dasharray:4 3}
.lsq-arrow{fill:var(--oxblood)}
.lsq-bar{fill:rgba(158,43,37,.24);stroke:var(--ink);stroke-width:1}
.lsq-bar:hover{fill:rgba(158,43,37,.4)}
.lsq-bar.lsq-none{fill:var(--ink)}
.lsq-bar.lsq-unknown{fill:rgba(158,43,37,.1);stroke-dasharray:3 2.5}
.lsq-era{fill-opacity:.88}
.lsq-era.lsq-era-faint{fill-opacity:.35}
.lsq-bar.lsq-bar-edge{fill:transparent}
.lsq-bar.lsq-bar-edge:hover{fill:rgba(245,236,214,.22)}
.lsq-open-end{fill:rgba(59,42,23,.6)}
.lsq-circa{stroke:var(--ink);stroke-width:1.5;stroke-dasharray:2 2}
.lsq-tick-edge{stroke:var(--ink);stroke-width:1.6}
.lsq-tick{stroke:var(--paper);stroke-width:1.4}
.lsq a:hover .lsq-tick,.lsq a:focus-visible .lsq-tick{stroke:var(--gold);stroke-width:3}
.lsq a:hover .lsq-tick-edge,.lsq a:focus-visible .lsq-tick-edge{stroke-width:3}
.lsq a:focus-visible{outline:2px dashed var(--oxblood)}
.lsq-name{font-size:12.5px;font-weight:700;fill:var(--ink)}
.lsq a:hover .lsq-name,.lsq a:focus-visible .lsq-name{fill:var(--oxblood);text-decoration:underline}
.lsq-words{font-size:10.5px;fill:rgba(59,42,23,.78)}
.lsq-eras{list-style:none;display:flex;flex-wrap:wrap;gap:.25rem .9rem;margin:.45rem 0 0;padding:0;
font-family:var(--utility);font-size:.7rem;color:rgba(59,42,23,.85)}
.lsq .lsq-eras li{display:inline-flex;align-items:center;gap:.35rem;margin:0;
font-family:var(--utility);font-size:.7rem;line-height:1.3}
.lsq-swatch{display:inline-block;width:.8rem;height:.8rem;border:1px solid var(--ink)}
.tier-key{flex:0 0 auto;vertical-align:-2px;overflow:visible}
.tier-key :is(circle,polygon){fill:var(--era,var(--paper));fill-opacity:.7;
stroke:var(--ink);stroke-width:1.3}
.era-ribbons{display:inline-flex;gap:2px;align-items:center;margin-left:.15rem;
vertical-align:middle}
.era-ribbon{display:inline-block;width:.45rem;height:.85rem;border:1px solid rgba(59,42,23,.45)}
.sip-sep{color:var(--gold-text);font-size:1.1rem}
.th-idle .th-loom{color:var(--lake);white-space:nowrap}
.th-idle .th-loom:hover,.th-idle .th-loom:focus-visible{color:var(--oxblood)}
@media (min-width:1100px){
.pd-sec{scroll-margin-top:1.2rem}
}
.pd-sec{--sec-c:var(--oxblood);position:relative;margin:0 0 1.6rem;
padding:1rem 1.25rem 1.1rem;border:2px solid var(--ink);border-top:6px solid var(--sec-c);
background:rgba(250,245,230,.55);
box-shadow:inset 0 0 0 4px rgba(233,224,201,.9),inset 0 0 0 5px var(--gold),
3px 3px 0 rgba(59,42,23,.16)}
.pd-sec > section,.pd-sec > aside{margin:0;padding-top:0;border-top:0}
main .pd-sec.pd-sec.pd-sec :is(h2,h3,h4,h5){font-family:'Almendra','Cardo',serif;font-style:italic;font-weight:400;
font-size:1.2rem;letter-spacing:normal;text-transform:none;line-height:1.3}
main .pd-sec.pd-sec.pd-sec > :is(h2,h3):first-child,
main .pd-sec.pd-sec.pd-sec > :first-child > :is(h2,h3):first-child,
main .pd-sec.pd-sec.pd-sec > :first-child > :first-child > :is(h2,h3):first-child{font-family:var(--body);font-style:normal;font-weight:700;
font-size:1.5rem;letter-spacing:normal;text-transform:none;line-height:1.2;color:var(--sec-c);margin-top:0}
.pd-card.is-inspired{border-left-color:#B5541B}
.pd-card.is-inspired .pd-card-name{color:#8A3E12}
.pd-card .fi-star{margin-left:.15rem;color:#B5541B}
@media (max-width:560px){ .pd-sec{padding:.85rem .8rem .9rem} }
.pd-cast-group{margin:.8rem 0 0}
.pd-cast-list{list-style:none;margin:0;padding:0;display:grid;
grid-template-columns:repeat(auto-fill,minmax(11.5rem,1fr));gap:.45rem}
.pd-card{display:grid;gap:.05rem;height:100%;box-sizing:border-box;text-decoration:none;
color:var(--ink);background:var(--paper);border:1.5px solid #B98A2F;border-left:4px solid #B98A2F;
padding:.4rem .6rem}
.pd-card:hover,.pd-card:focus-visible{background:rgba(212,172,62,.18)}
.pd-card-name{font-family:var(--body);font-size:.98rem;font-weight:700;color:#5A420C}
.pd-card-life,.pd-card-n{font-family:var(--utility);font-size:.66rem;color:rgba(59,42,23,.8)}
.pd-card-played{font-family:var(--body);font-style:italic;font-size:.8rem;color:#3B2A17}
.pdp-tree,.pdp-tree ul{list-style:none;margin:0;padding:0}
.pdp-tree{margin:.6rem 0 .8rem;columns:2 15rem;column-gap:2rem}
.pdp-tree > li{break-inside:avoid;margin:0 0 .35rem}
.pdp-tree ul{margin:.2rem 0 .1rem .5rem;padding-left:.8rem;border-left:1.5px solid rgba(62,107,69,.55)}
.pdp-tree a{color:#2F5436;text-decoration:none;border-bottom:1px solid rgba(62,107,69,.45)}
.pdp-tree a:hover,.pdp-tree a:focus-visible{color:var(--oxblood);border-color:var(--oxblood)}
.pdp-tree .pdp-when{margin-left:.3rem;font-family:var(--utility);font-size:.72rem;color:rgba(59,42,23,.8);white-space:nowrap}
.pdp-tree .pdp-alias{margin-left:.3em;font-size:.85em;opacity:.75}
.pd-shelf{list-style:none;margin:.9rem 0 .4rem;padding:0 .4rem;display:flex;flex-wrap:wrap;
align-items:flex-end;gap:2px;border-bottom:.55rem solid #5E4122;
box-shadow:0 2px 0 #1B130B}
.pd-shelf > .pd-book,.pd-shelf .pd-bk{display:contents}
.pd-shelf > .pd-book[hidden]{display:none}
.pd-shelf .pd-bk::details-content{display:contents}
.pd-bk:not([open]) .pd-bk-card{display:none}
.pd-spine{list-style:none;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;
align-items:center;gap:.3rem;width:var(--bk-w,2.6rem);height:var(--bk-h,10rem);box-sizing:border-box;
padding:.85rem .15rem;color:#F1E6CC;position:relative;
background-color:var(--bk,var(--ink));
background-image:
linear-gradient(to bottom,transparent calc(.5rem - .5px),rgba(216,192,120,.85) .5rem,rgba(216,192,120,.85) calc(.5rem + 2px),transparent calc(.5rem + 2.5px),
transparent calc(100% - .5rem - 2.5px),rgba(216,192,120,.85) calc(100% - .5rem - 2px),rgba(216,192,120,.85) calc(100% - .5rem),transparent calc(100% - .5rem + .5px)),
repeating-linear-gradient(90deg,rgba(0,0,0,.07) 0 1px,transparent 1px 4px),
linear-gradient(to right,rgba(233,224,201,.10),rgba(233,224,201,0) 40%,rgba(0,0,0,.12));
border:1.5px solid #1B130B;border-radius:5px 5px 1px 1px / 3px 3px 1px 1px;
transform:rotate(var(--bk-tilt,0deg));transform-origin:bottom center;
outline:1px solid transparent}
.pd-spine::-webkit-details-marker{display:none}
.pd-spine:hover{box-shadow:0 0 0 2px var(--gold)}
.pd-spine:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.pd-bk[open] > .pd-spine{transform:translateY(-.45rem) rotate(var(--bk-tilt,0deg))}
.pd-spine-t,.pd-spine-a{writing-mode:vertical-rl;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.pd-spine-t{font-family:var(--body);font-size:.8rem;font-style:italic;font-weight:700;max-height:72%;
text-shadow:0 1px 0 rgba(0,0,0,.35)}
.pd-spine-a{font-family:var(--utility);font-size:.56rem;letter-spacing:.06em;opacity:.85;max-height:24%}
.pd-bk-card{order:1000;flex:1 1 100%;list-style:none;margin:.6rem 0 .5rem;padding:.6rem .8rem;
background:var(--paper);border:2px solid var(--ink);border-left:5px solid #7A4A12}
.tag-meta{margin-left:.4rem;font-family:var(--utility);font-size:.68em;
opacity:.7;font-variant-numeric:tabular-nums}
.period-tags a:hover .tag-meta{opacity:.9}
.thread-notes,.content-page .thread-notes{font-family:var(--utility);
font-size:.72rem;line-height:1.5}
.thread-notes{margin:.4rem 0 0;color:rgba(59,42,23,.8)}
.thread-notes .tn-label{letter-spacing:.1em;text-transform:uppercase;
font-size:.86em;color:var(--lake);margin-right:.4rem}
.thread-notes a{color:var(--oxblood);text-decoration:none;
border-bottom:1px solid rgba(216,192,120,.7)}
.thread-notes a:hover,.thread-notes a:focus-visible{border-color:var(--oxblood)}
.th-one .th-notes{display:block;margin-top:.3rem}
.th-legend .th-notes{grid-column:2;margin-top:.2rem}
.credit-banner .cb-notes{margin:0}
.pd-book[hidden],.fg-book[hidden]{display:none}
.year-periods{margin:1.2rem auto 0;max-width:1100px;
border-top:2px solid rgba(59,42,23,.3);padding-top:.5rem}
.year-periods > summary{
cursor:pointer;list-style:none;
font-family:var(--utility);font-size:.74rem;letter-spacing:.1em;
text-transform:uppercase;color:var(--lake);padding:.4rem .7rem;
display:flex;align-items:center;gap:.5rem;flex-wrap:wrap;
border:1.5px solid rgba(59,42,23,.4);background:rgba(216,192,120,.16)}
.year-periods > summary::-webkit-details-marker{display:none}
.year-periods > summary::marker{content:""}
.year-periods > summary:hover{color:var(--oxblood);border-color:var(--oxblood);
background:rgba(158,43,37,.08)}
.year-periods > summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.yp-chev{display:inline-block;color:var(--oxblood);font-size:.9rem;line-height:1;
transition:transform .15s ease}
.year-periods[open] .yp-chev{transform:rotate(90deg)}
.yp-cue{margin-left:auto;font-size:.64rem;opacity:.75;text-transform:uppercase}
.yp-cue .yp-hide{display:none}
.year-periods[open] .yp-cue .yp-show{display:none}
.year-periods[open] .yp-cue .yp-hide{display:inline}
.yp-head{min-width:0}
.yp-n{font-family:var(--display);font-size:.95rem;color:var(--oxblood);
border:1.5px solid currentColor;padding:0 .35rem;line-height:1.3}
.yp-list{list-style:none;margin:.5rem 0 0;padding:0;
display:flex;flex-wrap:wrap;gap:.4rem}
.yp-list li{display:inline-flex;align-items:baseline;gap:.35rem;
border:1.5px solid rgba(59,42,23,.35);background:var(--paper);padding:.2rem .5rem}
.yp-list a{color:var(--oxblood);text-decoration:none;font-family:var(--body)}
.yp-list a:hover{text-decoration:underline}
.yp-span{font-family:var(--utility);font-size:.66rem;opacity:.7;white-space:nowrap}
.yp-c{font-family:var(--utility);font-size:.68rem;background:var(--gold-bright);
color:var(--ink);padding:0 .28rem}
.yp-note{margin:.5rem 0 0}
.year-gloss{margin:1.4rem auto 0;max-width:1100px}
.yg-rubric{display:flex;align-items:flex-start;gap:.5rem;margin:0 0 .5rem;
font-family:var(--utility);font-size:.74rem;letter-spacing:.12em;
text-transform:uppercase;color:var(--oxblood)}
.yg-hand{flex:0 0 auto;width:1.9rem;margin-top:.1rem;
color:var(--oxblood);line-height:0}
.yg-hand svg{display:block;width:100%;height:auto}
.yg-rubric-year{font-family:var(--body);font-size:.8rem;letter-spacing:.02em;
text-transform:none;color:rgba(59,42,23,.78);padding-left:.5rem;
border-left:1.5px solid rgba(158,43,37,.4)}
.yg-list{list-style:none;margin:0;padding:0 0 0 1.1rem;
border-left:1.5px solid rgba(185,138,47,.7)}
.yg-list li{margin:0 0 .85rem;max-width:44rem}
.yg-list li:last-child{margin-bottom:0}
.year-gloss .yg-text{font-family:var(--body);font-style:italic;
font-size:1.02rem;line-height:1.55;margin:0;color:var(--ink)}
.year-gloss .yg-src{margin:.3rem 0 0;font-family:var(--utility);
font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;
color:rgba(59,42,23,.78)}
.year-gloss .yg-src a{color:var(--oxblood)}
@media (max-width:520px){
.yg-hand{width:1.25rem}
.yg-rubric{gap:.4rem;font-size:.68rem;letter-spacing:.08em}
.yg-list{padding-left:.8rem}
}
a.cc-name{color:var(--oxblood);text-decoration:none;
border-bottom:1.5px solid rgba(158,43,37,.35)}
a.cc-name:hover,a.cc-name:focus-visible{border-bottom-color:var(--oxblood);
background:rgba(158,43,37,.07)}
.loom-chain{list-style:none;margin:.8rem 0;padding:0 0 0 1rem;border-left:3px solid var(--lake)}
.credit-banner .cb-trip{font-family:var(--utility);font-size:.76rem;color:#2F5436;
text-decoration:underline;text-underline-offset:2px}
.credit-banner .cb-trip:hover{color:var(--ink)}