.story-edition .game-frame{width:min(100%,1100px);min-width:0}.story-edition .dialog{max-width:600px;max-height:95%;overflow:auto}.story-menu{display:grid;grid-template-columns:1fr 1fr;gap:8px}.story-menu .primary{grid-column:1/-1}.story-menu .secondary{margin:0}.menu-footnote{font-size:12px!important;margin:16px 0 8px!important}.test-link{color:var(--muted);font-size:12px;line-height:1.8}.save-warning{color:#ffc59e!important;font-size:12px!important}.cinematic{position:absolute;inset:0;z-index:10;background:#080f0c;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.cinema-stage{position:absolute;inset:0;overflow:hidden;cursor:pointer}.cinema-stage img{width:100%;height:100%;object-fit:cover;object-position:50% 42%;will-change:transform;pointer-events:none}.cinema-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#050d0af5,transparent 65%,#050d0a66);pointer-events:none}.cinema-top,.cinema-dialogue{position:relative;z-index:2}.cinema-top{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;color:#e8d5ad;font-size:10px;letter-spacing:2px}.cinema-top .secondary{margin:0 0 0 8px;background:#08140dcc;padding:8px 14px}.cinema-dialogue{padding:18px 34px 26px;pointer-events:none}.cinema-dialogue h2{font:400 clamp(24px,3vw,42px) Georgia,serif;color:#edcf93;margin:0 0 14px}.cinema-dialogue strong{font-size:11px;text-transform:uppercase;letter-spacing:2px;color:var(--mint)}.cinema-dialogue p{font:clamp(15px,1.5vw,21px)/1.5 Georgia,serif;max-width:750px;margin:8px 0 16px;min-height:2.8em}.cinema-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.cinema-bottom span{font-size:11px;color:#c6bda4}.cinema-bottom button{pointer-events:auto;min-width:160px}.cinema-veil{position:absolute;inset:0;background:#050c09;pointer-events:none;z-index:1}.cinema-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 53%,#b373ff3d,transparent 35%);opacity:0}.cinematic[data-effect=pulse] .cinema-light{opacity:1;animation:stone-pulse 1.3s ease-in-out infinite}.cinematic[data-effect=black] .cinema-stage:after{background:#020706dd}.cinematic[data-effect=black] img{filter:blur(2px)}#cinemaPlaceholder{padding:25%;font:20px Georgia;color:var(--gold)}
@keyframes stone-pulse{50%{background-color:#18062855}}
@media(max-width:700px){.story-edition .arena-wrap:has(.cinematic:not([hidden])){min-height:480px;aspect-ratio:auto}.cinema-top{padding:10px;letter-spacing:.7px}.cinema-top .secondary{font-size:11px;padding:7px 10px;min-height:44px}.cinema-dialogue{padding:16px 18px 22px}.cinema-dialogue h2{font-size:28px;margin-bottom:10px}.cinema-dialogue p{font-size:17px}.cinema-bottom span{font-size:10px;max-width:125px}.cinema-bottom button{font-size:16px;min-width:135px;padding:10px}.story-menu .secondary{font-size:12px;padding:9px}.story-edition .dialog .small-note{font-size:11px}.story-edition .overlay{overflow:auto}}
@media(prefers-reduced-motion:reduce){.cinema-light{animation:none!important}.cinema-stage img{will-change:auto}}

.cinematic-open .controls{display:none}

@media(max-width:700px) and (orientation:portrait){.story-edition .arena-wrap:has(#overlay:not([hidden])){min-height:480px;aspect-ratio:auto}}

.cinema-actor{position:absolute;top:30%;left:calc(50% - 40px);width:80px;height:87px;pointer-events:none;image-rendering:pixelated;z-index:1;filter:drop-shadow(0 5px 3px #0009)}.story-menu button:disabled{cursor:default}

.cinema-stage:before{content:"";position:absolute;top:45%;left:17%;width:2px;height:2px;background:#f4d99a;box-shadow:90px -50px #f4d99a,210px 70px #d6bdef,320px -80px #f4d99a,430px 10px #b69ecb,520px -20px #f4d99a,670px 30px #d6bdef;z-index:1;opacity:.4;pointer-events:none;animation:cinema-dust 7s linear infinite}
@keyframes cinema-dust{50%{transform:translate(8px,-18px);opacity:.15}}
@media(prefers-reduced-motion:reduce){.cinema-stage:before{animation:none}}