/* Chapter Overlay */ .chapter-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(20, 20, 30, 0.97); display: none; flex-direction: column; justify-content: center; align-items: center; z-index: 1000; text-align: center; padding: 40px; color: #d4d4e4; font-family: 'Courier New', monospace; } .chapter-overlay.active { display: flex; } .chapter-title { font-size: 1.8rem; margin-bottom: 8px; color: #ff6b9d; letter-spacing: 2px; text-transform: uppercase; } .chapter-subtitle { font-size: 1rem; color: #996688; margin-bottom: 25px; font-style: italic; } .chapter-description { max-width: 450px; line-height: 1.7; margin-bottom: 35px; color: #aaaacc; font-size: 0.95rem; } .chapter-continue-btn { background: #ff6b9d; color: #1a1520; border: none; padding: 12px 35px; font-size: 1rem; cursor: pointer; font-family: 'Courier New', monospace; letter-spacing: 1px; } .chapter-continue-btn:hover { background: #ff8bb7; }