#biwakoStory{position:fixed;inset:0;z-index:280;width:min(100%,480px);margin:auto;display:flex;flex-direction:column;background:#656958;color:#fff;visibility:hidden;isolation:isolate;font-family:'Zen Maru Gothic',sans-serif;padding-bottom:env(safe-area-inset-bottom,0px)}
#biwakoStory.ready{visibility:visible}
#biwakoStory:before{content:"";position:fixed;inset:0;z-index:-1;background:#233c49}
#biwakoStory .bw-view{position:relative;flex:1;min-height:0;overflow:hidden;container-type:size}
#biwakoStory .bw-art{position:absolute;left:50%;top:50%;width:max(100cqw,66.6667cqh);height:max(150cqw,100cqh);transform:translate(-50%,-50%);transition:transform .5s}
#biwakoStory .bw-bg{display:block;width:100%;height:100%}
#biwakoStory[data-beat="walk"] .bw-art{transform:translate(-50%,-50%) scale(1.08)}
#biwakoStory .bw-view:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#24271944,transparent 20%,transparent 84%,#656958)}
#biwakoStory .bw-location{position:absolute;left:14px;top:18px;max-width:calc(100% - 150px);z-index:4;font-size:12px;line-height:1.35;text-shadow:0 2px 4px #123}
#biwakoStory .bw-close{position:absolute;right:66px;top:10px;z-index:5;border:1px solid #fff9;border-radius:24px;background:#3d4638dd;color:white;font:inherit;font-size:12px;min-width:62px;min-height:44px;cursor:pointer}
#biwakoStory .bw-stage{position:absolute;inset:48% 0 0;container-type:size;--body:min(55cqw,83cqh);--mana-height:calc(var(--body) / var(--mana-fill,1));--hero-height:calc(var(--body) / 1.5 / var(--hero-fill,1));--easy-height:calc(var(--body) / 1.5 * 1.25 / var(--easy-fill,1))}
#biwakoStory .bw-stage img{position:absolute;width:auto;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 5px 3px #292b2744);transition:opacity .28s}
#biwakoStory .bw-hero{height:var(--hero-height);bottom:calc(8cqh - var(--hero-height) * var(--hero-pad,0));left:29%}
#biwakoStory .bw-mana{height:var(--mana-height);bottom:calc(8cqh - var(--mana-height) * var(--mana-pad,0));left:69%}
#biwakoStory[data-beat="walk"] .bw-stage{visibility:hidden}
#biwakoStory .bw-dialog{position:relative;flex:none;min-height:192px;margin:0 12px 12px;padding:36px 17px 27px;border:1px solid #c8c6a7;border-radius:14px;background:#354936;box-shadow:0 5px 18px #0016;cursor:pointer}
#biwakoStory .bw-speaker{position:absolute;top:10px;left:17px;color:#ffe1a2;font-size:13px}
#biwakoStory .bw-dialog:after{content:'▼ つづく';position:absolute;bottom:7px;right:12px;font-size:12px;color:#e3e8d7}
#biwakoStory #evBox{position:static;inset:auto!important;transform:none!important;animation:none;opacity:1;width:auto;max-width:none;min-height:0;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;display:block;text-align:left}
#biwakoStory #evText{font-size:clamp(16px,4.4vw,20px);font-weight:900;line-height:1.6;color:#fff;overflow-wrap:anywhere}
#biwakoStory #evText.ev-easy{color:#fff0ad}
#biwakoStory #evNext{display:none}
@media(prefers-reduced-motion:reduce){#biwakoStory *{animation:none!important;transition:none!important}}


#biwakoStory .bw-walker{position:absolute;left:50%;top:56%;width:24.705882%;aspect-ratio:1;transform:translate(-50%,-93.75%) scale(var(--scale,1));transform-origin:50% 93.75%;background-size:300% 100%;background-repeat:no-repeat;background-position:0% 0%;filter:drop-shadow(0 2px 1px #19231855);pointer-events:none}
#biwakoStory .bw-art{transition:none}
#biwakoStory[data-beat="walk"] .bw-art{transform:translate(-50%,-50%)}
#biwakoStory:not([data-beat="walk"]) .bw-walker{display:none}
#biwakoStory[data-beat="walk"] .bw-dialog{display:none}
#biwakoStory .bw-stage{inset:48% 0 0}
#biwakoStory #hakaseTalkWin{position:static!important;inset:auto!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important;transform:none!important;background:none!important;border:0!important;box-shadow:none!important;animation:none!important}
#biwakoStory #hakaseTalkWin .hakase-talk-face{display:none!important}
#biwakoStory #hakaseTalkWin .hakase-talk-text{font-size:clamp(16px,4.4vw,20px);font-weight:900;line-height:1.6;color:white;overflow-wrap:anywhere}
#biwakoStory #hakaseTalkWin .hakase-talk-next{display:none}
@media(max-height:500px){#biwakoStory{width:min(100%,760px);flex-direction:row}#biwakoStory .bw-dialog{width:39%;min-height:0;margin:52px 12px 12px 0;padding:38px 15px 28px}#biwakoStory #hakaseTalkWin .hakase-talk-text{font-size:16px;line-height:1.5}#biwakoStory .bw-close{right:12px}#biwakoStory[data-beat="walk"]{width:min(100%,480px)}}
@media(max-height:500px){#biwakoStory[data-beat="walk"] .bw-art{width:66.6667cqh;height:100cqh}}

/* 27は広い湖岸の道。足元と姿勢の比率は絵座標で指定。 */
#biwakoStory .bw-walker{left:60%;top:66%;width:40%}
#biwakoStory .bw-front{position:absolute;left:60%;top:66%;width:auto;max-width:none;height:calc(24% / var(--front-fill,1));transform:translate(-50%,calc(-100% + 100% * var(--front-pad,0)));filter:drop-shadow(0 2px 1px #19231855)}
#biwakoStory:not([data-beat="walk"]) .bw-front{display:none!important}
#biwakoStory .bw-stage{inset:0;--base:min(32cqw,32cqh);--hero-height:calc(var(--base) * 1.7 / var(--hero-fill,1));--mana-height:calc(var(--base) * 1.5 / var(--mana-fill,1))}
#biwakoStory .bw-hero{left:23%;bottom:calc(-8cqh - var(--hero-height) * var(--hero-pad,0));z-index:2}
#biwakoStory .bw-mana{left:72%;bottom:calc(16cqh - var(--mana-height) * var(--mana-pad,0));z-index:1}
#biwakoStory .bw-view:after{background:linear-gradient(#24271922,transparent 20%,transparent 84%,#656958)}