dialog.cutscene-dialog{position:fixed;inset:0;margin:0;padding:0;border:0;border-radius:0;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;overflow:auto;background:#171c19;color:#fff;box-sizing:border-box;isolation:isolate;animation:cutscene-arrive .65s ease-out}
.cutscene-dialog::backdrop{background:#111}
.cutscene-image,.cutscene-shade{position:absolute;inset:0;width:100%;height:100%;min-height:100%;pointer-events:none}
.cutscene-image{object-fit:cover;object-position:50% 45%;z-index:-2}
.cutscene-shade{background:linear-gradient(180deg,rgba(5,10,8,.06) 20%,rgba(5,10,8,.22) 45%,rgba(5,10,8,.82) 100%);z-index:-1}
.cutscene-content{box-sizing:border-box;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;text-align:center;padding:32px max(24px,env(safe-area-inset-right)) max(28px,env(safe-area-inset-bottom));text-shadow:0 2px 14px #000;gap:12px}
.cutscene-content .cutscene-label{color:#fff;font-size:13px;letter-spacing:.24em;text-transform:uppercase;margin:0;opacity:.9}
.cutscene-content h1{color:#fff;font-family:Georgia,serif;font-size:clamp(28px,calc(4vw * var(--text-scale,1)),72px);line-height:1.15;font-weight:400;max-width:1050px;margin:0;text-wrap:balance;overflow-wrap:anywhere}
.cutscene-content #cutscene-year{color:#fff;font-size:clamp(19px,2vw,27px);letter-spacing:.13em;margin:0}
.cutscene-content .cutscene-continue{min-height:44px;padding:10px 27px;margin-top:15px;border:1px solid #ffffffb0;border-radius:3px;color:#fff;background:#1118;font:16px Georgia,serif;cursor:pointer;text-shadow:none;box-shadow:none}
.cutscene-continue:hover,.cutscene-continue:focus-visible{background:#ffffff26;outline:2px solid white;outline-offset:4px}
@keyframes cutscene-arrive{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.cutscene-content{padding-left:22px;padding-right:22px;gap:10px}.cutscene-content h1{font-size:clamp(27px,calc(7.5vw * var(--text-scale,1)),50px)}.cutscene-shade{background:linear-gradient(180deg,#08100c00 15%,#08100c33 45%,#08100cee 100%)}}
@media(max-height:450px){.cutscene-content{padding-top:14px;padding-bottom:max(12px,env(safe-area-inset-bottom));gap:5px}.cutscene-content h1{font-size:calc(28px * var(--text-scale,1))}.cutscene-content .cutscene-continue{margin-top:5px}.cutscene-content .cutscene-label{font-size:11px}}
@media(prefers-reduced-motion:reduce){dialog.cutscene-dialog{animation:none}}
.no-motion .cutscene-dialog{animation:none}

.cutscene-content .cutscene-summary{color:white;max-width:680px;margin:0;font-size:clamp(16px,2vw,22px);line-height:1.45;text-wrap:balance}
@media(max-height:450px){.cutscene-content .cutscene-summary{font-size:15px;max-width:650px}}