#gradeOneStory{position:fixed;inset:0;z-index:280;width:min(100%,480px);margin:auto;display:flex;flex-direction:column;background:#17343e;color:#fff;visibility:hidden;isolation:isolate;font-family:'Zen Maru Gothic',sans-serif;padding-bottom:env(safe-area-inset-bottom,0px)}
#gradeOneStory.ready{visibility:visible}
#gradeOneStory:before{content:"";position:fixed;inset:0;z-index:-1;background:#102c35}
#gradeOneStory .ig-view{position:relative;flex:1;min-height:0;overflow:hidden;container-type:size}
#gradeOneStory .ig-art{position:absolute;left:50%;top:50%;width:max(100cqw,66.6667cqh);height:max(150cqw,100cqh);transform:translate(-50%,-50%);transition:transform .45s;container-type:size}
#gradeOneStory .ig-bg{width:100%;height:100%;display:block}
#gradeOneStory .ig-lantern{position:absolute;left:53.5%;top:33.8%;transform:translate(-50%,-50%);writing-mode:vertical-rl;font-size:5.2cqw;line-height:1;letter-spacing:.08em;color:#261d16;font-weight:900;text-shadow:0 1px 1px #e89564;white-space:nowrap}
#gradeOneStory[data-beat="place"] .ig-art{transform:translate(-50%,-50%) scale(1.14)}
#gradeOneStory .ig-view:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(#1233,transparent 20%,transparent 86%,#17343e)}
#gradeOneStory .ig-location{position:absolute;left:17px;top:20px;z-index:4;font-size:14px;letter-spacing:.1em;text-shadow:0 2px 4px #123}
#gradeOneStory .ig-close{position:absolute;right:66px;top:10px;z-index:5;border:1px solid #fff9;border-radius:24px;background:#14394dcc;color:white;font:inherit;font-size:12px;min-width:62px;min-height:44px;cursor:pointer}
#gradeOneStory .ig-stage{position:absolute;inset:45% 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))}
#gradeOneStory .ig-stage img{position:absolute;width:auto;max-width:none;transform:translateX(-50%);filter:drop-shadow(0 5px 3px #1234);transition:opacity .28s,filter .28s}
#gradeOneStory .ig-hero{height:var(--hero-height);bottom:calc(8cqh - var(--hero-height) * var(--hero-pad,0));left:18%}
#gradeOneStory .ig-mana{height:var(--mana-height);bottom:calc(8cqh - var(--mana-height) * var(--mana-pad,0));left:49%}
#gradeOneStory .ig-easy{height:var(--easy-height);bottom:calc(8cqh - var(--easy-height) * var(--easy-pad,0));left:81%;opacity:0}
#gradeOneStory[data-beat="greet"] .ig-easy,#gradeOneStory[data-beat="reply"] .ig-easy{opacity:1}
#gradeOneStory[data-speaker="easy"] .ig-mana{filter:brightness(.89) drop-shadow(0 5px 3px #1234)}
#gradeOneStory[data-beat="reply"] .ig-easy{filter:brightness(.89) drop-shadow(0 5px 3px #1234)}
#gradeOneStory[data-beat="place"] .ig-stage{visibility:hidden}
#gradeOneStory[data-place="station"] .ig-hero{left:26%}
#gradeOneStory[data-place="station"] .ig-mana{left:73%}
#gradeOneStory .ig-board{position:absolute;top:14%;left:9%;width:82%;padding:12px 13px 16px;border:5px solid #805630;border-radius:8px;background:linear-gradient(110deg,#fff6d9,#f2dfb1);box-shadow:0 6px 9px #41271655;color:#443121;z-index:2;transform-origin:center top;transition:transform .4s,top .4s}
#gradeOneStory .ig-board-heading{border-bottom:1px solid #ac976e;text-align:center;font-size:12px;padding-bottom:4px;letter-spacing:.16em}
#gradeOneStory .ig-board:before,#gradeOneStory .ig-board:after{content:"";position:absolute;bottom:100%;width:3px;height:80vh;background:repeating-linear-gradient(#735c3b 0 5px,#b9a078 5px 8px);box-shadow:1px 0 1px #34251344;z-index:-1}
#gradeOneStory .ig-board:before{left:12%}#gradeOneStory .ig-board:after{right:12%}
#gradeOneStory .ig-destinations{display:grid;grid-template-columns:1fr 1fr 1.6fr;gap:9px;margin-top:8px;text-align:center;align-items:end}
#gradeOneStory .ig-destinations span{display:flex;flex-direction:column;gap:5px}
#gradeOneStory .ig-destinations{position:relative;z-index:1}
#gradeOneStory .ig-destinations b{font-size:clamp(25px,8vw,39px);line-height:1.2;white-space:nowrap}
#gradeOneStory .ig-destinations small{font-size:clamp(12px,3.8vw,18px);line-height:1.4;color:#6b7166;transform:rotate(-3deg)}
#gradeOneStory .ig-trace{position:absolute;left:6%;right:6%;top:40%;height:26%;border-radius:8px;background:#ffdf6426;outline:2px solid transparent;pointer-events:none;transition:background .4s,outline-color .4s}
#gradeOneStory[data-beat="trace"] .ig-trace{background:#ffdf6459;outline-color:#c6a33c88}
#gradeOneStory[data-beat="destinations"] .ig-board,#gradeOneStory[data-beat="trace"] .ig-board{top:27%;transform:scale(1.06)}
#gradeOneStory[data-beat="destinations"] .ig-stage,#gradeOneStory[data-beat="trace"] .ig-stage{visibility:hidden}
#gradeOneStory[data-beat="remember"] .ig-board{top:12%;transform:scale(.85)}
#gradeOneStory .ig-dialog{position:relative;flex:none;min-height:192px;margin:0 12px 12px;padding:36px 17px 27px;border:1px solid #afcfd3;border-radius:14px;background:#143541;box-shadow:0 5px 18px #0016;cursor:pointer}
#gradeOneStory .ig-speaker{position:absolute;top:10px;left:17px;color:#ffe1a2;font-size:13px}
#gradeOneStory .ig-dialog:after{content:'▼ つづく';position:absolute;bottom:7px;right:12px;font-size:12px;color:#d3e5e9}
#gradeOneStory #evBox,#gradeOneStory #hakaseTalkWin{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}
#gradeOneStory #evText,#gradeOneStory .hakase-talk-text{font-size:clamp(16px,4.4vw,20px);font-weight:900;line-height:1.6;color:#fff;overflow-wrap:anywhere}
#gradeOneStory #evText.ev-easy{color:#fff0ad}
#gradeOneStory #evNext,#gradeOneStory .hakase-talk-face{display:none}
@media(max-height:500px){#gradeOneStory{width:min(100%,760px);flex-direction:row}#gradeOneStory .ig-dialog{width:39%;min-height:0;margin:52px 12px 12px 0;padding:38px 15px 28px}#gradeOneStory #evText,#gradeOneStory .hakase-talk-text{font-size:16px;line-height:1.5}#gradeOneStory .ig-close{right:12px}#gradeOneStory .ig-board{left:5%;width:90%;padding:8px;border-width:4px}#gradeOneStory .ig-destinations b{font-size:27px}#gradeOneStory .ig-destinations small{font-size:13px}#gradeOneStory .ig-destinations{margin-top:4px;gap:4px}#gradeOneStory .ig-board-heading{font-size:11px}#gradeOneStory[data-beat="remember"] .ig-board{top:18%;transform:scale(.76)}}
@media(max-height:500px){#gradeOneStory[data-place="asakusa"] .ig-art{top:58%}}
@media(prefers-reduced-motion:reduce){#gradeOneStory *{animation:none!important;transition:none!important}}