:root {
    --bg-deep: #0a0908; --bg-card: #141210;
    --text-primary: #f5f0eb; --text-action: #c8c4be; --text-muted: #a89f97;
    --accent-ochre: #c4703f; --accent-turquoise: #5c9a9a;
    --border-dim: rgba(196,112,63,0.15); --border-subtle: rgba(196,112,63,0.08);
}
.chapter-hero .film-strip {
    position: relative; display: block !important; width: 100%; margin: 0 auto;
}
.hero-overlay {
    position: absolute; bottom: 0; left: 0; right: 0;
    display: flex; flex-direction: column; align-items: center; text-align: center;
    padding: 4rem 1.5rem 1.5rem;
    background: linear-gradient(to bottom, transparent 0%, rgba(10,9,8,0.2) 30%, rgba(10,9,8,0.55) 70%, rgba(10,9,8,0.75) 100%);
    z-index: 1;
}
.hero-overlay .chapter-number {
    font-family: 'JetBrains Mono', monospace; font-size: 2.5rem;
    letter-spacing: 0.15em; text-transform: uppercase;
    color: var(--accent-ochre); margin-bottom: 0.5rem;
    text-shadow: 0 2px 12px rgba(0,0,0,0.9);
}
.hero-overlay .chapter-title {
    font-family: 'Playfair Display', serif;
    font-size: clamp(1.6rem, 4.5vw, 2.4rem); font-weight: 400;
    line-height: 1.15; color: #fff; margin-bottom: 0.4rem;
    text-shadow: 0 2px 16px rgba(0,0,0,0.8), 0 1px 4px rgba(0,0,0,0.6);
}
.hero-overlay .byline {
    font-family: 'JetBrains Mono', monospace; font-size: 0.85rem;
    letter-spacing: 0.12em; color: rgba(255,255,255,0.45); margin-top: 0.6rem;
}
.chapter-header { display: none; }
body.screenplay-mode .chapter-hero { display: none; }
.scene { position: relative; }
.sound-btn {
    position: absolute; top: 0.75rem; right: 0.75rem;
    background: none; border: 1px solid rgba(200,160,80,0.35);
    color: var(--accent-ochre, #c8a050); border-radius: 50%;
    width: 2rem; height: 2rem; font-size: 0.8rem; cursor: pointer;
    display: flex; align-items: center; justify-content: center;
    opacity: 0.55; transition: opacity 0.2s, background 0.2s;
    z-index: 2;
.location-card{display:block;text-align:center;margin:2rem 0 0.6rem;padding-bottom:0.5rem;border-bottom:1px solid rgba(196,112,63,0.15);}.location-name{font-family:'Playfair Display',serif;font-size:1.3rem;font-style:italic;color:#d4882a;}
.location-time{font-family:'JetBrains Mono',monospace;font-size:0.55rem;letter-spacing:0.15em;text-transform:uppercase;color:#a89f97;}
.sound-btn:hover { opacity: 1; background: rgba(200,160,80,0.1); }
.sound-btn.playing {
    opacity: 1; background: rgba(200,160,80,0.15);
    border-color: rgba(200,160,80,0.7);
    animation: sound-pulse 2s ease-in-out infinite;
}
@keyframes sound-pulse {
    0%, 100% { box-shadow: 0 0 0 0 rgba(200,160,80,0.35); }
    50%       { box-shadow: 0 0 0 5px rgba(200,160,80,0); }
}
body.screenplay-mode .sound-btn { display: none !important; }
@media (max-width: 600px) {
    .chapter-hero .film-strip { width: 85%; }
    .hero-overlay { padding: 3rem 1rem 1rem; }
}