/* mujun.quest */
* { margin: 0; padding: 0; box-sizing: border-box; }
body { color: #e8e0f0; font-family: 'Lato', sans-serif; font-weight: 400; line-height: 1.8; }
.progress-bar { position: fixed; top: 0; left: 0; width: 100%; height: 3px; background: rgba(167,139,250,0.2); z-index: 100; }
.progress-fill { height: 100%; width: 0%; background: #a78bfa; transition: width 0.1s linear; }
.chapter { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 4rem 2rem; position: relative; background-attachment: fixed; }
.chapter-1 { background: #1a1033; }
.chapter-2 { background: #0f2940; }
.chapter-3 { background: #2d1030; }
.chapter-summit { background: linear-gradient(180deg, #2d1030, #1a1033); }
.stars { position: absolute; inset: 0; background: radial-gradient(1px 1px at 20% 30%, rgba(255,255,255,0.3), transparent), radial-gradient(1px 1px at 60% 70%, rgba(255,255,255,0.2), transparent), radial-gradient(1px 1px at 80% 20%, rgba(255,255,255,0.25), transparent), radial-gradient(1px 1px at 40% 80%, rgba(255,255,255,0.15), transparent); pointer-events: none; }
.hero-content { text-align: center; position: relative; z-index: 1; }
.compass { font-size: 2rem; color: #fbbf24; display: block; margin-bottom: 1rem; }
.brand { font-family: 'Playfair Display', serif; font-weight: 700; font-size: clamp(2.5rem, 6vw, 4rem); margin-bottom: 0.5rem; }
.subtitle { font-size: 1rem; color: #a78bfa; }
.gate { min-height: 100vh; display: flex; align-items: center; justify-content: center; padding: 4rem 2rem; background: #0a0a1a; }
.gate-text { font-family: 'Cormorant', serif; font-weight: 300; font-size: clamp(1.8rem, 4vw, 3.5rem); color: #ffffff; text-align: center; max-width: 700px; line-height: 1.4; }
.chapter-content { max-width: 560px; }
.chapter-label { font-family: 'Cormorant', serif; font-weight: 400; font-size: 0.85rem; color: #a78bfa; display: block; margin-bottom: 0.5rem; letter-spacing: 0.1em; }
.marker { color: #a78bfa; margin-right: 0.3rem; }
.marker.golden { color: #fbbf24; }
.chapter-title { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 1.8rem; margin-bottom: 1rem; }
.chapter-body { font-size: 0.95rem; color: #c4b8d8; }
.close { text-align: center; padding: 4rem 2rem; background: #0a0a1a; }
.footer-text { font-family: 'Cormorant', serif; font-size: 1rem; color: #a78bfa; margin-bottom: 0.5rem; }
.footer-brand { font-family: 'Playfair Display', serif; font-weight: 700; font-size: 0.65rem; color: #2d1030; }
.fade-in { opacity: 0; transform: translateY(12px); transition: opacity 0.5s ease, transform 0.5s ease; }
.fade-in.visible { opacity: 1; transform: translateY(0); }