#checkpoint-story{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;border-radius:0;background:#20372f;color:#f4e7cc;overflow:hidden}
#checkpoint-story::backdrop{background:#15241e}
#checkpoint-canvas{display:block;width:100%;height:100%;touch-action:manipulation}
#checkpoint-title:focus{outline:none}
#checkpoint-speaker{color:#e7c786;font:400 12px/1.5 system-ui;letter-spacing:.13em;text-transform:uppercase}
#checkpoint-line{font-size:20px;color:#f9edd8;min-height:58px;margin:5px 0 12px}
#checkpoint-story .scene-navigation{grid-template-columns:1fr 1.2fr 1fr}
#checkpoint-retry{grid-column:1/-1}
#checkpoint-back:disabled{opacity:.4}
@media(max-width:700px){#checkpoint-line{font-size:17px;min-height:74px}#checkpoint-story .scene-caption{width:calc(100% - 24px)}}
@media(max-height:560px){#checkpoint-line{font-size:16px;min-height:24px;margin:3px 0 5px}#checkpoint-story .scene-heading h2{font-size:17px}#checkpoint-story .scene-caption{padding:8px 14px}}
