/* Story uses the whole available game viewport; the 9:16 source stays intact. */
#story{position:relative;width:100%;height:100%;min-height:0;display:grid;place-items:center;overflow:hidden;background:#000;color:#fff;touch-action:none;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
#story[hidden]{display:none!important}
.story-stage{position:relative;width:min(100%,calc((var(--wf-viewport-height,100dvh) - env(safe-area-inset-top) - env(safe-area-inset-bottom))*9/16));height:auto;max-height:100%;aspect-ratio:9/16;overflow:hidden;background:#000}
#story-canvas{display:block;width:100%;height:100%;touch-action:none}

.story-pause{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;overflow:auto;overscroll-behavior:contain;touch-action:pan-y;padding:24px;background:#0c1422e8}
.story-pause .wf-button{max-width:280px;min-height:40px;margin:0}.story-pause h2{margin:0 0 12px;font-size:21px}
#story [hidden]{display:none!important}
.story-accessible-next{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);padding:0;border:0}
.story-accessible-next:focus-visible{clip-path:none;width:auto;height:auto;bottom:16px;left:50%;transform:translateX(-50%);padding:10px 16px;z-index:3}
.story-skip{position:absolute;right:-2.7777778%;top:1.6666667%;z-index:2;width:20.3703704%}