/* A quiet illustrated folio inside the game's angular interface. */
.prologue-shade{position:fixed;inset:0;z-index:50;padding:clamp(12px,3vw,44px);background:#040b10f5;display:grid;place-items:center;overflow:auto}
.prologue-book{--story-paper:#101e23;--story-ink:#ece9dc;--story-sub:#aab9b7;--story-line:#3a4b4e;--story-note:#19282c;width:min(1440px,100%);background:var(--story-paper);color:var(--story-ink);border:1px solid var(--story-line);box-shadow:0 24px 100px #0006;display:flex;flex-direction:column;max-height:calc(100dvh - clamp(24px,6vw,88px));min-height:0}
.prologue-header{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:18px 26px;border-bottom:1px solid var(--story-line);flex-shrink:0}
.prologue-brand{display:flex;align-items:center;gap:12px;font-size:12px;letter-spacing:1.8px}
.prologue-brand>b{border:1px solid var(--amber);color:var(--amber);padding:8px 7px;font-size:18px;letter-spacing:-2px}
.prologue-brand small{display:block;font-size:9px;color:var(--story-sub);letter-spacing:1.5px;margin-top:5px}
.prologue-tools{display:flex;align-items:center;gap:22px}
.prologue-tools button,.prologue-back{background:none;border:0;color:var(--story-sub);font-size:11px;padding:10px 0;min-height:38px}
.prologue-tools button:hover,.prologue-back:hover{color:var(--amber)}
.prologue-tools .prologue-skip{color:var(--story-ink);font-size:12px}
.prologue-spread{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(400px,1fr);min-height:0;overflow:auto}
.prologue-art{margin:0;min-height:570px;position:relative;overflow:hidden;background:#1c3b40;isolation:isolate}
.prologue-painting{position:absolute;inset:0;width:100%;height:100%;animation:prologue-drift 24s ease-in-out infinite alternate;will-change:transform}
.prologue-art:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#06171de8,transparent 45%,#0b182633);pointer-events:none}
.prologue-light{position:absolute;inset:-50%;background:radial-gradient(ellipse at 32% 24%,#ffc55e2b,transparent 40%);mix-blend-mode:screen;animation:prologue-light 16s ease-in-out infinite alternate;pointer-events:none}
.prologue-art-mark{position:absolute;left:28px;top:28px;z-index:1;font-size:10px;letter-spacing:2px;padding:8px 10px;border:1px solid #ecede14d;color:#f6ecd4;background:#152d3440}
.prologue-art figcaption{position:absolute;z-index:1;left:32px;right:28px;bottom:34px;color:#fff5dd;display:flex;flex-direction:column;align-items:flex-start;gap:13px}
.prologue-art figcaption>span{font-size:10px;letter-spacing:2.5px;color:#e8d9af}
.prologue-art figcaption strong{font-family:Georgia,serif;font-size:clamp(20px,2vw,29px);font-weight:400;line-height:1.35;max-width:350px}
.prologue-art figcaption i{height:2px;width:52px;background:#e7b767;margin-top:5px}
.prologue-page{padding:clamp(28px,3.3vw,50px);display:flex;flex-direction:column;justify-content:center;min-width:0;animation:prologue-page-in .55s ease-out both}
.page-1 .prologue-page{animation-name:prologue-page-in-alt}
.prologue-eyebrow,.prologue-label{font-size:10px;letter-spacing:1.7px;line-height:1.6;text-transform:uppercase;color:var(--amber)}
.prologue-page h1{font-family:Georgia,'Times New Roman',serif;color:var(--story-ink);font-size:clamp(32px,3.3vw,48px);line-height:1.12;letter-spacing:-1.6px;margin:18px 0 20px;font-weight:400}
.prologue-narrative{font-family:Rajdhani,sans-serif;font-size:19px;line-height:1.55;letter-spacing:.1px;color:var(--story-sub);max-width:52ch}
.prologue-note{margin-top:27px;padding:20px 22px;border:1px solid var(--story-line);background:var(--story-note);position:relative}
.prologue-note:before{content:'';width:32px;height:2px;background:var(--amber);position:absolute;top:-1px;left:22px}
.opening-note>strong{font-family:Rajdhani,sans-serif;font-size:35px;display:block;font-weight:600;margin-top:8px;line-height:1.1}
.opening-note>strong>small{display:block;font-family:ShareTech,monospace;font-size:10px;font-weight:400;line-height:1.6;color:var(--story-sub);margin-top:6px}
.prologue-budget{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px;border-top:1px solid var(--story-line);padding-top:16px}
.prologue-budget>span{font-size:10px;color:var(--story-sub)}
.prologue-budget b{display:block;font-weight:400;color:var(--story-ink);font-size:14px;margin-top:7px;line-height:1.4}
.prologue-budget small{display:block;font-size:9px;margin-top:4px;color:var(--story-sub)}
.prologue-footnote{font-family:Rajdhani,sans-serif;font-size:15px;color:var(--story-sub);line-height:1.45;margin-top:20px;max-width:55ch}
.ambition-note h2{font-family:Rajdhani,sans-serif;font-size:23px;line-height:1.25;letter-spacing:0;margin:10px 0 18px}
.prologue-route{padding:0;margin:0;list-style:none;display:flex;gap:12px}
.prologue-route li{flex:1;display:flex;flex-direction:column;gap:8px;border-top:1px solid var(--story-line);padding-top:12px;font-family:Rajdhani,sans-serif;font-size:15px;line-height:1.2}
.prologue-route b{font-family:ShareTech,monospace;color:var(--amber);font-weight:400;font-size:11px}
.prologue-details{margin-top:15px;font-size:11px;color:var(--story-sub)}
.prologue-details summary{cursor:pointer;min-height:32px;line-height:32px}
.prologue-details p{font-family:Rajdhani,sans-serif;font-size:16px;line-height:1.5;margin-top:5px}
.prologue-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:24px}
.prologue-choices button{display:flex;flex-direction:column;align-items:flex-start;gap:13px;border:1px solid var(--story-line);background:transparent;color:var(--story-sub);padding:17px 14px;font-size:12px}
.prologue-choices svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.4}
.prologue-choices button.chosen{color:var(--amber);border-color:var(--amber);background:var(--story-note)}
.prologue-choices button:hover{border-color:var(--amber)}
.prologue-lesson{border-left:2px solid var(--amber);padding-left:18px;margin-top:22px;min-height:131px}
.prologue-lesson p{font-family:Rajdhani,sans-serif;color:var(--story-sub);font-size:17px;line-height:1.5;margin-top:8px}
.prologue-month-loop{list-style:none;padding:0;margin:23px 0 0;display:grid;gap:0}
.prologue-page:has(.prologue-month-loop){padding-top:28px;padding-bottom:28px}
.prologue-page:has(.prologue-month-loop) .prologue-narrative{font-size:17px}
.prologue-month-loop li{display:flex;gap:16px;position:relative;padding-bottom:18px}
.prologue-month-loop li:last-child{padding-bottom:0}
.prologue-month-loop li:not(:last-child):after{content:'';position:absolute;left:14px;top:29px;bottom:0;border-left:1px solid var(--story-line)}
.prologue-month-loop b{font-size:10px;font-weight:400;color:var(--amber);width:29px;height:29px;border:1px solid var(--story-line);display:grid;place-items:center;flex-shrink:0;background:var(--story-note)}
.prologue-month-loop strong{font-family:Rajdhani,sans-serif;font-size:19px;font-weight:600;display:block;line-height:1.2}
.prologue-month-loop small{font-family:Rajdhani,sans-serif;color:var(--story-sub);font-size:15px;line-height:1.35;display:block;margin-top:4px}
.prologue-first-action{margin-top:22px;border-top:1px solid var(--story-line);padding-top:17px}
.prologue-first-action>button{display:flex;align-items:center;justify-content:space-between;width:100%;gap:12px;background:var(--story-note);border:1px solid var(--story-line);padding:13px 15px;margin-top:9px;text-align:left;color:var(--story-ink)}
.prologue-first-action>button:hover{border-color:var(--amber)}
.prologue-first-action strong{display:block;font-family:Rajdhani,sans-serif;font-size:18px;font-weight:600}
.prologue-first-action small{display:block;font-size:10px;color:var(--story-sub);margin-top:4px;line-height:1.5}
.prologue-first-action b{color:var(--amber);font-weight:400}
.prologue-first-action>.prologue-alternative{border:0;background:transparent;padding:5px 0;margin-top:8px;font-size:10px;color:var(--story-sub)}
.prologue-footer{border-top:1px solid var(--story-line);padding:18px 26px;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-shrink:0;background:var(--story-paper)}
.prologue-chapters{display:flex;gap:18px;flex:1}
.prologue-chapters button{min-width:28px;display:flex;flex-direction:column;align-items:flex-start;gap:8px;border:0;background:none;padding:4px 0;color:var(--story-sub);font-size:10px;text-align:left}
.prologue-chapters button>span{padding-top:7px;border-top:2px solid var(--story-line);min-width:32px}
.prologue-chapters small{font-size:9px;white-space:nowrap}
.prologue-chapters button.current{color:var(--amber)}
.prologue-chapters button.current>span,.prologue-chapters button.visited>span{border-color:var(--amber)}
.prologue-pagination{display:flex;align-items:center;gap:22px}
.prologue-pagination .action{min-height:44px;font-size:11px;white-space:nowrap}
.light .prologue-book{--story-paper:#f1ebde;--story-ink:#233b40;--story-sub:#53686a;--story-line:#c8c7b9;--story-note:#e8e2d3;--amber:#795717}
.light .prologue-pagination .action.primary{background:#e5b249;border-color:#e5b249;color:#223238}
.no-motion .prologue-painting,.no-motion .prologue-light,.no-motion .prologue-page{animation:none;transform:none;will-change:auto}
@keyframes prologue-drift{from{transform:scale(1.02) translate(-.3%,0)}to{transform:scale(1.10) translate(.5%,-.5%)}}
@keyframes prologue-light{from{transform:translate(-2%,-1%);opacity:.5}to{transform:translate(3%,2%);opacity:1}}
@keyframes prologue-page-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes prologue-page-in-alt{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1000px) and (max-height:820px){.prologue-shade{padding:18px}.prologue-book{max-height:calc(100dvh - 36px)}.prologue-header{padding:12px 24px}.prologue-page{padding:26px 35px}.prologue-art{min-height:520px}.prologue-page h1{font-size:35px;margin:12px 0 16px}.prologue-narrative{font-size:17px}.prologue-note{margin-top:20px;padding:16px 20px}.prologue-footnote{margin-top:15px;font-size:14px}.prologue-footer{padding:12px 24px}.prologue-month-loop{margin-top:18px}.prologue-month-loop li{padding-bottom:12px}.prologue-first-action{margin-top:16px;padding-top:12px}}
@media(max-width:1100px){.prologue-chapters{gap:12px}.prologue-chapters small{display:none}.prologue-spread{grid-template-columns:minmax(0,1fr) minmax(360px,1fr)}.prologue-page{padding:28px}}
@media(max-width:760px){.prologue-shade{padding:0}.prologue-book{max-height:100dvh;height:100dvh;border:0}.prologue-header{padding:12px 16px}.prologue-brand{font-size:10px;letter-spacing:1px}.prologue-brand small{font-size:7px;letter-spacing:.8px}.prologue-brand>b{font-size:15px}.prologue-tools{gap:13px}.prologue-tools button{font-size:10px}.prologue-tools .prologue-skip{font-size:10px}.prologue-spread{display:flex;flex-direction:column}.prologue-art{min-height:260px;flex-shrink:0}.prologue-art figcaption{left:22px;bottom:23px;gap:8px}.prologue-art figcaption strong{font-size:23px;max-width:none}.prologue-art figcaption i{display:none}.prologue-art-mark{top:18px;left:22px}.prologue-page{padding:27px 24px 32px;flex-shrink:0}.prologue-page h1{font-size:36px;margin-top:13px;max-width:420px}.prologue-narrative{font-size:18px}.prologue-footer{padding:12px 16px;gap:12px}.prologue-chapters{gap:8px;flex:0}.prologue-chapters button{min-width:14px;min-height:38px}.prologue-chapters button>span{min-width:15px;font-size:9px}.prologue-pagination{gap:12px;margin-left:auto}.prologue-back{font-size:10px}.prologue-pagination .action{font-size:10px;padding:10px 12px;gap:12px}.prologue-lesson{min-height:0}.prologue-choices button{padding:15px 12px}}
@media(max-width:380px){.prologue-brand small{display:none}.prologue-tools{gap:10px}.prologue-chapters{gap:5px}.prologue-back{font-size:0}.prologue-back:before{content:'←';font-size:15px}.prologue-page{padding:24px 20px}}
@media(prefers-reduced-motion:reduce){.prologue-painting,.prologue-light,.prologue-page{animation:none!important;transform:none!important;will-change:auto}}