/* ink on bg 16.64:1 / paper 14.08:1; muted on bg 12.31:1 / paper 10.41:1; accent on bg 14.05:1 / paper 11.88:1; line-ui on bg 7.89:1 / paper 6.67:1. Full-frame hero preserves every subject; composition brief in research/top-ten/big-bang-bar/composition.md. */
body.big-bang-bar{--bg:#17132a;--paper:#28213d;--ink:#fff5dd;--muted:#e1cfea;--line:#b5a5c7;--line-ui:#b5a5c7;--accent:#c5f276;--accent-ink:#c5f276;--bone:#28213d;--guide-character-sheet:url("assets/characters/big-bang-bar-v1.png");background:var(--bg);color:var(--ink)}
body.big-bang-bar.guide-v3 main section{display:block}
body.big-bang-bar .compact-library-nav,body.big-bang-bar .guide-reader-bar,body.big-bang-bar .shot-map__side article{background:var(--paper);color:var(--ink)}
body.big-bang-bar :is(.compact-library-nav a,.compact-library-nav summary,.guide-reader-bar a,.shot-map__side article h3,.shot-map__side article p){color:var(--ink)!important}
body.big-bang-bar .field-graphic{border:0;border-radius:0;overflow:hidden;background:var(--paper);margin:2.5rem 0}
body.big-bang-bar .field-graphic img{display:block;width:100%;height:auto;max-height:none;border-radius:0}
body.big-bang-bar .field-graphic figcaption{padding:1.2rem 1.5rem;background:var(--paper);color:var(--ink)}
body.big-bang-bar .feature-route{width:86%;margin-left:14%}
body.big-bang-bar .feature-multiball{width:100vw;margin-left:calc(50% - 50vw)}
body.big-bang-bar .feature-multiball img{max-width:1500px;margin:auto}
body.big-bang-bar .feature-multiball figcaption{text-align:center}
body.big-bang-bar .feature-finale{display:grid;grid-template-columns:3fr 1fr;align-items:center}
body.big-bang-bar .feature-emblem{display:inline-block;width:84px;height:120px;vertical-align:middle;margin-right:1rem;background:url("assets/editorial-v2/big-bang-bar-emblems-v1.png") left center/300% 100% no-repeat}
body.big-bang-bar .emblem-1{background-position:center}body.big-bang-bar .emblem-2{background-position:right}
body.big-bang-bar .guide-character-art{aspect-ratio:768/1024;background-size:200% 100%}
body.big-bang-bar .guide-character-art--second{background-position:right center}
body.big-bang-bar .all-tables:not([open]) .all-tables-panel{display:none}
body.big-bang-bar .all-tables-panel{max-width:calc(100vw - 24px)}
body.big-bang-bar .shot-map__field figcaption{display:block;max-width:none;width:auto;text-align:left}
body.big-bang-bar .mode-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem}
body.big-bang-bar .mode-list article{padding:1rem 0;border-top:1px solid var(--line)}
body.big-bang-bar .mode-list h3{margin-top:0}
body.big-bang-bar .source-note{font-size:.86rem;color:var(--muted)}
@media(max-width:900px){body.big-bang-bar .feature-route{width:100%;margin-left:0}body.big-bang-bar .feature-finale{display:block}body.big-bang-bar .feature-emblem{width:56px;height:80px}}
@media(max-width:760px){body.big-bang-bar .mode-list{grid-template-columns:1fr}body.big-bang-bar .all-tables[open] .all-tables-panel{position:absolute!important;top:calc(100% + 8px)!important;left:0!important;right:auto!important;width:calc(100vw - 80px)!important;max-height:60vh}}
body.big-bang-bar section ol{list-style:none;counter-reset:bbb-step;padding-left:0}
body.big-bang-bar section ol>li{counter-increment:bbb-step;position:relative;padding-left:3.4rem;margin:.8rem 0;min-height:3rem}
body.big-bang-bar section ol>li::before{content:counter(bbb-step);position:absolute;left:0;top:0;width:2.7rem;height:3rem;display:grid;place-items:center;color:var(--ink);font-weight:800;text-shadow:0 1px 4px #000;background:url("assets/editorial-v2/big-bang-bar-emblems-v1.png") left center/300% 100% no-repeat}
body.big-bang-bar section ol>li:nth-child(3n+2)::before{background-position:center}
body.big-bang-bar section ol>li:nth-child(3n)::before{background-position:right}
body.big-bang-bar .guide-character-art:not(.guide-character-art--second){transform:translateX(14%) scaleX(-1)!important}
/* Keep the adjacent waitress's tray outside the first sprite's visible half. */
body.big-bang-bar .guide-character-art:not(.guide-character-art--second){clip-path:inset(0 2% 0 0)}

/* Additional green dancer beside Tube Dancer and the other side features. */
body.big-bang-bar #side-features .guide-character-art{background-image:url("assets/characters/big-bang-bar-green-dancer-v1.png");background-size:100% 100%;background-position:center;aspect-ratio:1024/1536;clip-path:none;transform:translateX(14%)!important}