:root{--ink:#07070a;--ink-2:#0a0d18;--surface:#0e101ab8;--paper:#f0e9d8;--paper-dim:#9a9484;--rule:#f0e9d829;--accent:#c1272d;--on-accent:#f7f2e6;--lantern:#ffb257;--gold:#c8a24a;--font-display:"Shippori Mincho", "Hiragino Mincho ProN", "Yu Mincho", serif;--font-body:"Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;--ease:cubic-bezier(.22, .61, .36, 1);--accent-lit:color-mix(in srgb, var(--on-accent) 28%, var(--accent) 72%);--rule-strong:color-mix(in srgb, var(--paper) 34%, transparent);--scrim:color-mix(in srgb, var(--ink) 92%, transparent);--glass:color-mix(in srgb, var(--ink) 72%, transparent);--safe-t:env(safe-area-inset-top,0px);--safe-r:env(safe-area-inset-right,0px);--safe-b:env(safe-area-inset-bottom,0px);--safe-l:env(safe-area-inset-left,0px);--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='220' height='220' filter='url(%23g)'/%3E%3C/svg%3E")}*,:before,:after{box-sizing:border-box}html,body{height:100%;background:var(--ink);height:100dvh;color:var(--paper);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;overscroll-behavior:none;touch-action:none;-webkit-tap-highlight-color:transparent;margin:0;padding:0;font-weight:400;overflow:hidden}#app{position:fixed;inset:0}#gl{width:100%;height:100%;display:block}#ui-root{z-index:10;pointer-events:none;position:fixed;inset:0}.layer{position:absolute;inset:0}.layer--blocking,#ui-root button,#ui-root input,#ui-root a{pointer-events:auto}[inert],[inert] *{pointer-events:none!important}.grain,.loading__grain,.title__grain,.pause__grain{background-image:var(--grain);opacity:.045;pointer-events:none;background-repeat:repeat;position:absolute;inset:0}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tate{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap}.loading__title,.title__name,.menu__ja,.textbtn__ja,.zone__name,.tab__ja,.pause__mark,.pause__title,.warn__text,.padkey__ja,.depth__label,.depth__value,.compass__label{font-feature-settings:"palt" 1;font-weight:500}button{font:inherit;color:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0}button:focus{outline:none}:where(button,input,[tabindex],[role=tab],[role=radio],[role=switch]):focus-visible{outline:1px solid var(--paper);outline-offset:3px}.textbtn{border:1px solid var(--rule);color:var(--paper-dim);transition:color .25s var(--ease), border-color .25s var(--ease), background-color .25s var(--ease);align-items:center;gap:.5rem;padding:.52rem 1.05rem;display:inline-flex}.textbtn__ja{font-family:var(--font-display);letter-spacing:.16em;font-size:.875rem}.textbtn__en{letter-spacing:.22em;opacity:.7;font-size:.6rem}.textbtn:hover,.textbtn:focus-visible{color:var(--paper);border-color:var(--rule-strong)}.textbtn[aria-pressed=true]{color:var(--paper);border-color:var(--rule-strong);background:color-mix(in srgb, var(--paper) 7%, transparent)}.iconbtn{border:1px solid var(--rule);width:40px;height:40px;color:var(--paper-dim);transition:color .25s var(--ease), border-color .25s var(--ease);justify-content:center;align-items:center;display:inline-flex}.iconbtn:hover,.iconbtn:focus-visible{color:var(--paper);border-color:var(--rule-strong)}.loading{background:radial-gradient(128% 92% at 50% 44%, var(--ink-2) 0%, var(--ink) 68%);transition:opacity .75s var(--ease), visibility .75s;place-items:center;display:grid}.loading.is-out{opacity:0;visibility:hidden}.loading__center{animation:rise 1.1s var(--ease) both;flex-direction:row-reverse;align-items:center;gap:1.4rem;display:flex;transform:translateY(-4vh)}.loading__title{font-family:var(--font-display);letter-spacing:.3em;color:var(--paper);margin:0 0 -.3em;font-size:clamp(2.6rem,8.5vh,4.6rem);font-weight:700;line-height:1}.loading__sub{writing-mode:vertical-rl;text-orientation:sideways;letter-spacing:.5em;color:var(--paper-dim);align-self:flex-start;padding-top:.4rem;font-size:.62rem}.loading__meter{left:50%;bottom:max(12vh, calc(var(--safe-b) + 4rem));width:min(420px,68vw);animation:fade .9s var(--ease) .25s both;position:absolute;transform:translate(-50%)}.loading__meterTop{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.55rem;display:flex}.loading__phase{letter-spacing:.2em;color:var(--paper-dim);font-size:.72rem}.loading__pct{letter-spacing:.1em;color:var(--paper-dim);font-variant-numeric:tabular-nums;font-size:.68rem}.loading__rule{background:var(--rule);height:1px;position:relative;overflow:hidden}.loading__fill{background:var(--lantern);transform-origin:0;height:100%;display:block;transform:scaleX(0)}@keyframes rise{0%{opacity:0;filter:blur(6px);transform:translateY(-1vh)}to{opacity:1;filter:blur();transform:translateY(-4vh)}}@keyframes fade{0%{opacity:0}to{opacity:1}}.title{opacity:0;visibility:hidden;transition:opacity .85s var(--ease), visibility .85s}.title.is-in{opacity:1;visibility:visible}.title.is-out{opacity:0;visibility:hidden;transition-duration:.45s}.title__scrim{background:linear-gradient(to top, var(--ink) 0%, color-mix(in srgb, var(--ink) 55%, transparent) 26%, transparent 58%), linear-gradient(to left, color-mix(in srgb, var(--ink) 62%, transparent) 0%, transparent 34%);position:absolute;inset:0}.title__grain{opacity:.03}.title__mark{top:max(9vh, calc(var(--safe-t) + 3rem));right:max(6vw, calc(var(--safe-r) + 2rem));animation:markIn 1.2s var(--ease) .1s both;flex-direction:row-reverse;align-items:flex-start;gap:1.15rem;display:flex;position:absolute}.title__name{font-family:var(--font-display);letter-spacing:.16em;color:var(--paper);text-shadow:0 0 42px color-mix(in srgb, var(--ink) 90%, transparent);margin:0 0 -.16em;font-size:clamp(3.4rem,13vh,7.4rem);font-weight:800;line-height:1}.title__rule{background:linear-gradient(to bottom, transparent, var(--rule-strong) 18%, var(--rule) 82%, transparent);align-self:stretch;width:1px}.title__sub{writing-mode:vertical-rl;text-orientation:sideways;letter-spacing:.62em;color:var(--paper-dim);margin:0;padding-top:.5rem;font-size:.66rem}.title__foot{left:max(6vw, calc(var(--safe-l) + 2rem));bottom:max(7vh, calc(var(--safe-b) + 2.5rem));animation:fade 1s var(--ease) .42s both;align-items:flex-end;gap:2.6rem;display:flex;position:absolute}.menu{flex-direction:column;width:min(300px,66vw);display:flex}.menu__item{border-bottom:1px solid var(--rule);color:var(--paper-dim);text-align:left;transition:color .28s var(--ease), padding-left .28s var(--ease);align-items:baseline;gap:1rem;padding:.78rem 0;display:flex;position:relative}.menu__item:before{content:"";background:var(--paper);width:0;height:1px;transition:width .32s var(--ease);position:absolute;bottom:-1px;left:0}.menu__item:hover,.menu__item:focus-visible{color:var(--paper);padding-left:.75rem}.menu__item:hover:before,.menu__item:focus-visible:before{width:100%}.menu__ja{font-family:var(--font-display);letter-spacing:.2em;font-size:1.06rem}.menu__item--lead .menu__ja{color:var(--paper);font-size:1.42rem;font-weight:600}.menu__en{letter-spacing:.24em;opacity:.65;margin-left:auto;font-size:.58rem}.title__keys{border-left:1px solid var(--rule);padding-bottom:.3rem;padding-left:1.4rem}.title__note{right:max(6vw, calc(var(--safe-r) + 2rem));bottom:max(7vh, calc(var(--safe-b) + 2.5rem));letter-spacing:.16em;color:var(--paper-dim);animation:fade 1s var(--ease) .6s both;margin:0;font-size:.68rem;position:absolute}@keyframes markIn{0%{opacity:0;filter:blur(7px);transform:translateY(14px)}to{opacity:1;filter:blur();transform:none}}.hud{opacity:0;transition:opacity .55s var(--ease)}.hud.is-live{opacity:1}.hud.is-hidden{opacity:0}.zone{right:calc(var(--safe-r) + 1.35rem);opacity:0;transition:opacity .6s var(--ease);flex-direction:row-reverse;align-items:flex-start;gap:.55rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.zone.is-known{opacity:.42}.zone.is-arrive{opacity:1}.zone__rule{background:linear-gradient(to bottom, var(--rule-strong), transparent);width:1px;height:4.2rem;margin-top:.15rem}.zone__name{font-family:var(--font-display);letter-spacing:.34em;color:var(--paper);text-shadow:0 0 16px color-mix(in srgb, var(--ink) 92%, transparent);font-size:.95rem}.zone__read{letter-spacing:.24em;color:var(--paper-dim);opacity:0;text-shadow:0 0 12px color-mix(in srgb, var(--ink) 92%, transparent);transition:opacity .5s var(--ease);font-size:.56rem}.zone.is-arrive .zone__read{opacity:.85}.hud__corner{left:calc(var(--safe-l) + 1.5rem);bottom:calc(var(--safe-b) + 1.5rem);opacity:.5;position:absolute}.hud__corner:before{content:"";background:radial-gradient(circle, color-mix(in srgb, var(--ink) 72%, transparent) 0%, transparent 70%);pointer-events:none;border-radius:50%;width:90px;height:90px;position:absolute;top:-14px;left:-14px}.compass__svg{display:block;overflow:visible}.compass__rim{fill:none;stroke:var(--rule);stroke-width:1px}.compass__tick{stroke:var(--rule);stroke-width:1px}.compass__tick--minor{opacity:.5}.compass__label{fill:var(--paper-dim);font-family:var(--font-display);letter-spacing:0;font-size:9px}.compass__label--n{fill:var(--paper)}.compass__needle{fill:var(--paper);stroke:none}.hint{left:calc(var(--safe-l) + 1.5rem);bottom:calc(var(--safe-b) + 6.4rem);border-left:1px solid var(--rule);opacity:0;transition:opacity .5s var(--ease), transform .5s var(--ease);flex-direction:column;gap:.05rem;padding-left:.9rem;display:flex;position:absolute;transform:translateY(6px)}.hint.is-in{opacity:1;transform:none}.hint__row{align-items:center;gap:.7rem;padding:.16rem 0;display:flex}.hint__keys{gap:.22rem;display:flex}.hint__label{letter-spacing:.12em;color:var(--paper-dim);font-size:.68rem}.depth{left:calc(var(--safe-l) + 1.35rem);opacity:0;transition:opacity 1s var(--ease);flex-direction:row;align-items:flex-start;gap:.5rem;display:flex;position:absolute;top:50%;transform:translateY(-4.3rem)}.depth.is-on{opacity:1;transition-duration:.3s}.depth__rule{background:color-mix(in srgb, var(--paper) 13%, transparent);width:1px;height:8.6rem;margin-top:.2rem;position:relative}.depth__speed{background:var(--paper);opacity:.72;transform-origin:50% 0;transition:transform .12s linear;display:block;position:absolute;inset:0;transform:scaleY(0)}.depth__value{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;font-family:var(--font-display);letter-spacing:.05em;font-variant-numeric:tabular-nums;color:var(--paper);text-shadow:0 0 18px color-mix(in srgb, var(--ink) 94%, transparent);font-size:1.06rem;font-weight:500}.depth__sign{opacity:.65}.depth__grp+.depth__grp{margin-inline-start:.34em}.depth__unit{letter-spacing:.24em;color:var(--paper-dim);margin-inline-start:.42em;font-size:.6rem}.depth__cells{writing-mode:vertical-rl;text-orientation:upright;white-space:nowrap;letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--paper-dim);text-shadow:0 0 12px color-mix(in srgb, var(--ink) 92%, transparent);margin-top:.2rem;font-size:.6rem}.depth__label{font-family:var(--font-display);letter-spacing:.34em;color:var(--paper-dim);text-shadow:0 0 12px color-mix(in srgb, var(--ink) 92%, transparent);margin-bottom:-.34em;font-size:.6rem}.warn{opacity:0;transition:opacity .35s var(--ease);position:absolute;inset:0}.warn.is-on{opacity:1}.warn__edge{background:var(--accent);animation:1.15s ease-in-out infinite alternate emberPulse;position:absolute}.warn__edge--t{height:1px;top:0;left:0;right:0}.warn__edge--b{height:1px;bottom:0;left:0;right:0}.warn__edge--l{width:1px;top:0;bottom:0;left:0}.warn__edge--r{width:1px;top:0;bottom:0;right:0}.warn__mark{left:calc(var(--safe-l) + 2.1rem);transition:top .35s var(--ease);flex-direction:row-reverse;align-items:flex-start;gap:.6rem;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.hud.is-falling .warn__mark{top:21%}.warn__text{font-family:var(--font-display);letter-spacing:.3em;color:var(--accent-lit);margin-bottom:-.3em;font-size:1.02rem;font-weight:600}.warn__meter{background:color-mix(in srgb, var(--accent) 28%, transparent);width:1px;height:6.4rem;margin-top:.2rem}.warn__bar{background:var(--accent-lit);transform-origin:50% 0;width:100%;height:100%;display:block}@keyframes emberPulse{0%{opacity:.4}to{opacity:1}}.pause{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .3s var(--ease), visibility .3s}.pause.is-open{opacity:1;visibility:visible;pointer-events:auto}.pause__scrim{background:var(--ink);opacity:.94;position:absolute;inset:0}.pause__grain{opacity:.035}.pause__frame{max-width:1120px;height:100%;padding:calc(var(--safe-t) + .6rem) calc(var(--safe-r) + 2rem) calc(var(--safe-b) + .6rem) calc(var(--safe-l) + 2rem);transition:transform .34s var(--ease);flex-direction:column;margin:0 auto;display:flex;position:relative;transform:translateY(10px)}.pause.is-open .pause__frame{transform:none}.pause__head{border-bottom:1px solid var(--rule);align-items:center;gap:1.15rem;padding:1rem 0;display:flex}.pause__mark{font-family:var(--font-display);letter-spacing:.34em;color:var(--paper-dim);font-size:.72rem}.pause__headtxt{flex-direction:column;gap:.2rem;display:flex}.pause__eyebrow{letter-spacing:.34em;color:var(--paper-dim);font-size:.56rem}.pause__title{font-family:var(--font-display);letter-spacing:.22em;color:var(--paper);font-size:1.3rem;font-weight:600}.pause__close{margin-left:auto}.pause__main{flex:1;grid-template-columns:62px minmax(0,1fr);min-height:0;display:grid}.pause__rail{border-right:1px solid var(--rule);scrollbar-width:none;flex-direction:column;min-height:0;display:flex;overflow-y:auto}.pause__rail::-webkit-scrollbar{width:0}.tab{color:var(--paper-dim);border-bottom:1px solid var(--rule);transition:color .26s var(--ease);flex:none;justify-content:center;padding:1.25rem 0;display:flex;position:relative}.tab__ja{font-family:var(--font-display);letter-spacing:.28em;font-size:.94rem}.tab:hover,.tab[aria-selected=true]{color:var(--paper)}.tab[aria-selected=true]:after{content:"";background:var(--lantern);width:1px;position:absolute;top:.9rem;bottom:.9rem;right:-1px}.pause__body{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--rule) transparent;min-height:0;padding:.4rem .2rem 2rem 1.75rem;overflow-y:auto}.pause__body::-webkit-scrollbar{width:3px}.pause__body::-webkit-scrollbar-thumb{background:var(--rule)}.pane:focus-visible{outline:1px solid var(--rule-strong);outline-offset:4px}.pane__note{letter-spacing:.08em;color:var(--paper-dim);max-width:46ch;margin:1.4rem 0 0;font-size:.7rem;line-height:1.9}.grid{grid-template-columns:repeat(auto-fit,minmax(310px,1fr));column-gap:2.6rem;display:grid}.grid--keys{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));row-gap:.1rem;padding-top:.6rem}.row{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.4rem;padding:.82rem 0;display:grid}.row__label{flex-direction:column;gap:.18rem;min-width:0;display:flex}.row__name{letter-spacing:.09em;color:var(--paper);font-size:.86rem}.row__note{letter-spacing:.05em;color:var(--paper-dim);font-size:.66rem}.row__ctrl{justify-content:flex-end;display:flex}.pause__foot{border-top:1px solid var(--rule);justify-content:flex-end;align-items:center;gap:.8rem;padding:.9rem 0;display:flex}.stats{border-top:1px solid var(--rule);flex-wrap:wrap;gap:0 1.6rem;margin-top:1.5rem;padding-top:.9rem;display:flex}.stats__item{letter-spacing:.08em;color:var(--paper-dim);align-items:baseline;gap:.45rem;font-size:.66rem;display:flex}.stats__v{color:var(--paper);font-variant-numeric:tabular-nums}.jn__lead{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:1.4rem;padding:.6rem 0 1.1rem;display:flex}.jn__leadLabel{letter-spacing:.2em;color:var(--paper-dim);font-size:.7rem}.jn__leadVal{align-items:baseline;gap:.45rem;display:flex}.jn__leadNum{font-family:var(--font-display);letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--paper);font-size:clamp(1.9rem,5.2vh,2.9rem);font-weight:600;line-height:1}.jn__leadUnit{letter-spacing:.24em;color:var(--paper-dim);font-size:.7rem}.jn__v{letter-spacing:.06em;font-variant-numeric:tabular-nums;color:var(--paper);text-align:right;align-items:baseline;gap:.4rem;font-size:.86rem;display:inline-flex}.jn__v--dim{color:var(--paper-dim);font-size:.76rem}.jn__unit{letter-spacing:.14em;color:var(--paper-dim);font-size:.66rem}.seg{border:1px solid var(--rule);display:inline-flex}.seg__item{letter-spacing:.12em;color:var(--paper-dim);transition:color .24s var(--ease);padding:.5rem .82rem;font-size:.76rem;position:relative}.seg__item+.seg__item{border-left:1px solid var(--rule)}.seg__item:hover,.seg__item[aria-checked=true]{color:var(--paper)}.seg__item[aria-checked=true]:after{content:"";background:var(--lantern);height:1px;position:absolute;bottom:0;left:0;right:0}.sl{--sl-out:2.9rem;--sl-gap:.85rem;grid-template-columns:minmax(0, 1fr) var(--sl-out);column-gap:var(--sl-gap);align-items:center;width:min(290px,46vw);height:34px;display:grid;position:relative}.sl__track{background:var(--rule);grid-column:1;height:1px;margin-inline:7px;position:relative}.sl__fill{background:var(--paper);opacity:.55;transform-origin:0;display:block;position:absolute;inset:0}.sl__out{letter-spacing:.06em;color:var(--paper-dim);text-align:right;font-variant-numeric:tabular-nums;grid-column:2;font-size:.68rem}.sl__input{top:0;bottom:0;left:0;right:calc(var(--sl-out) + var(--sl-gap));appearance:none;cursor:pointer;background:0 0;width:auto;margin:0;padding:0;position:absolute}.sl__input::-webkit-slider-runnable-track{background:0 0;height:100%}.sl__input::-webkit-slider-thumb{appearance:none;box-sizing:content-box;background:var(--paper);background-clip:padding-box;border:0 solid #0000;border-width:0 6px;border-radius:0;width:3px;height:20px;margin-top:-10px}.sl__input::-moz-range-track{background:0 0;border:0;height:100%}.sl__input::-moz-range-thumb{box-sizing:content-box;background:var(--paper);background-clip:padding-box;border:0 solid #0000;border-width:0 6px;border-radius:0;width:3px;height:20px}.sw{color:var(--paper-dim);transition:color .24s var(--ease);align-items:center;gap:.6rem;padding:.35rem .1rem;display:inline-flex}.sw__box{border:1px solid var(--rule);width:34px;height:16px;transition:border-color .26s var(--ease);display:block;position:relative}.sw__box>i{background:var(--paper-dim);width:10px;height:10px;transition:transform .28s var(--ease), background-color .28s var(--ease);position:absolute;top:2px;left:2px}.sw__txt{letter-spacing:.16em;min-width:1.3em;font-size:.72rem}.sw:hover,.sw[aria-checked=true]{color:var(--paper)}.sw[aria-checked=true] .sw__box{border-color:var(--rule-strong)}.sw[aria-checked=true] .sw__box>i{background:var(--lantern);transform:translate(18px)}.cap{border:1px solid var(--rule);min-width:1.85rem;font-family:var(--font-body);letter-spacing:.06em;color:var(--paper);justify-content:center;align-items:center;padding:.2rem .38rem;font-size:.64rem;font-style:normal;display:inline-flex}.touch{opacity:0;transition:opacity .4s var(--ease)}.touch.is-live{opacity:1}.touch.is-hidden{opacity:0}.stick,.lookmark{opacity:0;width:0;height:0;transition:opacity .18s var(--ease);position:absolute;top:0;left:0}.stick.is-on,.lookmark.is-on{opacity:1}.stick__ring{border:1px solid var(--rule);width:104px;height:104px;transition:border-color .2s var(--ease);border-radius:50%;position:absolute;top:-52px;left:-52px}.stick__ring--inner{opacity:.6;width:30px;height:30px;top:-15px;left:-15px}.stick__puck{border:1px solid var(--rule-strong);background:color-mix(in srgb, var(--paper) 9%, transparent);border-radius:50%;width:26px;height:26px;position:absolute;top:-13px;left:-13px}.stick.is-far .stick__ring{border-color:color-mix(in srgb, var(--lantern) 60%, transparent)}.lookmark__ring{border:1px solid var(--rule);opacity:.7;border-radius:50%;width:44px;height:44px;position:absolute;top:-22px;left:-22px}.touchbar{top:calc(var(--safe-t) + .9rem);right:calc(var(--safe-r) + .9rem);gap:.55rem;display:flex;position:absolute}.touchbar__btn{background:var(--glass)}.padkeys{right:calc(var(--safe-r) + 1.2rem);bottom:calc(var(--safe-b) + 1.6rem);align-items:flex-end;gap:.85rem;display:flex;position:absolute}.padkey{border:1px solid var(--rule);background:var(--glass);width:64px;height:64px;color:var(--paper-dim);transition:color .16s var(--ease), border-color .16s var(--ease), background-color .16s var(--ease);border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.padkey:first-child{width:56px;height:56px}.padkey__ja{font-family:var(--font-display);letter-spacing:0;font-size:1.18rem}.padkey.is-down{color:var(--paper);border-color:var(--rule-strong);background:color-mix(in srgb, var(--paper) 12%, transparent)}body.is-touch .hud__corner{top:calc(var(--safe-t) + 1rem);bottom:auto}body.is-touch .hint{bottom:auto;top:calc(var(--safe-t) + 5.6rem)}body.is-touch .depth{top:34%}.photo{opacity:0;visibility:hidden;transition:opacity .3s var(--ease), visibility .3s}.photo.is-open{opacity:1;visibility:visible}.photo__guides{opacity:0;transition:opacity .28s var(--ease);position:absolute;inset:0}.photo__guides.is-on{opacity:1}.photo__guides>i{background:var(--rule);position:absolute}.photo__v1,.photo__v2{width:1px;top:0;bottom:0}.photo__v1{left:33.3333%}.photo__v2{left:66.6667%}.photo__h1,.photo__h2{height:1px;left:0;right:0}.photo__h1{top:33.3333%}.photo__h2{top:66.6667%}.photo__bars{position:absolute;inset:0}.photo__bars>i{background:var(--ink);height:0;transition:height .34s var(--ease);position:absolute;left:0;right:0}.photo__bars>i:first-child{top:0}.photo__bars>i:last-child{bottom:0}.photo__bars.is-on>i{height:max(0px,50dvh - 20.9205vw)}.photo__flash{background:var(--paper);opacity:0;pointer-events:none;position:absolute;inset:0}.photo__flash.is-fire{animation:shutter .2s var(--ease)}@keyframes shutter{0%{opacity:.5}to{opacity:0}}.photo__bar{left:50%;bottom:calc(var(--safe-b) + 1.35rem);border:1px solid var(--rule);background:color-mix(in srgb, var(--ink) 86%, transparent);pointer-events:auto;flex-wrap:wrap;justify-content:center;align-items:center;gap:.55rem;max-width:calc(100vw - 2rem);padding:.5rem .7rem;display:flex;position:absolute;transform:translate(-50%)}.photo__label{letter-spacing:.3em;color:var(--paper-dim);padding-left:.35rem;font-size:.56rem}.photo__rule{background:var(--rule);align-self:stretch;width:1px;margin:0 .3rem}.photo__shoot{color:var(--paper);border-color:var(--rule-strong)}.toasts{left:50%;bottom:calc(var(--safe-b) + 1.7rem);flex-direction:column;gap:.45rem;width:min(400px,82vw);display:flex;position:absolute;transform:translate(-50%)}#ui-root.is-photo .toasts{bottom:calc(var(--safe-b) + 5.4rem)}.toast{border:1px solid var(--rule);background:color-mix(in srgb, var(--ink) 88%, transparent);opacity:0;transition:opacity .32s var(--ease), transform .32s var(--ease);align-items:stretch;gap:.75rem;padding:.55rem .85rem;display:flex;transform:translateY(5px)}.toast.is-in{opacity:1;transform:none}.toast.is-out{opacity:0}.toast__rule{background:var(--lantern);opacity:.65;width:1px}.toast__body{flex-direction:column;gap:.16rem;min-width:0;display:flex}.toast__text{letter-spacing:.1em;color:var(--paper);font-size:.76rem}.toast__sub{letter-spacing:.05em;color:var(--paper-dim);font-size:.64rem;line-height:1.6}.fatal{text-align:center;pointer-events:auto;place-content:center;justify-items:center;gap:.75rem;padding:2rem;display:grid;position:absolute;inset:0}.fatal h1{font-family:var(--font-display);letter-spacing:.1em;margin:0;font-size:1.5rem;font-weight:600}.fatal p{color:var(--paper-dim);margin:0;font-size:.875rem;line-height:1.7}.fatal__detail{opacity:.6;word-break:break-word;max-width:60ch;font-size:.75rem}.noscript{background:var(--ink);color:var(--paper);place-content:center;font-size:.875rem;display:grid;position:fixed;inset:0}@media (max-width:640px){.title__mark{top:max(7vh, calc(var(--safe-t) + 2rem));right:max(7vw, calc(var(--safe-r) + 1.4rem))}.title__foot{left:max(7vw, calc(var(--safe-l) + 1.4rem));flex-direction:column;align-items:flex-start;gap:1.2rem}.title__note{display:none}.title__keys{border-left:0;border-top:1px solid var(--rule);padding-top:.9rem;padding-left:0}.pause__frame{padding-left:calc(var(--safe-l) + 1rem);padding-right:calc(var(--safe-r) + 1rem)}.pause__main{grid-template-columns:50px minmax(0,1fr)}.pause__body{padding-left:1.1rem}.row{grid-template-columns:minmax(0,1fr);gap:.55rem}.row__ctrl{justify-content:flex-start}.sl{width:100%}.zone__name{font-size:.85rem}.depth{left:calc(var(--safe-l) + 1rem)}.depth__value{font-size:.94rem}.jn__lead{flex-direction:column;align-items:flex-start;gap:.4rem}.jn__leadNum{font-size:2.3rem}}@media (max-height:460px){.loading__meter{bottom:max(8vh, calc(var(--safe-b) + 1.6rem))}.title__mark{top:max(5vh, calc(var(--safe-t) + 1rem))}.hint{display:none}.depth{transform:translateY(-2.6rem)}.depth__rule{height:5.2rem}.depth__value{font-size:.9rem}.tab{padding:.8rem 0}.tab__ja{letter-spacing:.18em;font-size:.8rem}.jn__leadNum{font-size:1.6rem}}@media (pointer:coarse){.textbtn{padding:.72rem 1.15rem}.iconbtn{width:46px;height:46px}.seg__item{padding:.68rem .9rem}.menu__item{padding-block:.95rem}}@media (prefers-contrast:more){:root{--rule:#f0e9d86b;--paper-dim:#c7c0ae}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}