*{margin:0;padding:0;box-sizing:border-box}:root{--screen-height:100vh}html{font-size:clamp(10px, 62.5%, 16px);height:var(--screen-height);scroll-behavior:smooth}body{background-color:#030303;height:var(--screen-height);overflow-x:hidden}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{opacity:0;pointer-events:none}.loading-screen{position:fixed;top:0;left:0;width:100%;height:100vh;background:linear-gradient(135deg,#0a0a0a 0,#050505 100%);display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease}.loading-screen.fade-out{opacity:0}.loading-content{text-align:center}.cyber-loader{position:relative;width:180px;height:180px;margin:0 auto 4rem}.loader-ring{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border-radius:50%;border:4px solid transparent}.loader-ring:first-child{width:100%;height:100%;border-top-color:var(--primary-red);animation:rotate 1.5s linear infinite}.loader-ring:nth-child(2){width:75%;height:75%;border-right-color:var(--primary-cyan);animation:rotate 2s linear infinite reverse}.loader-ring:nth-child(3){width:50%;height:50%;border-bottom-color:var(--primary-red);animation:rotate 1s linear infinite}@keyframes rotate{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}.loading-text{font-family:'Zen Dots',cursive;font-size:5rem;color:var(--primary-red);text-shadow:0 0 20px var(--glow-red);letter-spacing:.8em;margin-bottom:1.4rem;animation:red-pulse-glow 2s ease-in-out infinite}.loading-subtext{font-family:'Josefin Sans',sans-serif;font-size:3rem;color:var(--text-secondary);letter-spacing:.3rem}@keyframes red-pulse-glow{0%,100%{text-shadow:0 0 20px var(--glow-red);opacity:1}50%{text-shadow:0 0 30px var(--glow-red),0 0 40px var(--glow-red);opacity:.8}}.loading-screen.error-state .loading-text{color:#f44;text-shadow:0 0 20px rgba(255,68,68,.6)}.loading-screen.error-state .cyber-loader{display:none}#main-content{max-width:800px;margin:0 auto;padding-bottom:2rem}#chapter-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:2rem;padding:1rem;background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid var(--border-color);border-radius:12px;position:sticky;top:1rem;z-index:100;box-shadow:0 4px 15px rgba(0,0,0,.3);font-family:"Zen Dots",cursive;font-size:1.8rem;color:var(--primary-cyan);text-shadow:0 0 15px var(--glow-cyan);letter-spacing:.05rem;font-weight:400}#nav-chapter-title{font-weight:700}.nav-btn{background:var(--darker-bg);border:1px solid var(--border-color);color:var(--primary-cyan);width:40px;height:40px;border-radius:8px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;font-size:1.4rem}.nav-btn:hover{border-color:var(--primary-cyan);box-shadow:0 0 15px var(--glow-cyan);transform:scale(1.05)}.nav-btn:active{transform:scale(.95)}.nav-btn:disabled,.nav-btn[style*="visibility: hidden"]{opacity:.3;cursor:not-allowed}.nav-arrow{display:block;width:20px;height:20px}.nav-center{flex:1;text-align:center}.chapter-cover{margin-bottom:2rem;border-radius:12px;overflow:hidden;box-shadow:0 8px 30px rgba(0,0,0,.5);border:1px solid var(--border-color)}.chapter-cover img{width:100%;height:auto;display:block}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.spoiler-block{background:linear-gradient(145deg,#1a0a0a,#0f0505);border:2px solid var(--primary-red);border-radius:8px;padding:2rem;margin:2rem 0;position:relative;overflow:hidden;cursor:pointer;transition:all .3s ease}.spoiler-block::before{content:"⚠ SPOILER WARNING - Click to reveal";display:block;font-family:'Zen Dots',cursive;font-size:1.8rem;color:var(--primary-red);text-shadow:0 0 10px var(--glow-red);letter-spacing:.2rem;text-align:center}.spoiler-block:hover{border-color:var(--primary-red);box-shadow:0 0 25px var(--glow-red);transform:translateY(-2px)}.spoiler-content{filter:blur(12px);user-select:none;pointer-events:none;transition:filter .5s ease;position:relative}.spoiler-content::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,rgba(255,23,68,.1),rgba(0,229,255,.1));pointer-events:none}.spoiler-block.revealed .spoiler-content{filter:blur(0);user-select:text;pointer-events:auto}.spoiler-block.revealed .spoiler-content::after{display:none}.spoiler-block.revealed::before{content:"⚠ SPOILER";font-size:1.8rem;margin-bottom:1rem;opacity:.6}.spoiler-block.revealed{border-color:var(--primary-cyan);box-shadow:0 0 15px var(--glow-cyan);cursor:default}.spoiler-block.revealed:hover{transform:none}.extra-contents{margin-top:2rem}.content-wrapper{margin-bottom:2rem}.extra-section{background:linear-gradient(145deg,#1a1a1a,#0f0f0f);border:1px solid var(--border-color);border-radius:12px;padding:1.5rem;margin-bottom:1.5rem;box-shadow:0 4px 15px rgba(0,0,0,.3)}.extra-section h3{font-family:'Zen Dots',cursive;font-size:2rem;line-height:2rem;color:var(--primary-cyan);text-shadow:0 0 15px var(--glow-cyan);margin-bottom:2rem;letter-spacing:.05rem}.extra-section p{font-family:'Josefin Sans',sans-serif;font-size:1.8rem;line-height:2.2rem;color:var(--text-primary);margin-bottom:2.2rem}.extra-section p:last-child{margin-bottom:0}.extra-section strong{color:var(--primary-cyan);font-weight:600}footer{text-align:center;margin-top:3rem;padding-top:3rem;border-top:1px solid var(--border-color)}footer p{font-size:1.4rem}@media (max-width:1024px){.loading-text{font-size:4rem;letter-spacing:.2em;margin-bottom:.4rem}.loading-subtext{font-size:1.8rem;letter-spacing:.4rem}.cyber-loader{width:120px;height:120px}#chapter-nav{padding:.75rem;top:.5rem;font-size:1.2rem}}@media (max-width:768px){.loading-text{font-size:3rem;letter-spacing:.2em;margin-bottom:.6rem}.loading-subtext{font-size:1.6rem;letter-spacing:.3rem}#chapter-nav{padding:.8rem;top:.6rem;font-size:1.4rem}.loading-text{font-size:1.2rem}.nav-btn{width:35px;height:35px;font-size:1rem}.cyber-loader{width:120px;height:120px}.extra-section{padding:1.8rem}.extra-section h3{font-size:1.8rem;line-height:1.8rem;margin-bottom:1.8rem}.extra-section p{font-size:1.6rem;line-height:2rem;margin-bottom:2rem}.spoiler-block{padding:1rem}.spoiler-block::before{font-size:1.4rem}.spoiler-block.revealed::before{font-size:1.4rem}}@media (max-width:480px){.loading-text{font-size:2.4rem;letter-spacing:.2em;margin-bottom:.3rem}.loading-subtext{font-size:1.4rem;letter-spacing:.2rem}.cyber-loader{width:90px;height:90px}#chapter-nav{padding:.75rem;top:.5rem;font-size:1.2rem}.extra-section{padding:1.6rem}.extra-section h3{font-size:1.6rem;line-height:1.6rem;margin-bottom:1.6rem}.extra-section p{font-size:1.5rem;line-height:1.8rem;margin-bottom:1.8rem}.spoiler-block::before{font-size:1.1rem;letter-spacing:.1rem}.spoiler-block.revealed::before{font-size:1.1rem;letter-spacing:.1rem}}@media (max-width:393px){.loading-text{font-size:2rem;letter-spacing:.2em;margin-bottom:.2rem}.loading-subtext{font-size:1.2rem;letter-spacing:.1rem}#chapter-nav{padding:.75rem;top:.5rem;font-size:1.2rem}.extra-section{padding:1.4rem}.extra-section h3{font-size:1.4rem;line-height:1.4rem;margin-bottom:1.4rem}.extra-section p{font-size:1.2rem;line-height:1.4rem;margin-bottom:1.4rem}.spoiler-block::before{font-size:.9rem}.spoiler-block.revealed::before{font-size:.9rem}}