#festivalStory{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)}
#festivalStory.ready{visibility:visible}
#festivalStory:before{content:"";position:fixed;inset:0;z-index:-1;background:#233c49}
#festivalStory .fs-view{position:relative;flex:1;min-height:0;overflow:hidden;container-type:size}
#festivalStory .fs-art{position:absolute;left:50%;top:50%;width:max(100cqw,66.6667cqh);height:max(150cqw,100cqh);transform:translate(-50%,-50%);transition:transform .5s}
#festivalStory .fs-bg{display:block;width:100%;height:100%}
#festivalStory[data-beat="walk"] .fs-art{transform:translate(-50%,-50%) scale(1.08)}
#festivalStory .fs-view:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#24271944,transparent 20%,transparent 84%,#656958)}
#festivalStory .fs-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}
#festivalStory .fs-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}
#festivalStory .fs-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))}
#festivalStory .fs-stage img{position:absolute;width:auto;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 5px 3px #292b2744);transition:opacity .28s}
#festivalStory .fs-hero{height:var(--hero-height);bottom:calc(8cqh - var(--hero-height) * var(--hero-pad,0));left:29%}
#festivalStory .fs-mana{height:var(--mana-height);bottom:calc(8cqh - var(--mana-height) * var(--mana-pad,0));left:69%}
#festivalStory[data-beat="walk"] .fs-stage{visibility:hidden}
#festivalStory .fs-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}
#festivalStory .fs-speaker{position:absolute;top:10px;left:17px;color:#ffe1a2;font-size:13px}
#festivalStory .fs-dialog:after{content:'▼ つづく';position:absolute;bottom:7px;right:12px;font-size:12px;color:#e3e8d7}
#festivalStory #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}
#festivalStory #evText{font-size:clamp(16px,4.4vw,20px);font-weight:900;line-height:1.6;color:#fff;overflow-wrap:anywhere}
#festivalStory #evText.ev-easy{color:#fff0ad}
#festivalStory #evNext{display:none}
@media(prefers-reduced-motion:reduce){#festivalStory *{animation:none!important;transition:none!important}}


#festivalStory .fs-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}
#festivalStory .fs-art{transition:none}
#festivalStory[data-beat="walk"] .fs-art{transform:translate(-50%,-50%)}
#festivalStory:not([data-beat="walk"]) .fs-walker{display:none}
#festivalStory[data-beat="walk"] .fs-dialog{display:none}
#festivalStory .fs-stage{inset:48% 0 0}
#festivalStory #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}
#festivalStory #hakaseTalkWin .hakase-talk-face{display:none!important}
#festivalStory #hakaseTalkWin .hakase-talk-text{font-size:clamp(16px,4.4vw,20px);font-weight:900;line-height:1.6;color:white;overflow-wrap:anywhere}
#festivalStory #hakaseTalkWin .hakase-talk-next{display:none}
@media(max-height:500px){#festivalStory{width:min(100%,760px);flex-direction:row}#festivalStory .fs-dialog{width:39%;min-height:0;margin:52px 12px 12px 0;padding:38px 15px 28px}#festivalStory #hakaseTalkWin .hakase-talk-text{font-size:16px;line-height:1.5}#festivalStory .fs-close{right:12px}#festivalStory[data-beat="walk"]{width:min(100%,480px)}}
@media(max-height:500px){#festivalStory[data-beat="walk"] .fs-art{width:66.6667cqh;height:100cqh}}

/* 27は広い湖岸の道。足元と姿勢の比率は絵座標で指定。 */
#festivalStory .fs-walker{left:60%;top:66%;width:40%}
#festivalStory .fs-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))}
#festivalStory .fs-hero{left:23%;bottom:calc(-8cqh - var(--hero-height) * var(--hero-pad,0));z-index:2}
#festivalStory .fs-mana{left:72%;bottom:calc(16cqh - var(--mana-height) * var(--mana-pad,0));z-index:1}
#festivalStory .fs-view:after{background:linear-gradient(#24271922,transparent 20%,transparent 84%,#656958)}

/* 群衆を男より手前、会話人物より奥に置く。背向き列の静止姿勢。 */
#festivalStory .fs-crowd{position:absolute;aspect-ratio:1;background-size:300% 200%;background-position:50% 0%;background-repeat:no-repeat;transform:translate(-50%,-94%);filter:drop-shadow(0 2px 1px #30251155);z-index:2;pointer-events:none}
#festivalStory .fs-walker{z-index:1}
#festivalStory .fs-stage{z-index:3}
#festivalStory .fs-view:after{z-index:2}
#festivalStory{background:#705c44}
#festivalStory:before{background:#3b3028}
#festivalStory .fs-dialog{background:#4e3e2e;border-color:#d8b579}
#festivalStory .fs-view:after{background:linear-gradient(#44261122,transparent 20%,transparent 84%,#705c44)}