#kuroshioStory{position:fixed;inset:0;z-index:280;width:min(100%,520px);margin:auto;display:flex;flex-direction:column;background:#d5b57b;color:#fff;visibility:hidden;isolation:isolate;font-family:'Zen Maru Gothic',sans-serif;padding-bottom:env(safe-area-inset-bottom,0px)}
#kuroshioStory.ready{visibility:visible}#kuroshioStory:before{content:'';position:fixed;inset:0;background:#163c54;z-index:-1}
#kuroshioStory .kr-view{position:relative;flex:1;min-height:0;overflow:hidden;container-type:size}
#kuroshioStory .kr-bg{position:absolute;width:100%;height:100%;object-fit:cover;object-position:50% 75%}
#kuroshioStory .kr-location{position:absolute;left:14px;top:20px;z-index:5;font-size:13px;text-shadow:0 2px 4px #123}
#kuroshioStory .kr-close{position:absolute;right:66px;top:10px;z-index:6;border:1px solid #fff9;border-radius:24px;background:#23465cdd;color:white;font:inherit;font-size:12px;min-width:62px;min-height:44px;cursor:pointer}
#kuroshioStory .kr-cast{position:absolute;inset:0;--hero:min(26cqw,27cqh)}
#kuroshioStory .kr-cast img{position:absolute;width:auto;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 4px 2px #44321866)}
#kuroshioStory .kr-hero{left:22%;bottom:9%;height:var(--hero);z-index:3}
#kuroshioStory .kr-mana{left:52%;bottom:9%;height:calc(var(--hero)*1.5);z-index:3}
#kuroshioStory .kr-man{left:70%;bottom:43%;height:28cqh;z-index:2}
#kuroshioStory[data-phase=gone] .kr-man{visibility:hidden}
#kuroshioStory .kr-dialog{position:relative;flex:none;min-height:178px;margin:0 12px 12px;padding:29px 17px 30px;border:1px solid #b8ced4;border-radius:14px;background:#22465d;box-shadow:0 5px 18px #0016;cursor:pointer}
#kuroshioStory .kr-next{position:absolute;bottom:8px;right:12px;font-size:12px;color:#e3e8d7}
#kuroshioStory[data-busy=true] .kr-next{visibility:hidden}
#kuroshioStory #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}
#kuroshioStory .hakase-talk-face{display:none!important}
#kuroshioStory .hakase-talk-text{font-size:clamp(16px,4.4vw,20px)!important;font-weight:900;line-height:1.6!important;color:#fff;overflow-wrap:anywhere}
@media(max-height:500px){#kuroshioStory{width:min(100%,920px);flex-direction:row}#kuroshioStory .kr-dialog{width:38%;min-height:0;margin:58px 12px 12px 0}#kuroshioStory .kr-close{right:12px}#kuroshioStory .kr-bg{object-position:50% 35%}#kuroshioStory .hakase-talk-text{font-size:16px!important;line-height:1.5!important}}
@media(prefers-reduced-motion:reduce){#kuroshioStory *{animation:none!important;transition:none!important}}