.is-prologue .header,.is-prologue .footer{display:none}.is-prologue .site-wrap{max-width:1440px;padding:24px 32px}.is-prologue #app{min-height:0}
.life-prologue{position:relative;isolation:isolate;display:flex;flex-direction:column;min-height:min(780px,calc(100svh - 48px));padding:30px 44px;color:#f6ecd5;background:#17211e;overflow:hidden;border:1px solid #837458}
.prologue-landscape{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(17,28,24,.96),rgba(17,28,24,.81) 55%,rgba(17,28,24,.45)),url('assets/chronicle-hero.png') center/cover}
.prologue-top,.prologue-controls{display:flex;justify-content:space-between;gap:24px;align-items:center}.prologue-top{font-size:13px;letter-spacing:1px;color:#dacba9}.prologue-skip{color:#dacba9;text-decoration:underline;text-underline-offset:5px;font-size:13px}
.prologue-scene{position:relative;flex:1;padding:55px 4px 45px;max-width:850px}.prologue-symbol{position:absolute;right:0;top:20px;font:210px/1 var(--serif);color:#dfcf9d0b;pointer-events:none}
.prologue-eyebrow{font-size:13px;font-weight:500;letter-spacing:2px;color:#d9bc7b;margin-bottom:24px}.prologue-scene h1{font:600 clamp(27px,3.2vw,42px)/1.6 var(--serif);color:#fff6df;word-break:keep-all;margin:0 0 27px;outline-offset:8px}
.prologue-copy{font:400 17px/2.05 var(--sans);color:#eee4cd;white-space:pre-line;max-width:720px;word-break:keep-all}.prologue-detail{margin-top:28px;padding:16px 20px;border-left:2px solid #c5a669;background:#e5ce9220;font-size:15px;line-height:1.9;color:#f1e4c4;max-width:710px;word-break:keep-all}.prologue-foot{font-size:13px;color:#c7baa1;margin-top:30px;line-height:1.9}
.prologue-controls{border-top:1px solid #e2d1a744;padding-top:23px}.prologue-dots{display:flex;align-items:center;gap:8px}.prologue-dots i{height:4px;width:24px;background:#cdb88235}.prologue-dots i.seen{background:#a48d55}.prologue-dots i.current{background:#f4d894}.prologue-dots span{margin-left:8px;font-size:12px;color:#e3d5b5;white-space:nowrap}.prologue-actions{display:flex;gap:18px;align-items:center}.prologue-actions button{font-size:13px;color:#dfd0b2;min-height:44px}.prologue-actions .prologue-next{background:#e2c88a;color:#222c24;padding:12px 20px;font-size:14px;font-weight:700;white-space:nowrap}
.prologue-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;max-width:580px;margin-top:25px}.prologue-stats>div{padding:14px 18px;background:#0e1b17a8;border:1px solid #bba77877}.prologue-stats span{display:block;color:#d8cba8;font-size:13px}.prologue-stats strong{font:600 30px/1.6 var(--serif);color:#fff1c7}
.prologue-crossing{background:#151b26}.prologue-crossing .prologue-landscape{background:linear-gradient(135deg,#101925 10%,#172335 68%,#a6a892 140%)}.prologue-crossing .prologue-landscape:before{content:'';position:absolute;right:-12%;bottom:12%;width:90%;height:25%;background:repeating-linear-gradient(90deg,transparent 0 55px,#c6c4b419 55px 100px);transform:skewY(-15deg);border-top:1px solid #ece1c325;border-bottom:1px solid #ece1c325}.prologue-crossing .prologue-landscape:after{content:'';position:absolute;right:-80px;top:15%;height:230px;width:380px;background:radial-gradient(ellipse,#eeeac17a,transparent 65%);transform:rotate(-18deg)}
.life-prologue button:hover{color:#fff4d7}.life-prologue .prologue-next:hover{background:#f4dc9d;color:#17221b}.life-prologue button:focus-visible{outline:2px solid #f4d894;outline-offset:5px}
@media(max-width:760px){.is-prologue .site-wrap{padding:0}.life-prologue{min-height:100svh;padding:22px 23px;border:0}.prologue-top{align-items:flex-start;gap:15px;font-size:11px}.prologue-skip{font-size:12px}.prologue-scene{padding:44px 0 30px}.prologue-scene h1{font-size:28px}.prologue-copy{font-size:15px;line-height:2}.prologue-eyebrow{font-size:12px}.prologue-detail{font-size:14px;padding:13px 15px}.prologue-foot{font-size:12px}.prologue-controls{flex-direction:column;align-items:stretch;gap:18px}.prologue-dots{justify-content:center}.prologue-actions{justify-content:space-between;gap:8px;flex-wrap:wrap}.prologue-actions .prologue-next{flex:1;margin-left:8px}.prologue-stats{gap:8px}.prologue-stats>div{padding:10px;text-align:center}.prologue-stats strong{font-size:25px}.prologue-symbol{font-size:170px;top:30px}}