/* Only the new narrative surface. Gameplay calibration and ordinary modals are independent. */
.story-review-link{display:flex;align-items:center;justify-content:center;min-height:44px;padding:10px;margin-bottom:12px;text-align:center;text-decoration:none;border:1px solid #84558d;border-radius:12px;background:#ead8f4;color:#4b285c;font-weight:800}
#game #overlay.story-manga{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;padding:0;transform:none;display:grid;place-items:center;overflow:hidden;background:#20182e!important;container-type:size;z-index:80}
.story-manga .manga-filler{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.65) brightness(.55);pointer-events:none}
.story-manga .manga-filler:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#21142d88,transparent 40%,transparent 60%,#21142d88)}
#overlay.story-manga .dialogue.manga-safe{position:relative;inset:auto;transform:none;margin:0;width:min(100cqw,56.25cqh);height:min(100cqh,177.7778cqw);max-width:none;max-height:none;display:flex;flex-direction:column;gap:8px;padding:12px;background:#f9edf8;box-shadow:0 0 65px #110c2790;border:0;border-radius:0;overflow:hidden;color:#29203c;container-type:size}
.story-manga .manga-heading{flex:none;display:flex;flex-direction:column;gap:3px;padding:2px 3px 4px}
.story-manga .manga-chapter{font-size:9px;font-weight:900;letter-spacing:2px;color:#84558d}
.story-manga .manga-heading h2{font-size:clamp(14px,4.2cqw,21px);line-height:1.1;margin:0;font-weight:900}
.story-manga .manga-panels{flex:0 1 auto;height:calc(var(--manga-history,0)*20cqw + 60cqw + var(--manga-history,0)*7px);min-height:80px;display:flex;flex-direction:column;justify-content:flex-end;gap:7px;overflow:hidden}
.story-manga .manga-panel{position:relative;flex:1;min-height:0;max-height:20cqw;margin:0;border:2px solid #302039;overflow:hidden;container-type:size;transition:flex .38s cubic-bezier(.2,.8,.2,1),filter .3s;filter:saturate(.55) brightness(.8)}
.story-manga .manga-panel[data-active=true]{flex:3;max-height:60cqw;filter:none;box-shadow:2px 3px 0 #49283a30;animation:mangaFrameIn .42s ease-out both}
@keyframes mangaFrameIn{from{opacity:0;clip-path:inset(0 100% 0 0)}to{opacity:1;clip-path:inset(0)}}
.story-manga .manga-panel-art{position:absolute;left:50%;top:50%;width:max(100cqw,calc(var(--shot-aspect,3)*100cqh));height:auto;aspect-ratio:1;max-width:none;object-fit:fill;transform:translate(-50%,var(--shot-y));pointer-events:none}
.story-manga .manga-balloon{position:relative;flex:none;max-height:38%;display:flex;flex-direction:column;gap:5px;background:#fffefa;padding:12px 15px;border:2px solid #302039;border-radius:26px 24px 25px 10px;box-shadow:3px 4px 0 #30203920;transform-origin:22% 0}
.story-manga .manga-balloon:before{content:'';position:absolute;width:13px;height:13px;top:-8px;left:25px;background:#fffefa;border-left:2px solid #302039;border-top:2px solid #302039;transform:rotate(45deg)}
#overlay.story-manga .speaker{position:relative;inset:auto;display:block;align-self:flex-start;background:#e4d1f2;color:#4b285c;border-radius:7px;padding:3px 8px;font-size:12px;line-height:1.1;font-weight:900;box-shadow:none;transform:none;margin:0}
#overlay.story-manga .manga-balloon p{margin:0;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;font-size:clamp(14px,3.8cqw,18px);line-height:1.4;font-weight:700;text-align:left;white-space:normal;overflow-wrap:anywhere;color:#32283e;max-height:none;padding:1px}
.story-manga .manga-balloon[data-voice=offscreen]{border-style:dashed;border-radius:24px}
.story-manga .manga-safe[data-ensemble=true] .manga-balloon:before{display:none}
.story-manga .manga-safe[data-trio=true] .manga-panels{height:calc(var(--manga-history,0)*20cqw + var(--manga-active-height,34cqw) + var(--manga-history,0)*7px)}
.story-manga .manga-safe[data-trio=true] .manga-panel[data-active=true]{max-height:var(--manga-active-height,34cqw)}
.story-manga .manga-balloon[data-voice=producer] .speaker{background:#efe0c5;color:#735135}
#overlay.story-manga .manga-footer{position:static;inset:auto;width:auto;transform:none;pointer-events:auto;flex:none;display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0;padding:0;background:none}
.story-manga .manga-progress{font-size:11px;font-weight:900;letter-spacing:1px;color:#806783}
#overlay.story-manga .manga-safe:after{display:none}
#overlay.story-manga .manga-safe{align-self:center;justify-self:center;justify-content:center}
.story-manga .manga-safe{background-size:cover;background-position:center}
#overlay.story-manga .story-next{position:relative;inset:auto;transform:none;min-height:44px;min-width:96px;width:auto;margin:0;padding:6px 12px;display:flex;align-items:center;justify-content:center;gap:8px;border:2px solid #36213f;border-radius:14px;box-shadow:2px 3px 0 #36213f;background:#a477ce;color:#fff;font-size:14px;font-weight:900}
.story-manga .story-next .ui-icon{width:23px;height:23px}
.story-manga .manga-balloon-enter{animation:mangaBalloonIn .36s cubic-bezier(.18,.85,.28,1.16) both}
@keyframes mangaBalloonIn{from{opacity:0;transform:translate(13px,10px) scale(.9)}to{opacity:1;transform:none}}
.story-manga[data-mood=tense] .manga-balloon-enter,.story-manga[data-mood=quiet] .manga-balloon-enter{animation:mangaQuietIn .3s ease-out both}
@keyframes mangaQuietIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.story-manga[data-reduced=true] *{animation:none!important;transition:none!important}
@media(max-height:480px){#overlay.story-manga .dialogue.manga-safe{padding:6px;gap:5px}.story-manga .manga-heading{gap:1px;padding:0}.story-manga .manga-chapter{font-size:7px}.story-manga .manga-heading h2{font-size:12px}.story-manga .manga-panels{gap:3px;min-height:60px}.story-manga .manga-balloon{max-height:47%;padding:8px 10px;gap:3px;border-radius:17px 17px 17px 8px}#overlay.story-manga .manga-balloon p{font-size:13px;line-height:1.35}#overlay.story-manga .speaker{font-size:10px}.story-manga .manga-progress{font-size:9px}}
@media(max-height:480px){.story-manga .manga-panel[data-active=false]{display:none}.story-manga .manga-panels{flex:0 0 56cqw;min-height:56cqw}.story-manga .manga-panel[data-active=true]{flex:1;max-height:none}.story-manga .manga-balloon{flex:1;min-height:60px}.story-manga .manga-balloon p{flex:1}}
@media(max-height:480px){.story-manga .manga-safe[data-trio=true] .manga-panel[data-active=true]{max-height:none}.story-manga .manga-safe[data-trio=true] .manga-panel[data-active=true] .manga-panel-art{transform:translate(var(--manga-focus,-50%),var(--shot-y));transition:transform .35s ease-out}}
#game.story-mode #scene{visibility:hidden}#game #overlay.story-transition{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;padding:0;display:grid;place-items:center;background:#21152f!important;z-index:80}#game #overlay.story-transition>img{width:100vw;height:100dvh;max-width:none;max-height:none;object-fit:cover;object-position:center}.story-manga .manga-loading{align-items:center;text-align:center}
#game #overlay.story-manga{background:#f9edf8!important}.story-manga .manga-filler{background:#f9edf8;filter:none}.story-manga .manga-filler:after{display:none}#overlay.story-manga .dialogue.manga-safe{box-shadow:none}#overlay.story-manga .story-next{width:clamp(96px,30cqw,176px);min-height:clamp(44px,11cqw,58px);font-size:clamp(14px,3.5cqw,19px)}#overlay.story-manga .story-next .ui-icon{width:clamp(23px,5.5cqw,30px);height:clamp(23px,5.5cqw,30px)}