.cinematic-edition .title-art{background-image:url(assets/film-arrival.webp);background-position:66% center;animation:cinema-title 18s ease-in-out infinite alternate}
.cinematic-edition .start-actions{flex-wrap:wrap;gap:14px 22px}.cinematic-edition .start-silent{font-size:12px;border-bottom:1px solid #a0b0ac;padding:7px 0}.cinematic-edition .title-caption{background:#0b20286b;padding:12px 18px;backdrop-filter:blur(4px)}
.cinematic-edition .game-screen{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,1fr);align-content:start;column-gap:26px;padding:0 3.4vw 35px;background:#0b2028}
.cinematic-edition .scene-top,.cinematic-edition .progress{grid-column:1/-1;padding-left:0;padding-right:0}.cinematic-edition .scene-top{padding-top:22px}.cinematic-edition .progress{padding-bottom:22px}
.cinematic-edition .scene-art,.cinematic-edition .scene-shade,.cinematic-edition .scene-aside{display:none}
.cinematic-edition .story-frame{display:block;padding:0;margin:0;max-width:none;align-self:start;min-width:0}
.cinematic-edition .dialogue-panel{padding:23px 24px 15px;min-height:0;background:#102a31;border:1px solid #dabb7d4d;border-top:2px solid #e9c386;box-shadow:none;backdrop-filter:none}
.cinematic-edition .story-text{font-size:17px;line-height:2;min-height:0}.cinematic-edition .chapter-tag{font-size:9px;letter-spacing:.08em}.cinematic-edition .speaker-line{margin-bottom:14px}.cinematic-edition .dialogue-bottom{gap:10px}.cinematic-edition .dialogue-bottom>span{max-width:46%}.cinematic-edition .next-button{gap:14px;white-space:nowrap}
.cinematic-edition .choice{padding:12px;grid-template-columns:24px 1fr 12px;gap:9px}.cinematic-edition .choice strong{font-size:14px}.cinematic-edition .choice small{font-size:11px}.cinematic-edition .suggestions{flex-direction:column}.cinematic-edition .messages{max-height:180px}
.film-anchor{min-width:0;align-self:start;position:sticky;top:20px}.film-stage{margin:0;width:100%}.film-window{position:relative;overflow:hidden;aspect-ratio:16/9;background:#08151d;isolation:isolate;border:1px solid #e9c3864d;box-shadow:0 16px 50px #0003}
.film-image,.film-video{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.film-image{opacity:0;transition:opacity .8s ease;will-change:transform}.film-image.is-visible{opacity:1}.film-video{z-index:2}.film-light{position:absolute;inset:-20%;z-index:3;pointer-events:none;background:linear-gradient(115deg,transparent 35%,#ffdc9730 50%,transparent 64%);mix-blend-mode:screen;animation:cinema-light 13s ease-in-out infinite alternate}.film-memory .film-light{display:none}
.film-grain{position:absolute;inset:0;z-index:4;pointer-events:none;background:radial-gradient(circle at 15% 60%,#ffebb980 0 1px,transparent 2px),radial-gradient(circle at 72% 33%,#ffebb960 0 1px,transparent 2px),radial-gradient(circle at 45% 80%,#ffebb940 0 1px,transparent 2px);background-size:37% 70%,52% 64%,68% 80%;animation:cinema-dust 17s linear infinite;opacity:.45}
.film-stage figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;padding:12px 0;font-family:var(--serif);font-size:14px;letter-spacing:.035em;color:#e5d7c0}.film-tools{display:flex;gap:12px;flex-wrap:wrap;border-top:1px solid #e9c38626;padding-top:8px}.film-tools button{font-size:11px;color:#b8c9c6;min-height:36px;padding:5px 0}.film-tools button:hover{color:var(--gold)}.film-caption-marker{font:10px var(--sans);letter-spacing:.18em;color:var(--gold);white-space:nowrap}.film-stage.motion-paused *{animation-play-state:paused!important}.film-stage.motion-paused .film-image{will-change:auto}
.cinematic-edition .ending-screen{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,1fr);gap:35px;padding:42px 4vw;align-items:start}.cinematic-edition .ending-content{max-width:none}.cinematic-edition .ending-art{display:none}.cinematic-edition .ending-content h2{font-size:30px}.cinematic-edition .ending-index{margin-top:18px}.cinematic-edition .ending-copy{font-size:16px}.cinematic-edition .ending-screen .film-anchor{top:24px}
@keyframes cinema-title{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes cinema-light{from{transform:translateX(-5%);opacity:.25}to{transform:translateX(8%);opacity:.7}}@keyframes cinema-dust{from{transform:translate(0,0)}to{transform:translate(-4%,-5%)}}
@media(max-width:950px){.cinematic-edition .game-screen{grid-template-columns:minmax(0,1fr);padding:0 20px 30px;gap:0}.film-anchor{position:relative;top:auto;max-width:900px;width:100%;margin:0 auto}.cinematic-edition .story-frame{width:100%;margin:12px auto 0;max-width:900px}.cinematic-edition .ending-screen{grid-template-columns:minmax(0,1fr);padding:28px 22px;gap:24px}.cinematic-edition .ending-screen .film-anchor{top:auto}.cinematic-edition .ending-content{max-width:750px;margin:auto}.cinematic-edition .story-text{font-size:18px}.cinematic-edition .title-content{padding-bottom:155px}}
@media(max-width:650px){.cinematic-edition .game-screen{padding:0 12px 24px}.cinematic-edition .scene-top{padding:16px 6px 0;gap:8px}.cinematic-edition .progress{padding:10px 6px 15px}.cinematic-edition .dialogue-panel{padding:18px 17px 12px}.cinematic-edition .story-text{font-size:16px;line-height:1.95}.film-stage figcaption{font-size:12px;min-height:44px;padding:9px 3px}.film-caption-marker{font-size:8px}.film-tools{padding:1px 3px 0}.film-tools button{font-size:10px}.cinematic-edition .title-art{background-position:60% top;background-size:auto 67svh}.cinematic-edition .title-shade{background:linear-gradient(0deg,#09232a 15%,#09232a90 55%,#09232a20)}.cinematic-edition .title-content{padding-top:190px}.cinematic-edition .title-content h1{font-size:43px}.cinematic-edition .title-content h1 span{display:inline-block;margin:0;white-space:nowrap}.cinematic-edition .episode{margin:14px 0 12px}.cinematic-edition .title-lead{margin-top:17px}.cinematic-edition .start-actions{gap:12px 18px}.cinematic-edition .ending-content h2{font-size:27px}.cinematic-edition .ending-screen{padding:20px 14px}.cinematic-edition .ending-content{padding:0 7px}.cinematic-edition .next-button{font-size:12px}.cinematic-edition .dialogue-bottom>span{font-size:10px}}
@media(prefers-reduced-motion:reduce){.cinematic-edition .title-art,.film-light,.film-grain{animation:none!important}.film-image{transition:none}}