/* monopole.wiki - Surreal Reference Library */
/* Colors: #10101A, #8090A0, #40B0A0, #607080, #F8F0FF, #B0A8B8, #E8E0F0, #4080C0 */
/* Fonts: JetBrains Mono, Merriweather, IBM Plex Sans */

* { margin: 0; padding: 0; box-sizing: border-box; }
html, body { width: 100%; height: 100%; overflow: hidden; background: #10101A; font-family: 'Merriweather', serif; color: #E8E0F0; }

#scroll-indicator { position: fixed; bottom: 2rem; left: 50%; transform: translateX(-50%); z-index: 50; text-align: center; opacity: 0; animation: fadeIn 1s ease 1s forwards; }
.indicator-text { font-family: 'IBM Plex Sans', sans-serif; font-size: 0.7rem; color: #607080; letter-spacing: 0.1em; text-transform: uppercase; display: block; margin-bottom: 0.5rem; }
.indicator-arrow { width: 16px; height: 16px; border-right: 1px solid #607080; border-bottom: 1px solid #607080; transform: rotate(-45deg); margin: 0 auto; animation: arrowPulse 2s ease-in-out infinite; }

@keyframes fadeIn { to { opacity: 1; } }
@keyframes arrowPulse { 0%,100% { transform: rotate(-45deg) translateX(0); } 50% { transform: rotate(-45deg) translateX(4px); } }

#wiki-scroll { display: flex; overflow-x: auto; overflow-y: hidden; scroll-snap-type: x mandatory; width: 100%; height: 100vh; scrollbar-width: none; }
#wiki-scroll::-webkit-scrollbar { display: none; }

.chapter { min-width: 85vw; height: 100vh; scroll-snap-align: start; position: relative; overflow-y: auto; background: #10101A; border-right: 1px solid rgba(96, 112, 128, 0.1); }

.chapter-mountain { position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; background: #607080; opacity: 0.08; pointer-events: none; }

.chapter-content { position: relative; z-index: 2; padding: 4rem 3rem; max-width: 720px; margin: 0 auto; min-height: 100vh; display: flex; flex-direction: column; justify-content: center; }

#ch-intro .chapter-content { align-items: center; text-align: center; }

.chapter-title { font-family: 'JetBrains Mono', monospace; font-weight: 700; font-size: clamp(1.5rem, 3vw, 2.5rem); letter-spacing: 0.02em; color: #E8E0F0; margin-bottom: 1.5rem; }

.chapter-subtitle { font-family: 'IBM Plex Sans', sans-serif; font-size: 0.9rem; color: #8090A0; letter-spacing: 0.05em; }

.wiki-article { margin-top: 1rem; }

.article-body { font-family: 'Merriweather', serif; font-size: 1rem; line-height: 1.85; font-weight: 400; color: #B0A8B8; margin-bottom: 1.25rem; }

.article-body strong { color: #E8E0F0; font-weight: 400; }

.wiki-aside { margin: 1.5rem 0; padding: 1rem 1.5rem; border-left: 3px solid #40B0A0; background: rgba(64, 176, 160, 0.05); }

.aside-label { font-family: 'IBM Plex Sans', sans-serif; font-size: 0.7rem; letter-spacing: 0.08em; text-transform: uppercase; color: #40B0A0; display: block; margin-bottom: 0.5rem; }

.aside-code { font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; color: #4080C0; }

@media (max-width: 768px) {
    .chapter { min-width: 100vw; }
    .chapter-content { padding: 2rem 1.5rem; }
}