*{box-sizing:border-box;margin:0;padding:0}body{color:#dcdad5;background-color:#121212;font-family:Courier Prime,monospace;overflow-x:hidden}#start-overlay{z-index:10000;cursor:pointer;background-color:#050505;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.blink-text{color:#555;letter-spacing:4px;font-family:Courier Prime,monospace;font-size:14px;animation:2s linear infinite blinker}@keyframes blinker{50%{opacity:0}}#intro-view{z-index:9999;cursor:pointer;background-color:#050505;width:100vw;height:100vh;transition:opacity 2s ease-out;position:fixed;top:0;left:0}.intro-text{color:#dcdad5;letter-spacing:7px;opacity:0;will-change:opacity, transform;max-width:80%;font-family:Crimson Text,serif;font-size:14px;line-height:1.6;position:absolute;transform:translate(30px)}#intro-text-1{text-align:left;top:25%;left:10%}#intro-text-2{text-align:right;bottom:25%;right:10%}#intro-text-3{text-align:left;top:45%;left:15%}#intro-text-4{text-align:right;top:15%;right:15%}#intro-text-5{color:#b30000;letter-spacing:12px;text-transform:uppercase;text-align:center;width:100%;font-size:26px;font-weight:700;top:50%;left:50%;transform:translate(calc(30px - 50%),-50%)scale(.95)}@keyframes pulseGlow{0%{text-shadow:1px 1px 2px #000c,0 0 10px #8b000066,0 0 20px #8b000033}to{text-shadow:1px 1px 2px #000000e6,0 0 15px #a30000b3,0 0 30px #a3000066,0 0 45px #8b000033}}.intro-text.show{opacity:1;transition:opacity 3s ease-out,transform 12s ease-out;transform:translate(0,0)}#intro-text-5.show{opacity:1;transition:opacity 3s ease-out,transform 15s ease-out;animation:3s infinite alternate pulseGlow;transform:translate(-50%,-50%)scale(1)}.intro-text.fade-out{opacity:0;transition:opacity 2.5s ease-in,transform 6s linear;transform:translate(-30px)}#intro-text-5.fade-out{opacity:0;transition:opacity 2.5s ease-in,transform 8s linear;transform:translate(calc(-50% - 30px),-50%)scale(1.05)}#cover-view{background:radial-gradient(circle,#2a0808 0%,#000 80%);flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:20px;display:flex}#cover-image{border:1px solid #333;border-radius:4px;width:100%;max-width:350px;margin-bottom:40px;box-shadow:0 10px 30px #000c}.btn{color:#f5f5f5;letter-spacing:2px;cursor:pointer;background-color:#a30000;border:1px solid #ff4d4d;padding:12px 30px;font-family:Courier Prime,monospace;font-size:16px;font-weight:700;transition:all .3s}.btn:active{background-color:#5c0000}#transition-overlay{z-index:9000;opacity:0;pointer-events:none;background-color:#050505;justify-content:center;align-items:center;width:100vw;height:100vh;transition:opacity 1s ease-in-out;display:flex;position:fixed;top:0;left:0}#transition-overlay.show{opacity:1;pointer-events:all}#reader-view{padding-top:110px;padding-bottom:80px}#header-main{z-index:105;background-color:#0a0a0a;border-bottom:1px solid #333;width:100%;position:fixed;top:0;left:0}.header-row-1{text-align:center;color:#c5a059;letter-spacing:1px;border-bottom:1px dashed #222;padding:8px 10px;font-size:13px}.header-row-2{justify-content:space-between;align-items:center;padding:10px 20px;font-size:14px;display:flex}#arc-title{color:#a30000;text-transform:uppercase;font-weight:700}#chapter-select{color:#dcdad5;cursor:pointer;background:#1a1a1a;border:1px solid #444;border-radius:2px;outline:none;max-width:50%;padding:6px 10px;font-family:Courier Prime,monospace;font-size:13px}#header-row-3{text-align:center;color:#dcdad5;z-index:100;white-space:nowrap;text-overflow:ellipsis;background-color:#121212;border-bottom:1px solid #333;width:100%;padding:12px 20px;font-size:16px;font-weight:700;transition:transform .3s ease-in-out;position:fixed;top:73px;left:0;overflow:hidden}#header-row-3.hide{transform:translateY(-120%)}#content{max-width:700px;margin:0 auto;padding:30px 25px}.novel-text{color:#dcdad5;text-align:justify;font-family:Crimson Text,serif;font-size:20px;line-height:1.8}.novel-text p{text-indent:2.5em;margin-bottom:1.2em}#footer{z-index:105;background-color:#0a0a0a;border-top:1px solid #333;justify-content:space-between;width:100%;padding:15px 20px;transition:transform .3s ease-in-out;display:flex;position:fixed;bottom:0;left:0}#footer.hide{transform:translateY(100%)}.nav-btn{color:#c5a059;cursor:pointer;background:0 0;border:1px solid #c5a059;padding:8px 15px;font-family:Courier Prime,monospace;font-size:14px;transition:all .2s}.nav-btn:disabled{opacity:.3;cursor:not-allowed;color:#555;border-color:#555}.nav-btn:active:not(:disabled){color:#000;background:#c5a059}
