/* New pages reuse the existing story stage, portrait camera, parchment and QQ motion. */
.chapter-strip{position:absolute;top:12px;left:20px;right:20px;z-index:9;display:flex;gap:8px;overflow-x:auto;padding:3px 2px 7px;scrollbar-width:thin}
.chapter-tab{flex:1;min-width:130px;max-width:250px;display:grid;grid-template-columns:1fr auto;text-align:left;gap:5px;background:#e5e8dfdc;color:#526478;border:1px solid #a0afbc;padding:9px 13px;font-family:inherit;border-radius:2px}
.chapter-tab small{grid-column:1/-1;font-size:10px;letter-spacing:.1em}.chapter-tab b{font-size:12px;font-weight:400;white-space:nowrap}.chapter-tab i{font-style:normal}.chapter-tab.active{background:#354c68e8;color:#e7e6da}.chapter-tab:disabled{opacity:.65;cursor:default}
body[data-mode="story"] .v2-story-head{top:88px!important}.chapter-lobby,.interlude-page{padding:28px clamp(18px,4vw,65px) 40px;color:#d7dedc}.chapter-lobby .page-heading,.interlude-page>.page-heading{margin:0 0 24px}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-bottom:25px}
.chapter-card{padding:25px;background:#e5e4dc url('/assets/ui-parts/paper-grain.webp') center/cover;border:1px solid #9caeb7;color:#4e6177;border-radius:3px;min-height:200px}.chapter-card .eyebrow{font-size:10px}.chapter-card h2{font-weight:400;font-size:25px;line-height:1.5}.chapter-card p{min-height:45px;font-size:13px;line-height:1.8}.chapter-card.locked{opacity:.64}
.interlude-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-bottom:20px}.interlude-card{display:grid;grid-template-columns:55px 1fr;grid-template-rows:1fr 1fr;text-align:left;align-items:center;column-gap:12px;border:1px solid #97a6b666;background:#dddeda;color:#4e6275;padding:8px 13px;border-radius:3px;min-height:75px}.interlude-card>div{grid-row:1/3;width:55px;height:60px;display:grid;place-items:center}.interlude-card .chibi{width:50px;height:60px}.interlude-card b{font-size:13px;font-weight:400}.interlude-card small{font-size:10px}.interlude-card.selected{background:#c6d2d7;border-color:#7994ab}.interlude-card:disabled{opacity:.55}
.interlude-stage.v2-story{position:relative;height:clamp(470px,70vh,760px)!important;min-height:470px!important;margin:0!important}.interlude-stage .v2-story-head{top:18px!important}.interlude-stage .story-cast{inset:11% 7% 27%!important}.interlude-stage .v2-dialogue{left:20px!important;right:20px!important;bottom:15px!important;min-height:145px!important;max-height:40%!important}.interlude-stage .v2-dialogue-body{position:relative;padding-right:85px}.interlude-reaction{position:absolute;right:0;bottom:0}.interlude-reaction .chibi{width:65px;height:75px}
.interlude-compose{border:1px solid #a1b3bf;background:#e5e4dc url('/assets/ui-parts/paper-grain.webp') center/cover;color:#52677b;padding:18px 20px;display:grid;gap:12px}.interlude-location{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px}.interlude-location select{width:auto;min-width:170px;font-size:13px;margin:0}.interlude-location span{margin-left:auto;font-size:11px}.interlude-compose textarea{margin:0;background:#f2f2e9;min-height:75px;color:#465970;font-family:inherit;font-size:16px;resize:vertical}.interlude-suggestions{display:flex;gap:8px;flex-wrap:wrap}.interlude-suggestions .ref-small-button{font-size:12px;min-height:30px;padding:6px 13px}.interlude-compose-foot{display:flex;align-items:center;gap:12px}.interlude-compose-foot>small{margin-right:auto;font-size:10px;line-height:1.8}.interlude-compose-foot .btn{min-height:37px;font-size:13px;white-space:nowrap}
body[data-page="story"] .story-portrait.is-chick{mask-image:none!important;display:flex!important;justify-content:center;align-items:flex-end!important;overflow:visible!important}.story-portrait.is-chick .chibi{width:clamp(150px,24vw,300px);height:85%;margin:auto;position:relative;display:block;max-height:300px}.story-portrait.is-chick .q-motion>img{position:static!important;top:auto!important;left:auto!important;height:100%!important;width:100%!important;max-width:100%!important;transform:none!important;object-fit:contain!important;filter:none!important}
body[data-page="story"] .story-portrait[data-character="I-child"] img{height:85%!important;top:15%!important}.story-prop{position:absolute;right:4%;top:23%;z-index:3;padding:15px;background:#e1dfd0ed;color:#5e5e6a;border:1px solid #aba99a;transform:rotate(3deg);box-shadow:0 3px 15px #26344833}.story-prop img{width:85px;height:85px;object-fit:contain;opacity:.72;filter:grayscale(1)}.story-prop span{font-size:15px;line-height:2}
.v2-story[data-scene="black"] .v2-story-wash{background:radial-gradient(ellipse at 50% 40%,#899eb41c,transparent 60%)!important}.v2-story[data-scene="black"] .v2-story-bg{filter:none!important}.scene-blur .v2-story-bg{filter:blur(2px) saturate(.5) brightness(.86)!important}.effect-flash::after{content:'';position:absolute;inset:0;background:#f4f5ec;z-index:15;pointer-events:none;animation:interlude-white-flash .6s ease-out both}.effect-shake{animation:interlude-shake .42s ease-out}
@keyframes interlude-white-flash{0%{opacity:0}25%{opacity:.9}100%{opacity:0}}@keyframes interlude-shake{25%{transform:translateX(-3px)}50%{transform:translateX(3px)}75%{transform:translateX(-2px)}100%{transform:translateX(0)}}
body.reduce-motion .effect-shake{animation:none}body.reduce-motion .effect-flash::after{display:none}
@media(prefers-reduced-motion:reduce){.effect-shake{animation:none}.effect-flash::after{display:none}}
@media(max-width:1050px) and (orientation:landscape){.chapter-strip{left:8px;right:8px;top:4px;gap:4px}.chapter-tab{padding:5px 8px;min-width:100px;gap:1px}.chapter-tab small{font-size:7px}.chapter-tab b{font-size:9px}.chapter-tab i{font-size:9px}body[data-mode="story"] .v2-story-head{top:50px!important}body[data-mode="story"] .story-cast{inset:20% 4% 31%!important}.chapter-lobby,.interlude-page{padding:14px 16px 24px}.chapter-grid{gap:12px}.chapter-card{padding:14px;min-height:155px}.chapter-card h2{font-size:19px;margin:10px 0}.chapter-card p{font-size:11px;min-height:28px}.interlude-page>.page-heading{margin-bottom:12px}.interlude-page>.page-heading h1{font-size:24px}.interlude-page>.page-heading p{font-size:11px}.interlude-cards{gap:6px;margin-bottom:10px}.interlude-card{padding:4px 8px;grid-template-columns:38px 1fr;gap:6px;min-height:57px}.interlude-card>div{width:38px;height:43px}.interlude-card .chibi{width:36px;height:43px}.interlude-card b{font-size:10px}.interlude-card small{font-size:8px}.interlude-stage.v2-story{height:360px!important;min-height:360px!important}.interlude-stage .v2-dialogue{left:10px!important;right:10px!important;bottom:8px!important;min-height:116px!important}.interlude-stage .v2-dialogue-body{padding-right:55px}.interlude-stage .interlude-reaction .chibi{width:45px;height:50px}.interlude-compose{padding:12px}.interlude-location{font-size:10px;gap:8px}.interlude-location select{font-size:11px;min-width:125px}.interlude-compose textarea{font-size:13px;min-height:56px}.interlude-suggestions .ref-small-button{font-size:10px}.interlude-compose-foot .btn{font-size:11px;min-height:30px}.interlude-compose-foot>small{font-size:8px}.story-prop{padding:8px;top:21%}.story-prop img{width:50px;height:50px}.story-prop span{font-size:11px}.story-portrait.is-chick .chibi{width:155px;max-height:185px}}
@media(max-width:620px) and (orientation:portrait){.chapter-grid{grid-template-columns:1fr}.interlude-cards{grid-template-columns:1fr}.interlude-compose-foot{flex-wrap:wrap}}