#story{position:relative}.stage{background-color:color-mix(in srgb, var(--paper,#fff) calc(var(--paper-opacity,0) * 100%), var(--surround,#fff));--toolbar-inset:calc(100lvh - 100svh);width:100%;height:100lvh;display:grid;position:sticky;top:0;overflow:hidden}.stage__layer{grid-area:1/1;min-width:0;min-height:0;position:relative}.stage__layer--background{z-index:1}.stage__layer--avatar{z-index:2;pointer-events:none;container-type:size}.stage__layer--foreground{z-index:3;pointer-events:none}.scene-group{position:absolute;inset:0}.stage__video{object-fit:var(--video-fit,contain);width:100%;max-width:none;height:100%;position:absolute;inset:0}.intro__hint{left:50%;bottom:calc(var(--hint-bottom,6vh) + var(--toolbar-inset,0px) + env(safe-area-inset-bottom));width:var(--hint-width,280px);-webkit-user-select:none;user-select:none;height:auto;position:absolute;translate:-50%}.guide{aspect-ratio:3/4;will-change:transform;height:min(100cqh,133.333cqw);margin:auto;position:absolute;inset:0}.guide__avatar{width:100%;max-width:none;height:100%;position:absolute;inset:0}.guide__base{position:absolute;inset:0}.guide__talk{opacity:0;max-width:none;position:absolute}.guide__slot{--guide-height:66vh;left:4vw;bottom:calc(2vh + var(--toolbar-inset,0px));height:var(--guide-height);visibility:hidden;position:absolute}.guide__bubbles{--bubble-ink:#111;--bubble-paper:#fff;left:3vw;bottom:calc(2vh + 66vh + 3vh + var(--toolbar-inset,0px));width:min(34vw,420px);position:absolute}.bubble{color:var(--bubble-paper);background:var(--bubble-paper);border:3px solid var(--bubble-ink);transform-origin:30% 110%;text-align:center;border-radius:48% 52% 50% 50%/56% 50% 50% 44%;margin:0;padding:1.1em 1.5em;font-family:Patrick Hand,Comic Sans MS,cursive;font-size:clamp(1.05rem,1.5vw,1.4rem);line-height:1.25;position:absolute;bottom:0;left:0}.bubble__text{color:var(--bubble-ink)}.bubble--contact{pointer-events:auto}.bubble__contact{color:var(--bubble-ink);text-underline-offset:3px;margin-top:.35em;font-size:1.15em;font-weight:700;text-decoration:underline;text-decoration-thickness:2px;display:block}.bubble__tail{width:34px;height:38px;position:absolute;top:calc(100% - 5px);left:26%}.showcase{position:absolute;inset:7vh 5vw 7vh 32vw}.showcase__art{width:auto;max-width:100%;height:auto;max-height:100%;margin:auto;position:absolute;inset:0;box-shadow:0 12px 30px #0000002e}@media (orientation:portrait){.guide__slot{--guide-height:40svh;left:1vw;bottom:calc(1svh + var(--toolbar-inset,0px))}.guide__bubbles{width:auto;left:44vw;right:4vw;bottom:calc(22svh + var(--toolbar-inset,0px))}.bubble{transform-origin:-10% 80%;padding:.9em 1.1em;font-size:1.05rem}.bubble__tail{top:auto;bottom:22%;left:-28px;rotate:70deg}.showcase{top:3svh;bottom:calc(43svh + var(--toolbar-inset,0px));left:5vw;right:5vw}}*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#111;-webkit-font-smoothing:antialiased;background:#fff;overflow-x:hidden}img,video{max-width:100%;display:block}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}