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