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


/* Full-frame supplied hero preserves all characters and its neon title. Text is below the image. Colors: ivory #f9f5e9 on green #19312b and gold #f3c879 on #101f1d exceed AA. */
body.breakshot.guide-v3 .opening.cinematic.new-opening .intro{position:relative;top:auto;left:auto;bottom:auto;max-width:none;background:#19312b;padding:2rem 6vw;text-align:left}
body.breakshot.guide-v3 .opening.cinematic.new-opening h1{white-space:normal;font-size:clamp(3rem,7vw,7rem)}
body.breakshot .guide-character-art{aspect-ratio:768/1024;background-size:200% 100%}
body.breakshot .feature-emblem{width:105px;height:160px;background-size:300% 100%}
body.breakshot section ul>li:before{background-size:300% 100%}
body.breakshot .feature-finale{grid-template-columns:3fr 1fr}
@media(max-width:900px){body.breakshot .feature-emblem{width:68px;height:104px}}

body.breakshot.guide-v3 .opening.cinematic.new-opening .intro{margin:0}
body.breakshot .shot-map__field figcaption{display:block;max-width:none;width:auto;text-align:left}
/* Large waist-up portraits enter from alternating page edges. */
body.breakshot{--guide-character-sheet:url("assets/characters/breakshot-women-v3.png")}
body.breakshot .guide-character-layout{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:2rem;align-items:center;overflow:visible}
body.breakshot .guide-character-art{width:clamp(340px,42vw,640px);max-width:none;aspect-ratio:768/1024;min-height:0;justify-self:start;margin-right:-6vw;background-size:200% 100%;background-position:left center}
body.breakshot .guide-character-layout--reverse{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
body.breakshot .guide-character-layout--reverse .guide-character-art{justify-self:end;margin-left:-6vw;margin-right:0;background-position:right center}
@media(max-width:800px){body.breakshot .guide-character-layout,body.breakshot .guide-character-layout--reverse{grid-template-columns:minmax(0,1fr)}body.breakshot .guide-character-art,body.breakshot .guide-character-layout--reverse .guide-character-art{width:min(105vw,560px);max-width:none;margin:0 -6vw;justify-self:center;order:0}body.breakshot .guide-character-copy{order:1}}
@media(max-width:800px){body.breakshot .guide-character-art,body.breakshot .guide-character-layout--reverse .guide-character-art{width:100vw;max-width:560px;margin:0;justify-self:center}}

/* Additional poolhall men; retain both existing women. */
body.breakshot .guide-character-art--cue,body.breakshot .guide-character-art--eight{background-image:url("assets/characters/breakshot-v1.png");background-size:260% auto;aspect-ratio:768/900}
body.breakshot .guide-character-layout .guide-character-art--cue{background-position:13% top}
body.breakshot .guide-character-layout .guide-character-art--eight{background-position:87% top}