/* Transparent input layer: the game renderer draws the actual landscape and actors. */
.zh-story{position:fixed;inset:0;margin:0;width:100vw;height:100dvh;max-width:none;max-height:none;padding:0;border:0;border-radius:0;background:transparent;color:#153b50;box-shadow:none;overflow:hidden;font-family:inherit;--head-y:65vh;--speaker-x:50vw}
.zh-story::backdrop{background:transparent}.zh-story-stage{position:absolute;inset:0;pointer-events:none}.zh-story-stage canvas{width:100%;height:100%;display:block}
.zh-story-copy{position:absolute;left:50%;bottom:calc(100% - var(--head-y) + 20px);transform:translateX(-50%);width:min(560px,calc(100vw - 36px));box-sizing:border-box;padding:17px 23px 14px;background:#fff9eaf5;border:2px solid #d5a956;border-radius:24px;box-shadow:0 8px 26px #103b5033}
.zh-story-copy:after{content:'';position:absolute;left:clamp(20px,calc(var(--speaker-x) - 50vw + 280px),calc(100% - 36px));bottom:-13px;width:21px;height:21px;background:#fff9ea;border-right:2px solid #d5a956;border-bottom:2px solid #d5a956;transform:rotate(45deg)}
.zh-story-copy small{font-size:11px;color:#526777}.zh-story-copy h2{color:#214f66;font-size:clamp(19px,2.5vw,25px);line-height:1.12;overflow-wrap:anywhere;margin:6px 0 9px}.zh-story .zh-story-copy p{color:#153b50;font-size:clamp(17px,2.2vw,22px);line-height:1.35;margin:0 0 14px;overflow-wrap:anywhere}
.zh-game-shell[data-story-open] .zh-input-overlay,.zh-game-shell[data-story-open] [data-island-pause]{visibility:hidden}
@media(max-height:500px){.zh-story-copy{width:min(540px,calc(100vw - 32px));padding:10px 18px}.zh-story-copy h2{font-size:20px;margin:3px 0 6px}.zh-story .zh-story-copy p{font-size:18px;margin-bottom:8px}.zh-story-copy [data-story-count]{display:none}}
@media(max-width:500px){.zh-story-copy{padding:14px 16px}.zh-story-copy:after{left:clamp(20px,calc(var(--speaker-x) - 18px),calc(100% - 36px))}}

.zh-story[data-prelude=true] .zh-story-copy{visibility:hidden}
.zh-story [data-story-line]{display:grid}
.zh-story [data-story-measure],.zh-story [data-story-visible]{grid-area:1/1;white-space:pre-wrap}
.zh-story [data-story-measure]{visibility:hidden}
.zh-story-accessible{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.zh-story-advance{height:44px;display:flex;justify-content:flex-end}
.zh-story [data-story-next]{display:flex;align-items:center;gap:7px;min-height:44px;padding:4px 8px;border:0;border-radius:10px;background:transparent;color:#365c69;font-size:12px;font-weight:700;cursor:pointer;box-shadow:none}
.zh-story [data-story-next][hidden]{display:none}
.zh-story [data-story-key]{display:inline-flex;align-items:center;justify-content:center;min-width:25px;height:25px;box-sizing:border-box;padding:0 6px;border:1px solid #a9b5a5;border-radius:7px;background:#efe9d7;font-size:12px}
.zh-story[data-input-method=gamepad] [data-story-key]{border-radius:50%}
.zh-story [data-story-skip]{position:absolute;z-index:2;top:max(12px,env(safe-area-inset-top));right:max(14px,env(safe-area-inset-right));width:44px;height:44px;border:1px solid #ffffff66;border-radius:50%;padding:0;background:#153b5077;color:white;font-size:27px;cursor:pointer}
.zh-story button:focus-visible{outline:3px solid #2c93ad;outline-offset:3px}
.zh-story:focus{outline:none}

.zh-portal-tutorial{position:absolute;top:130px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 36px);box-sizing:border-box;padding:12px 20px;border:1px solid #ffe0a3;border-radius:18px;background:#fff9eaf2;color:#214f66;font-size:16px;line-height:1.4;box-shadow:0 5px 20px #16394c33;pointer-events:none;z-index:5}
.zh-portal-tutorial[hidden],.zh-game-shell[data-story-open] .zh-portal-tutorial{display:none}
@media(max-height:500px){.zh-portal-tutorial{top:105px;font-size:13px;padding:8px 14px;max-width:75%}}

.zh-artifact-hud{position:absolute;left:18px;top:126px;padding:8px 13px;border:1px solid #7ee8dc;border-radius:12px;background:#123c54e8;color:#d3fff4;font-size:13px;pointer-events:none;z-index:4}
.zh-artifact-hud[hidden],.zh-game-shell[data-story-open] .zh-artifact-hud{display:none}
@media(max-height:500px){.zh-artifact-hud{top:110px;left:12px;font-size:11px;padding:6px 9px}.zh-portal-tutorial{top:150px}}

.zh-game-stats [data-island-stage]{display:none!important}
.zh-game-stats .zh-artifact-stat{display:inline-flex;align-items:center;gap:7px;color:#aaffec}
.zh-game-stats .zh-artifact-stat[hidden]{display:none}
.zh-artifact-stat svg{width:27px;height:27px;flex-shrink:0}

/* Compact actor-anchored bubbles; renderer supplies protected scene bounds. */
.zh-story .zh-story-copy{top:auto;bottom:auto;transform:none;width:min(360px,calc(100vw - 28px));padding:10px 14px 6px;border-radius:18px;background:#fff9eaf5}
.zh-story .zh-story-copy:after{left:var(--tail-x,50%);width:16px;height:16px;bottom:-10px}
.zh-story .zh-story-copy [data-story-count]{display:none}
.zh-story .zh-story-copy h2{font-size:15px;margin:0 0 5px;line-height:1.2}
.zh-story .zh-story-copy p{font-size:16px;line-height:1.3;margin:0 0 2px}
.zh-story .zh-story-advance{height:30px}
.zh-story [data-story-next]{min-height:30px;padding:2px 5px}
@media(max-height:500px){.zh-story .zh-story-copy{width:min(320px,calc(100vw - 28px));padding:8px 12px 4px}.zh-story .zh-story-copy p{font-size:15px}}

/* Brief companion hints stay readable while input remains active. */
.zh-portal-tutorial{transform:none;width:300px;max-width:calc(100% - 24px);font-size:14px;padding:10px 14px;background:#fff9eae8;pointer-events:none}
.zh-portal-tutorial::after{content:"";position:absolute;bottom:-7px;left:55%;width:12px;height:12px;background:#fff9ea;border-right:1px solid #ffe0a3;border-bottom:1px solid #ffe0a3;transform:rotate(45deg)}
@media(max-height:500px){.zh-portal-tutorial{width:260px;font-size:12px;padding:7px 11px}}

/* Speaker identity is conveyed by actor anchor and character palette. */
.zh-story{--bubble-bg:#e1effbeF;--bubble-edge:#4784bc;--bubble-ink:#173b64}
.zh-story[data-speaker=pip],.zh-portal-tutorial{--bubble-bg:#d9f3ecef;--bubble-edge:#498e8e;--bubble-ink:#174f53}
.zh-story[data-speaker=mila]{--bubble-bg:#f5e6d5ef;--bubble-edge:#ac805b;--bubble-ink:#62422c}
.zh-story[data-speaker=rissmeister]{--bubble-bg:#e9dff4ef;--bubble-edge:#8b6aac;--bubble-ink:#44305d}
.zh-story .zh-story-copy,.zh-portal-tutorial{background:var(--bubble-bg);border-color:var(--bubble-edge);color:var(--bubble-ink)}
.zh-story .zh-story-copy:after,.zh-portal-tutorial:after{background:var(--bubble-bg);border-color:var(--bubble-edge);left:var(--tail-x,50%)}
.zh-story .zh-story-copy p,.zh-story [data-story-next]{color:var(--bubble-ink)}
.zh-story .zh-story-copy [data-story-speaker]{position:absolute;width:1px;height:1px;margin:0;padding:0;overflow:hidden;clip-path:inset(50%)}