:root{--fire: #ff7a18;--ember: #ffcf3f;--ink: #eaf0ff;--mut: #93a4d6}*{margin:0;padding:0;box-sizing:border-box}html,body{background:#04081a;color:var(--ink);font-family:VT323,monospace;overflow-x:hidden}img{image-rendering:pixelated;-webkit-user-drag:none}h1,h2,.ch-no,.btn,.ca,.hint,.progress{font-family:"Press Start 2P",monospace}.scene{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0;background:#04081a;image-rendering:pixelated;will-change:contents}.veil{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 42%,transparent 28%,rgba(4,6,18,.62)),linear-gradient(180deg,rgba(4,6,18,.5),transparent 22%,transparent 64%,rgba(4,6,18,.66))}.progress{position:fixed;top:0;left:0;height:4px;width:100%;transform-origin:0 50%;z-index:30;background:linear-gradient(90deg,var(--fire),var(--ember));box-shadow:0 0 12px #ff7a18cc}.stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;pointer-events:none}.hero{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:20px;gap:6px}.logo{width:min(140px,38vw);border-radius:18px;image-rendering:pixelated;filter:drop-shadow(0 10px 30px rgba(0,0,0,.7)) drop-shadow(0 0 26px rgba(255,122,24,.35))}.hero h1{font-size:clamp(34px,8vw,76px);letter-spacing:4px;color:#fff;margin-top:18px;text-shadow:4px 4px 0 #000,0 0 30px rgba(255,122,24,.55)}.hero p{font-size:clamp(20px,3vw,30px);color:var(--ember);letter-spacing:1px}.chapter{position:absolute;top:50%;transform:translateY(-50%);max-width:min(520px,86vw);padding:0 7vw}.chapter.left{left:0;text-align:left}.chapter.right{right:0;text-align:right}.ch-no{font-size:13px;letter-spacing:3px;color:var(--fire)}.chapter h2{font-size:clamp(20px,4vw,38px);line-height:1.3;margin:16px 0;color:#fff;text-shadow:3px 3px 0 #000,0 0 28px rgba(255,122,24,.4)}.chapter p{font-size:clamp(20px,2.7vw,28px);line-height:1.35;color:var(--ink);text-shadow:0 2px 10px #000}.join{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px;pointer-events:auto}.join h2{font-size:clamp(20px,4.5vw,42px);color:#fff;text-shadow:3px 3px 0 #000,0 0 36px rgba(255,122,24,.5)}.join p{font-size:clamp(20px,3vw,28px);color:var(--mut);margin:16px 0 28px}.cta{display:flex;gap:14px;flex-wrap:wrap;justify-content:center}.btn{font-size:13px;text-decoration:none;padding:16px 24px;color:var(--ink);background:#0e1840;cursor:pointer;border:0;box-shadow:0 6px #060b22,inset 0 0 0 2px #2a3a78;transition:transform .08s,box-shadow .08s,background .15s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px #060b22,inset 0 0 0 2px #46f;background:#16234f}.btn:active{transform:translateY(4px);box-shadow:0 2px #060b22,inset 0 0 0 2px #2a3a78}.btn.primary{color:#2a1200;background:linear-gradient(180deg,#ffb24d,var(--fire));box-shadow:0 6px #8a3a00,inset 0 0 0 2px #ffd98a}.btn.primary:hover{background:linear-gradient(180deg,#ffc266,#ff8a2a);box-shadow:0 8px #8a3a00,inset 0 0 0 2px #fff0c0}.btn.primary:active{box-shadow:0 2px #8a3a00,inset 0 0 0 2px #ffd98a}.ca{margin-top:30px;font-size:11px;color:var(--mut);cursor:pointer;background:#040818b3;padding:12px 16px;pointer-events:auto;border:0;box-shadow:inset 0 0 0 2px #1c2a5c;letter-spacing:1px}.ca b{color:var(--ember)}.ca span{color:#7ce0a0}.hint{position:absolute;left:50%;bottom:36px;transform:translate(-50%);font-size:11px;color:var(--mut);letter-spacing:2px;animation:bob 1.6s ease-in-out infinite}@keyframes bob{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(6px)}}.driver{height:560vh}