.prologue{position:fixed;inset:0;z-index:60;color:#f1ead9;background:linear-gradient(90deg,rgba(7,19,27,.98),rgba(7,19,27,.9) 32%,rgba(7,19,27,.32) 59%,transparent 78%);font-family:Georgia,serif}
.prologue *{box-sizing:border-box}.prologue button,.prologue input,.prologue select{font:inherit}
.prologue-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;font:11px/1.4 sans-serif;letter-spacing:.2em;color:#cfc5a4}.prologue-top i{margin:0 15px;color:#6d938e}
.prologue button{color:#dedbc9;background:#153239;border:1px solid #536b66;border-radius:5px;padding:11px 16px;cursor:pointer;text-align:left;transition:background .16s,border-color .16s}.prologue button:hover{background:#244c50;border-color:#c8b37c}.prologue button:focus-visible,.prologue input:focus-visible,.prologue select:focus-visible{outline:2px solid #ffe4a1;outline-offset:3px}.prologue button:disabled{opacity:.4;cursor:default}
.prologue-layout{height:calc(100dvh - 76px);padding:1vh 0 3vh 4vw}.prologue-story{width:min(510px,44vw);max-height:100%;overflow-y:auto;padding:10px 26px 22px 0;scrollbar-width:thin;scrollbar-color:#54746f transparent}
.prologue-progress{display:flex;gap:7px;margin:0 0 22px}.prologue-progress span{height:3px;width:30px;background:#344749}.prologue-progress .reached{background:#c7ad70}.prologue-location{font:10px/1.6 sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#a7c4be}.prologue h1{font-size:clamp(28px,3.5vw,49px);font-weight:400;line-height:1.05;letter-spacing:-.035em;margin:16px 0 22px;outline:none}.prologue-body>p{font-size:16px;line-height:1.7;margin:0 0 17px;color:#d9e1d8}.prologue-body .prologue-note{font:12px/1.6 sans-serif;color:#abc1bb}.prologue-body .prologue-quote{font-style:italic;color:#efdab0;border-left:2px solid #ae9560;padding-left:16px}.prologue-body .prologue-kicker{color:#d8bb7e;font:11px/1.5 sans-serif;letter-spacing:.12em;text-transform:uppercase;margin:20px 0 8px}.prologue-body .prologue-memory{background:#16323899;padding:16px;border:1px solid #40625d;border-radius:4px}
.prologue-objects{display:flex;flex-wrap:wrap;gap:9px}.prologue [aria-pressed=true]{border-color:#dcc181;background:#33504b;box-shadow:inset 3px 0 #d8bd7e}.prologue-choices{display:grid;gap:10px;margin:20px 0}.prologue .prologue-choice{display:flex;flex-direction:column;gap:6px;padding:15px 18px;background:#122b32e6}.prologue .prologue-choice[aria-pressed=true]{background:#29483fe6}.prologue-choice small{font:9px/1.3 sans-serif;text-transform:uppercase;letter-spacing:.15em;color:#a9c1b6}.prologue-choice strong{font:23px/1.2 Georgia,serif;color:#f2e3bb}.prologue-choice span{font:13px/1.5 sans-serif;color:#bdcfc5}.prologue-choice em{font:11px/1.5 sans-serif;color:#d9bd7c}
.prologue-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px;font:12px/1.3 sans-serif}.prologue .prologue-primary{background:#dcc48b;color:#152f32;border-color:#ead7a6}.prologue .prologue-primary:hover{background:#ecd9a9}.prologue-save{font:10px/1.5 sans-serif;letter-spacing:.04em;color:#8ea9a3;margin-top:17px}.prologue-field{display:flex;flex-direction:column;gap:8px;margin:18px 0;font:12px/1.4 sans-serif;color:#b7cfc5}.prologue-field input,.prologue-field select{width:100%;padding:13px;background:#102a32;color:#f0e3bd;border:1px solid #657d70;border-radius:5px;font:17px/1.3 Georgia,serif}.prologue-field select{height:auto;appearance:auto}.prologue-palette{display:flex;gap:7px;align-items:center;flex-wrap:wrap;margin:15px 0}.prologue-palette>span{width:100%;font:12px sans-serif;color:#b7cfc5}.prologue .prologue-swatch{width:25px;height:25px;padding:0;background:var(--swatch);border:2px solid #668079}.prologue .prologue-swatch[aria-pressed=true]{outline:2px solid #f2deb1;outline-offset:2px;box-shadow:none}
.prologue-summary{border:1px solid #977e50;padding:18px;border-radius:5px;background:#25423adb}.prologue-summary strong{font-size:23px;color:#f0d59a}.prologue-summary p{font:13px/1.6 sans-serif;margin:10px 0}.prologue-summary small{font:11px/1.6 sans-serif;color:#b9cfc1}.prologue-scene-label{position:absolute;right:5vw;bottom:5vh;font:10px sans-serif;letter-spacing:.17em;text-transform:uppercase;color:#b8d1c7;text-shadow:0 2px 4px #000}
@media(min-height:850px){.prologue-layout{padding-top:4vh}}
@media(max-width:760px){.prologue{background:linear-gradient(0deg,#091a22 15%,#091a22ed 60%,#091a2288)}.prologue-top{height:60px;padding:0 20px}.prologue-top span{font-size:9px;letter-spacing:.1em}.prologue-top i{margin:0 5px}.prologue-layout{height:calc(100dvh - 60px);padding:24vh 20px 16px}.prologue-story{width:100%;padding:0 4px 20px;max-height:100%}.prologue h1{font-size:34px}.prologue-progress{margin-bottom:14px}.prologue-scene-label{display:none}.prologue[data-scene=origin] .prologue-layout,.prologue[data-scene=calling] .prologue-layout,.prologue[data-scene=arrival] .prologue-layout{padding-top:5vh}.prologue[data-scene=identity] .prologue-layout{padding-top:20vh}}
@media(prefers-reduced-motion:reduce){.prologue button{transition:none}}
.prologue-viewtools{position:absolute;right:12vw;bottom:10vh;display:flex;gap:8px;font:11px sans-serif}.prologue-viewtools button{background:#112b32c9}
@media(max-width:760px){.prologue-viewtools{top:75px;bottom:auto;right:20px}.prologue-viewtools button{padding:7px;font-size:10px}}
@media(max-width:760px){.prologue[data-scene=identity] .prologue-layout{padding-top:30vh}.prologue[data-scene=identity]{background:linear-gradient(0deg,#091a22 12%,#091a22f2 58%,#091a2233 75%,#091a2211)}.prologue-viewtools{top:calc(30vh + 18px)}}
/* телефон боком: как на компьютере — рассказ колонкой слева на всю высоту, сцена справа; всё плотнее, чтобы выбор был виден без прокрутки */
@media(max-height:520px) and (min-width:560px){.prologue{background:linear-gradient(90deg,rgba(7,19,27,.98),rgba(7,19,27,.92) 46%,rgba(7,19,27,.35) 70%,transparent 88%)}.prologue-top{height:44px;padding:0 max(4vw,env(safe-area-inset-right)) 0 max(4vw,env(safe-area-inset-left))}.prologue-top span{font-size:9px}.prologue .prologue-layout,.prologue[data-scene] .prologue-layout{height:calc(100dvh - 44px);padding:0 0 8px max(4vw,env(safe-area-inset-left))}.prologue-story{width:min(520px,58vw);padding:2px 18px 10px 0}.prologue-progress{margin-bottom:8px}.prologue h1{font-size:26px;margin:6px 0 8px}.prologue-body>p{font-size:14px;line-height:1.5;margin:0 0 9px}.prologue-body .prologue-kicker{margin:10px 0 6px}.prologue-actions{margin-top:10px}.prologue button{padding:9px 13px}.prologue-choices{margin:10px 0;gap:7px}.prologue .prologue-choice{padding:9px 13px;gap:3px}.prologue-choice strong{font-size:18px}.prologue-field{margin:10px 0}.prologue-field input,.prologue-field select{padding:9px}.prologue-save{margin-top:8px}.prologue-scene-label{display:none}.prologue[data-scene] .prologue-viewtools,.prologue-viewtools{top:52px;bottom:auto;right:max(16px,env(safe-area-inset-right))}}
@media(max-height:520px) and (min-width:560px){.prologue[data-scene=identity] .prologue-body{display:grid;grid-template-columns:1fr 1fr;column-gap:12px;align-items:end}.prologue[data-scene=identity] .prologue-body>:not(.prologue-field){grid-column:1/-1}.prologue[data-scene=identity] .prologue-palette{margin:8px 0}.prologue .prologue-swatch{width:22px;height:22px}}