:root{--ink:#000000}
html,body{background:#000000}
.chapter-panel:before,.chapter-panel:nth-of-type(odd):before,.fleet-perspective.chapter-panel:before{background:#000000}
.art-window,.fleet-media{background:#000000}
/* Crush the illustration's near-black canvas into the new page black. */
.market-art{filter:contrast(1.16)}
.fleet-toggle{background:rgba(0,0,0,.6)}
.hero-candles{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.candle{opacity:.95;stroke-width:2.4}
.candle.up{fill:#46bd8b;stroke:#46bd8b}.candle.down{fill:#e46d70;stroke:#e46d70}
.market-bar{fill:url(#market-gold)}
.market-line{fill:none;stroke:#edbc54;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.chart-toggle{position:absolute;bottom:4px;right:12px;width:44px;height:44px;border:1px solid rgba(205,163,75,.3);border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.7);color:var(--gold);cursor:pointer}
.chart-toggle svg{fill:currentColor}.chart-toggle:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.chart-toggle[hidden],.chart-toggle[data-state="playing"] .chart-play,.chart-toggle[data-state="paused"] .chart-pause{display:none}