/* Loading never replaces the current screen. Only the edge badge is new. */
.images-pending{min-height:0;overflow:visible!important}
.images-pending>:not(.image-gate-status){visibility:visible!important}
.image-gate-status{position:fixed;inset:auto auto max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));z-index:10000;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:9px;width:max-content;max-width:calc(100vw - 32px);min-height:0;padding:10px 14px;border:1px solid #ffffff24;border-radius:24px;background:#211d2bef;box-shadow:0 5px 24px #0005;color:#eee8f6;text-align:left;animation:loading-appear .18s ease-out .12s both;pointer-events:auto}
.image-gate-status p{font-size:12px;line-height:1.5;margin:0;letter-spacing:.035em}.image-gate-spinner{width:15px;height:15px;flex:0 0 15px;border-width:1.5px}.image-gate-status.loading-error{display:grid;grid-template-columns:1fr;gap:8px;border-radius:14px;width:280px;animation:none}.loading-error .button{min-height:40px}.loading-error small{font-size:11px}
@keyframes loading-appear{from{opacity:0;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
/* Reading has one reliable thumb target, separate from scrollable choices. */
#narrative-stage .narrative-stage:not(.novel-choosing) .narrative-next{position:fixed;right:max(18px,env(safe-area-inset-right));bottom:max(18px,env(safe-area-inset-bottom));z-index:70;width:auto;min-width:166px;max-width:calc(100vw - 36px);min-height:46px;margin:0;padding:12px 18px;white-space:normal}
#narrative-stage .narrative-stage:not(.novel-choosing) .narrative-footer{min-height:74px;padding-bottom:12px}
#narrative-stage .cinema-previous{position:fixed;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));z-index:65}
#narrative-stage .narrative-stage.career-cinema .cinema-image img{width:100%;height:100%;object-fit:contain}
#narrative-stage .career-cinema .cinema-image{position:absolute;inset:72px 0 190px;width:100%;height:auto;border:0;background:#17171f}
#narrative-stage .career-cinema .narrative-scroll{position:absolute;inset:auto 0 0;max-height:48%;overflow:auto;padding:0 22px 80px;background:linear-gradient(transparent,#17171fe8 16%)}
#narrative-stage .career-cinema .rpg-text-window{position:relative;width:min(900px,100%);margin:0 auto;background:#191722ed;max-height:none;padding:18px 22px}
#narrative-stage .career-cinema.cinema-art-only .cinema-image{inset:0}.career-cinema.cinema-art-only .narrative-scroll{display:none!important}
@media(max-width:600px){#narrative-stage .career-cinema .cinema-image{inset:90px 0 44%}#narrative-stage .career-cinema .narrative-scroll{max-height:49%;padding:0 12px 80px}#narrative-stage .career-cinema .rpg-text-window{padding:14px 16px}#narrative-stage .career-cinema .rpg-text-window p{font-size:14px;line-height:1.8}.image-gate-status{bottom:max(74px,env(safe-area-inset-bottom))}}
@media(max-height:500px) and (orientation:landscape){#narrative-stage .career-cinema .cinema-image{inset:58px 44% 58px 0}#narrative-stage .career-cinema .narrative-scroll{left:55%;top:65px;max-height:none;padding:0 16px 74px}#narrative-stage .career-cinema .rpg-text-window{padding:12px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.image-gate-status{animation:none}.image-gate-spinner{animation:none}}