body.twd{--bg:#161713;--paper:#25271f;--ink:#f9f5e9;--muted:#c6c5b6;--line:#c6c5b6;--line-ui:#c6c5b6;--accent:#f3c879;--accent-ink:#f3c879;--bone:#25271f;--guide-character-sheet:url("assets/characters/walking-dead-v1.png");background:#161713;color:#f9f5e9}
body.twd.guide-v3 main section{display:block} body.twd .compact-library-nav,body.twd .guide-reader-bar{background:#25271f}body.twd .compact-library-nav a,body.twd .compact-library-nav summary,body.twd .guide-reader-bar a{color:#f9f5e9!important}
body.twd.guide-v3 .opening.cinematic.new-opening{position:relative;width:100vw;margin-left:calc(50% - 50vw);height:auto;overflow:hidden;background:#13101a}
body.twd.guide-v3 .opening.cinematic.new-opening .art{position:relative;width:100%;height:auto;max-width:none;max-height:none;object-fit:contain;object-position:65% 42%;mask-image:none}
body.twd.guide-v3 .opening.cinematic.new-opening .intro{position:absolute;left:5%;bottom:6%;z-index:2;max-width:650px;background:#100d18e8;padding:1.5rem 2rem}
body.twd.guide-v3 .opening.cinematic.new-opening h1{font-size:clamp(4rem,7.5vw,8rem);line-height:.95;color:#fff;margin:0 0 1rem}body.twd.guide-v3 .opening.cinematic.new-opening p,body.twd.guide-v3 .opening.cinematic.new-opening .kicker{color:#fff}
body.twd .shot-map__side article{background:#25271f;color:#f9f5e9}body.twd .shot-map__side article h3,body.twd .shot-map__side article p{color:#f9f5e9}
body.twd .field-graphic{margin:2.5rem 0;border:0;border-radius:0;overflow:hidden;background:#25271f}body.twd .field-graphic img{display:block;width:100%;height:auto;max-height:none;border-radius:0}body.twd .field-graphic figcaption{padding:1.1rem 1.5rem;color:#f9f5e9;background:#25271f}
body.twd .feature-route{width:85%;margin-left:15%}body.twd .feature-multiball{width:100vw;margin-left:calc(50% - 50vw)}body.twd .feature-multiball img{max-width:1500px;margin:auto}body.twd .feature-multiball figcaption{text-align:center}
body.twd .feature-finale{display:grid;grid-template-columns:2fr 1fr;align-items:center}body.twd .feature-emblem{display:inline-block;width:80px;height:90px;vertical-align:middle;margin-right:1rem;background:url("assets/editorial-v2/walking-dead-emblems-v1.png") left center/300% auto no-repeat}body.twd .emblem-1{background-position:center}body.twd .emblem-2{background-position:right}
body.twd section ul{list-style:none;padding-left:0}body.twd section ul>li{position:relative;padding-left:2rem;margin-bottom:.8rem}body.twd section ul>li:before{content:"";position:absolute;left:0;top:.25rem;width:24px;height:30px;background:url("assets/editorial-v2/walking-dead-emblems-v1.png") right center/300% auto no-repeat}
body.twd .all-tables:not([open]) .all-tables-panel{display:none}body.twd .all-tables-panel{max-width:calc(100vw - 24px)}body.twd table{width:100%;table-layout:fixed}body.twd th,body.twd td{overflow-wrap:anywhere;padding:.7rem;text-align:left;border-bottom:1px solid var(--line)}
@media(max-width:900px){body.twd.guide-v3 .opening.cinematic.new-opening{height:auto}body.twd.guide-v3 .opening.cinematic.new-opening .art{position:relative;height:auto;object-fit:contain}body.twd.guide-v3 .opening.cinematic.new-opening .intro{position:relative;left:auto;bottom:auto;padding:1.5rem 6vw;max-width:none}body.twd.guide-v3 .opening.cinematic.new-opening h1{font-size:clamp(3rem,12vw,5rem)}body.twd .feature-route{width:100%;margin-left:0}body.twd .feature-finale{display:block}body.twd .feature-emblem{width:50px;height:60px}}

/* Hero: backglass interpretation; faces remain right of the title. Route: inset survivor planning; multiball: full-width gate defense; finale: asymmetric dawn tableau. Alpha figures introduce objective and scoring. */
body.twd{--guide-character-sheet:url("assets/characters/walking-dead-v1.png")}
body.twd .guide-character-art{aspect-ratio:768/1024;background-size:200% 100%}
body.twd .mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}
body.twd .mode-grid article{padding:1.5rem;border:1px solid #7d8270;background:#25271f}
body.twd .mode-grid p{margin-bottom:.7rem}
body.twd.guide-v3 .opening.cinematic.new-opening .intro{top:14%;bottom:auto;left:5%;max-width:36%;background:#11130fee}
body.twd.guide-v3 .opening.cinematic.new-opening h1{font-size:clamp(3rem,7vw,7rem)}
body.twd .feature-emblem{width:108px;height:110px}
body.twd.guide-v3 .opening.cinematic.new-opening h1{white-space:normal;text-align:left;overflow-wrap:normal;letter-spacing:-.04em;font-size:clamp(3rem,6vw,6rem)}
body.twd.guide-v3 .opening.cinematic.new-opening h1 br{display:block}
body.twd.guide-v3 .opening.cinematic.new-opening .intro{text-align:left}
@media(max-width:900px){body.twd.guide-v3 .opening.cinematic.new-opening .intro{position:relative;top:auto;left:auto;max-width:none}body.twd .mode-grid{grid-template-columns:1fr}}