@font-face{font-family:Noto Study;src:url(/fonts/NotoStudy-Black.woff2)format("woff2");font-weight:100 900;font-display:swap}@font-face{font-family:Bowlby;src:url(/fonts/BowlbyOne-Regular.ttf)format("truetype");font-display:swap}:root{color:#fff1d7;font-synthesis:none;--ink:#3f374c;--cream:#fff1d7;--pad:clamp(20px, 3vw, 48px);background:#aeb2b9;font-family:Noto Study,PingFang SC,sans-serif}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden}button,select,a{-webkit-tap-highlight-color:transparent}button,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0}button:disabled{cursor:wait;opacity:.6}button:focus-visible,select:focus-visible,a:focus-visible{outline:2px solid var(--cream);outline-offset:7px}button:active{transform:translateY(1px)}[hidden]{display:none!important}a{color:inherit;text-underline-offset:5px}#experience{isolation:isolate;position:fixed;inset:0}#world{touch-action:none;outline:none;width:100%;height:100%;position:absolute;inset:0}.topbar,.bottombar{left:var(--pad);right:var(--pad);z-index:5;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute}.topbar{top:max(22px, env(safe-area-inset-top))}.bottombar{bottom:max(22px, env(safe-area-inset-bottom));transition:opacity .6s}.topbar>*,.bottombar>*{pointer-events:auto}.identity{text-align:left;text-shadow:0 1px 2px #3f374c55;align-items:center;gap:12px;padding:0;font-family:Bowlby,sans-serif;font-size:17px;display:flex}.identity-mark{border:1px solid var(--ink);background:#b4cfca;flex:none;width:16px;height:30px;display:block;transform:skewY(-10deg);box-shadow:4px 3px #6a8290}.edition{letter-spacing:.12em;opacity:.85;font:10px/1.8 Noto Study,sans-serif;display:block}.top-controls,.bottom-controls{align-items:center;gap:24px;display:flex}.icon-button{filter:drop-shadow(0 1px 1px #37313c55);min-width:34px;height:34px;padding:4px;font:24px/1 sans-serif}.sound-wave{font-size:44px;line-height:20px;transition:transform .6s;display:inline-block;transform:scaleY(.15)}.playing .sound-wave{transform:scaleY(1)}#language{text-shadow:0 1px 1px #3337;cursor:pointer;background:0 0;border:0;border-bottom:1px solid #fff1d755;width:82px;padding:6px 3px;font-size:12px}#language option{color:var(--ink);background:#e6ded9}.act-heading{text-align:center;pointer-events:none;text-shadow:2px 3px 0 var(--ink), -1px -1px 0 var(--ink);opacity:0;position:absolute;inset:15% 0 auto}#act-label{letter-spacing:.25em;margin-bottom:16px;font-size:clamp(12px,1.2vw,18px);font-weight:500;display:block}h1{letter-spacing:-.045em;margin:0;font:900 clamp(78px,13vw,216px)/.98 Noto Study,sans-serif}h1 span{display:block}html[lang=en] h1{letter-spacing:-.04em;text-transform:uppercase;font-family:Bowlby,sans-serif;font-size:clamp(70px,12vw,190px);line-height:1.05}html[lang=ja] h1{font-size:clamp(64px,10vw,170px)}.subtitle{max-width:310px;text-shadow:1px 1px 0 var(--ink), -1px -1px 0 var(--ink);pointer-events:none;opacity:0;margin:0;font-size:clamp(16px,1.55vw,24px);font-weight:700;line-height:1.65;position:absolute;bottom:20%;left:8%}.subtitle.right{left:auto;right:8%}.subtitle.top{top:22%;bottom:auto}.hold-cta{z-index:4;text-align:center;filter:drop-shadow(0 1px 1px #36314088);position:absolute;top:61%;left:50%;transform:translate(-50%,-50%)}#hold-button{white-space:nowrap;touch-action:none;width:250px;padding:105px 0 0;font-size:17px;position:relative}#hold-button svg{fill:none;width:100px;height:100px;stroke:var(--cream);stroke-width:1.5px;position:absolute;top:0;left:75px;transform:rotate(-90deg)}.ring-track{opacity:.3}#hold-ring{stroke-width:3px;stroke-dasharray:270.18;stroke-dashoffset:270.18px}.spark{background:var(--cream);clip-path:polygon(44% 0,58% 39%,100% 49%,58% 59%,44% 100%,35% 59%,0 49%,35% 39%);width:13px;height:45px;position:absolute;top:28px;left:119px;transform:rotate(25deg)}.hold-cta p{letter-spacing:.08em;opacity:.8;font-size:10px}.scroll-cta{pointer-events:none;letter-spacing:.08em;text-shadow:1px 1px 2px var(--ink);flex-direction:column;align-items:center;gap:12px;font-size:12px;transition:opacity .4s;display:flex;position:absolute;bottom:17%;left:50%;transform:translate(-50%)}.scroll-line{background:var(--cream);transform-origin:top;width:1px;height:30px;animation:2s ease-in-out infinite scrolling}@keyframes scrolling{0%,to{opacity:.4;transform:scaleY(.4)}50%{opacity:1;transform:scaleY(1)}}.text-button{letter-spacing:.04em;text-shadow:0 1px 1px #3338;padding:6px 0;font-size:12px}.text-button:hover{opacity:.7}.full-icon{background:linear-gradient(var(--cream), var(--cream)) left top/6px 1.5px no-repeat, linear-gradient(var(--cream), var(--cream)) left top/1.5px 6px no-repeat, linear-gradient(var(--cream), var(--cream)) right top/6px 1.5px no-repeat, linear-gradient(var(--cream), var(--cream)) right top/1.5px 6px no-repeat, linear-gradient(var(--cream), var(--cream)) left bottom/6px 1.5px no-repeat, linear-gradient(var(--cream), var(--cream)) left bottom/1.5px 6px no-repeat, linear-gradient(var(--cream), var(--cream)) right bottom/6px 1.5px no-repeat, linear-gradient(var(--cream), var(--cream)) right bottom/1.5px 6px no-repeat;width:17px;height:17px;display:block}#chapters{align-items:center;gap:12px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.chapter{width:44px;padding:14px 0;position:relative}.chapter-line{background:var(--cream);opacity:.35;height:2px;box-shadow:0 0 1px var(--ink);transition:opacity .5s;display:block}.active .chapter-line{opacity:1}.chapter-name{white-space:nowrap;text-shadow:0 1px 2px var(--ink);font-size:10px;display:none;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.chapter:hover .chapter-name,.chapter:focus-visible .chapter-name{display:block}#progress-line{background:var(--cream);transform-origin:0;opacity:.6;height:2px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.welcome{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:8;background:#bfc1ca44;flex-direction:column;justify-content:center;align-items:center;transition:opacity 1s,visibility 1s;display:flex;position:absolute;inset:0}.welcome.gone{opacity:0;visibility:hidden;pointer-events:none}.welcome-copy{text-align:center;text-shadow:1px 2px #3f374c;position:absolute;top:18%;left:0;right:0}.welcome-kicker{letter-spacing:.14em;margin:0 0 16px;font:clamp(10px,1vw,14px)/1.4 Bowlby,sans-serif}.welcome h2{letter-spacing:-.03em;margin:0;font-size:clamp(52px,7vw,110px);font-weight:900;line-height:1.3}.welcome-note{letter-spacing:.12em;margin-top:12px;font-size:11px}.begin{text-shadow:1px 1px 2px #3f374c88;flex-direction:column;align-items:center;gap:24px;padding:0 20px 10px;font-size:14px;font-weight:700;display:flex;position:absolute;top:54%}.orb{border:1px solid var(--ink);background:radial-gradient(circle at 34% 22%,#fff0cc 0 8%,#f1a895 9% 47%,#d38491 48% 74%,#926f8c 75%);border-radius:50%;width:48px;height:48px;transition:transform .4s;animation:3s ease-in-out infinite float;box-shadow:0 10px 30px #fff1d755}.begin:hover .orb{transform:scale(1.15)}@keyframes float{50%{translate:0 -7px}}#load-percent{font-family:Bowlby;font-size:25px}#new-journey{z-index:2;position:absolute;bottom:18%}.welcome-guide{letter-spacing:.1em;opacity:.8;font-size:10px;position:absolute;bottom:10%}.bottombar,.act-heading,.scroll-cta{visibility:hidden}.started .bottombar,.started .act-heading,.started .scroll-cta{visibility:visible}.journey-end{text-align:center;pointer-events:none;position:absolute;inset:22% 0 auto}.journey-end p{white-space:pre-line;text-shadow:1px 2px 0 var(--ink);margin:0 0 30px;font-size:clamp(38px,6vw,84px);font-weight:900;line-height:1.35}.journey-end button{pointer-events:auto;border-bottom:1px solid var(--cream);font-size:14px}.pause-screen,.failure{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:7;text-align:center;background:#3f374c33;flex-direction:column;justify-content:center;align-items:center;gap:20px;display:flex;position:absolute;inset:0}.failure{z-index:15;background:#b8bbc8;padding:30px}.failure p{max-width:480px}.round-button{border:1px solid #fff1d7aa;border-radius:50px;padding:14px 30px;font-size:15px}dialog{width:min(560px,100% - 32px);max-height:85dvh;color:var(--ink);background:#d6d2d7;border:1px solid #fff1d755;border-radius:2px;margin:auto;padding:48px 36px;position:fixed;inset:0;box-shadow:0 25px 100px #3f374c33}dialog::backdrop{-webkit-backdrop-filter:grayscale(.7)blur(4px);backdrop-filter:grayscale(.7)blur(4px);background:#3f374c55}.dialog-close{font-size:12px;position:absolute;top:18px;right:24px}.dialog-inner{flex-direction:column;gap:16px;display:flex}.dialog-inner h2{margin:0;font-size:32px}.dialog-inner p{margin:0;font-size:14px;line-height:1.9}.dialog-inner a{font-size:12px}.dialog-inner dl{grid-template-columns:1fr;gap:5px;margin:8px 0 0;display:grid}.dialog-inner dt{opacity:.65;margin-top:12px;font-size:9px}.dialog-inner dd{margin:0;font-size:13px}@media (width<=700px){:root{--pad:20px}.topbar{top:max(18px, env(safe-area-inset-top))}.identity{gap:9px;font-size:13px}.identity-mark{width:12px;height:24px}.edition{font-size:8px}.top-controls{gap:12px}.icon-button{font-size:20px}.act-heading{top:23%}h1{font-size:clamp(70px,20vw,130px);line-height:1.13}html[lang=en] h1{font-size:clamp(54px,16vw,100px)}html[lang=ja] h1{font-size:clamp(47px,14vw,100px)}#act-label{margin-bottom:20px;font-size:11px}.subtitle,.subtitle.right{max-width:235px;font-size:16px;bottom:23%;left:25px;right:auto}.subtitle.top{top:17%;bottom:auto}.bottombar{bottom:max(20px, env(safe-area-inset-bottom));align-items:flex-end}.bottom-controls{gap:9px}.bottombar #about{text-align:right;max-width:100px;font-size:10px}#chapters{gap:9px;bottom:2px}.chapter{width:25px}.chapter-name{font-size:9px}#fullscreen{display:none}.scroll-cta{font-size:10px;bottom:16%}.scroll-line{height:22px}.welcome-copy{top:23%}.welcome h2{font-size:52px}.welcome-kicker{font-size:9px}.welcome-guide{text-align:center;max-width:80%;font-size:9px}.welcome .begin{gap:20px;font-size:12px;top:54%}.welcome #new-journey{bottom:20%}.hold-cta{top:58%}#hold-button{font-size:15px}.journey-end{top:29%}.journey-end p{font-size:38px}.dialog-inner h2{font-size:26px}dialog{padding:45px 25px}}.subtitle{text-wrap:balance}.topbar,.bottombar,.hold-cta{text-shadow:0 1px 1px #3f374c,0 0 2px #3f374c66}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}