/* Black intervals and coarse photographic repetition, kept out of the reading plane. */
.bian-chamber{position:absolute;inset:0;z-index:0;pointer-events:none;background:#000 var(--bian-apparition,none) 50% 35%/440px auto no-repeat;opacity:0;clip-path:inset(0 46%);transition:clip-path 950ms cubic-bezier(.16,1,.3,1),opacity 250ms}
.bian-chamber:after,.bian-peripheral-echo i:after,.bian-collapse-pocket span:after{content:"";position:absolute;inset:0;background:inherit;background-image:var(--bian-apparition-dead,none);opacity:0;transition:opacity 2400ms ease-in}
html[data-bian-decay="true"] .bian-chamber:after,html[data-bian-decay="true"] .bian-peripheral-echo i:after{opacity:1}
html[data-bian-exploring="true"] #hd #um p{background:rgba(0,0,0,.8)}
#hd .hdc .bian-aperture{position:absolute;left:51%;bottom:0;z-index:3;width:62px;height:62px;border:0;border-radius:0;padding:0;background:#020202;cursor:pointer;box-shadow:inset 1px 0 #554c3e,inset -1px 0 #1c0909;transform:perspective(220px) rotateY(-12deg)}
#hd .hdc .bian-aperture[hidden]{display:none}
.bian-aperture:before{content:"";position:absolute;left:28px;top:10px;bottom:0;width:3px;background:#9c8e73;opacity:.65}
.bian-aperture:after{content:"";position:absolute;right:10px;top:32px;width:3px;height:7px;background:#b5a38b}
.bian-aperture:hover:before,.bian-aperture:focus-visible:before{width:13px;left:23px;background:#000 var(--bian-apparition,none) 48% 37%/110px auto;opacity:1}
.bian-aperture:focus-visible,.bian-eye-contact:focus-visible,.bian-collapse-pocket:focus-visible{outline:2px solid #d4beb0;outline-offset:-3px}
html[data-bian-depth="1"] .bian-chamber{opacity:1;clip-path:inset(0 30%)}
html[data-bian-depth="2"] .bian-chamber,html[data-bian-depth="3"] .bian-chamber{opacity:1;clip-path:inset(0);background-size:740px auto}
html[data-bian-depth="3"] .bian-chamber{background-size:1080px auto;background-repeat:repeat-x}
html[data-bian-depth="1"] #hd .hdc .bian-aperture,html[data-bian-depth="2"] #hd .hdc .bian-aperture,html[data-bian-depth="3"] #hd .hdc .bian-aperture{background:transparent;box-shadow:none}
html[data-bian-depth="1"] .bian-aperture:before,html[data-bian-depth="2"] .bian-aperture:before,html[data-bian-depth="3"] .bian-aperture:before{width:1px;left:0;background:#514638}
.bian-eye-contact{position:fixed;right:0;top:35vh;height:25vh;z-index:19;border:0;padding:0;background:none;cursor:crosshair}
.bian-eye-contact[hidden]{display:none}
.bian-dark-gate{position:fixed;inset:0;z-index:230;background:rgba(0,0,0,.985);display:grid;place-items:center;isolation:isolate}
.bian-dark-gate[hidden]{display:none}
.bian-gate-door{position:relative;width:min(280px,58vw);height:min(70vh,440px);background:#000;border:0;padding:0;cursor:pointer;outline-offset:4px;background-image:linear-gradient(#0008,#0008),url(abyss-door-open.webp);background-size:100% 100%,contain;background-repeat:no-repeat;background-position:center}
.bian-gate-door:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#0004,#0004),url(abyss-door.webp);background-size:100% 100%,contain;background-repeat:no-repeat;background-position:center;filter:brightness(1.12);transform-origin:22% 50%;transition:transform 2600ms cubic-bezier(.45,0,.6,1),opacity 1900ms ease-in 700ms;opacity:1}
.bian-gate-door.is-open:before{transform:perspective(650px) rotateY(-73deg);opacity:0}
.bian-gate-door i{display:none}
.bian-gate-door:hover:before{filter:brightness(1.18)}
.bian-gate-door:focus-visible{outline:1px dotted #605b50}
html[data-bian-gate="true"]{overflow:hidden}
.bian-peripheral-echo{position:fixed;inset:0;z-index:18;pointer-events:none;overflow:hidden;visibility:hidden}
.bian-peripheral-echo i{position:absolute;top:calc(8% + var(--n)*14%);width:var(--bian-edge-gap,15vw);height:20vh;background:#000 var(--bian-apparition,none) 50% 38%/24vw auto no-repeat;left:0;opacity:.8}
.bian-peripheral-echo i:nth-child(even){left:auto;right:0;transform:scaleX(-1)}
html[data-bian-depth="2"] .bian-peripheral-echo,html[data-bian-depth="3"] .bian-peripheral-echo{visibility:visible}
html[data-bian-depth="2"] .bian-peripheral-echo i:nth-child(n+3){display:none}
html[data-bian-depth="3"] .bian-peripheral-echo i{background-size:38vw auto}
html[data-bian-depth="3"] .fl>.bm>.bm_h{background-image:var(--bian-apparition);background-size:160px auto;background-position:center 38%;background-repeat:repeat-x}
html[data-bian-depth="3"] .fl>.bm>.bm_h h2{display:inline-block;background:#050505;padding-right:16px}
.bian-collapse-pocket{display:block;position:relative;overflow:hidden;width:100%;height:86px;border:0;border-radius:0;background:#000;cursor:pointer;padding:0}
.bian-collapse-pocket[hidden]{display:none}
.bian-collapse-pocket span{position:absolute;inset:0;background-image:var(--bian-apparition);background-repeat:repeat-x;background-position:center 38%;background-size:215px auto;opacity:.58;transition:background-size 900ms cubic-bezier(.16,1,.3,1),opacity 700ms}
.bian-collapse-pocket:hover span,.bian-collapse-pocket:focus-visible span{background-size:340px auto;opacity:1}
.bian-collapse-pocket:hover span:after,.bian-collapse-pocket:focus-visible span:after{opacity:1;transition-delay:900ms}
.bian-breach{position:fixed;inset:0;z-index:220;width:100%;height:100%;padding:0;border:0;border-radius:0;overflow:hidden;cursor:crosshair;background:#000 var(--bian-apparition,none) center/contain no-repeat;color:#d9d5cc}
.bian-breach[hidden]{display:none}
.bian-breach:before,.bian-breach:after{content:"";position:absolute;inset:0;background:inherit;opacity:0;pointer-events:none}
.bian-breach:before{background-image:var(--bian-apparition-dead,none);transition:opacity 1200ms ease-in}
.bian-breach:after{background-image:var(--bian-apparition-final,none);transition:opacity 1700ms ease-in}
html[data-bian-decay="true"] .bian-breach:before{opacity:1}
html[data-bian-ruin="true"] .bian-breach:after{opacity:1}
.bian-breach i{position:absolute;inset:0;z-index:1;border-left:10vw solid #000;border-right:8vw solid #000;box-sizing:border-box;opacity:.5;pointer-events:none;transform:skewX(-3deg)}
.bian-blackout{position:absolute;inset:0;z-index:3;background:#000;opacity:0;transition:none;pointer-events:none}
.bian-face-swarm{position:absolute;inset:0;z-index:4;width:100%;height:100%;display:none;pointer-events:none}
.bian-corrupt-type{display:none;position:absolute;inset:6px 12px;z-index:5;overflow:hidden;pointer-events:none;text-align:left;white-space:normal;word-break:break-all;font:34px/46px SimSun,"Songti SC",serif;color:#f00b12;text-shadow:1px 1px #180000}
.bian-corrupt-type em{display:block;width:auto;text-align:center;font:inherit;font-style:normal;animation:bian-glyph-jitter var(--jitter-time,320ms) steps(1,end) infinite;vertical-align:baseline}
.bian-type-caret{display:inline-block;width:.78em;height:1em;background:#000;vertical-align:-.12em;box-shadow:2px 0 #120000;animation:bian-caret 700ms steps(1,end) infinite}
html[data-bian-sequence="swarm"] .bian-corrupt-type,html[data-bian-sequence="still"] .bian-corrupt-type{display:grid;grid-template-columns:repeat(var(--type-cols,1),1fr);grid-template-rows:repeat(var(--type-rows,1),1fr);align-items:center}
html[data-bian-sequence="still"] .bian-corrupt-type em,html[data-bian-sequence="still"] .bian-type-caret{animation-play-state:paused}
@keyframes bian-glyph-jitter{0%,45%,100%{transform:none}13%,69%{transform:translate(var(--jitter-x),calc(-1 * var(--jitter-y))) rotate(var(--jitter-turn))}28%,82%{transform:translate(calc(-1 * var(--jitter-x)),var(--jitter-y)) rotate(calc(-1 * var(--jitter-turn)))}}
@keyframes bian-caret{0%,70%{opacity:1}71%,100%{opacity:0}}
@media(max-width:600px){.bian-corrupt-type{inset:6px 10px;font-size:24px;line-height:33px}}
@media(prefers-reduced-motion:reduce){.bian-corrupt-type em,.bian-type-caret{animation:none}}
html[data-bian-sequence="black"] .bian-blackout,html[data-bian-sequence="swarm"] .bian-blackout,html[data-bian-sequence="still"] .bian-blackout{opacity:1}
html[data-bian-sequence="swarm"] .bian-face-swarm,html[data-bian-sequence="still"] .bian-face-swarm{display:block}
html[data-bian-exploring="true"]{overflow:hidden}
.bian-breach:focus-visible{outline:2px solid #c6b6a1;outline-offset:-4px}
html[data-bian-ruin="true"] .bian-breach{background-position:center}
@media(max-width:800px){
 #hd .hdc .bian-aperture{left:auto;right:16px;top:17px;bottom:auto;width:44px;height:60px;z-index:1}
 .bian-chamber{background-size:310px auto}
 .bian-peripheral-echo i{width:16px;background-size:75vw auto;opacity:.65}
 html[data-bian-depth="3"] .bian-peripheral-echo i{background-size:110vw auto}
 .bian-collapse-pocket{height:66px}
 .bian-breach{background-size:contain;background-position:center}
 .bian-breach i{border-left-width:4vw;border-right-width:3vw}
}
@media(prefers-reduced-motion:reduce){.bian-chamber,.bian-collapse-pocket span,.bian-chamber:after,.bian-peripheral-echo i:after,.bian-collapse-pocket span:after,.bian-breach:before,.bian-breach:after,.bian-blackout,.bian-gate-door:before{transition:none}}
.bian-type-caret[hidden]{display:none}
.bian-ending-blood{position:absolute;inset:0;width:100%;height:100%;z-index:6;pointer-events:none}
html[data-bian-aftermath="true"] body{background:#050505 var(--bian-apparition) center top/280px auto repeat fixed!important}
html[data-bian-aftermath="true"] .bian-chamber{opacity:1;clip-path:inset(0);background-size:640px auto;background-repeat:repeat-x}
html[data-bian-aftermath="true"] .bian-peripheral-echo{visibility:visible}
html[data-bian-aftermath="true"] .bian-peripheral-echo i{width:clamp(24px,13vw,190px);height:27vh;opacity:.87;background-size:320px auto}
html[data-bian-aftermath="true"] .fl>.bm>.bm_h{background:#000 var(--bian-apparition) center 38%/160px auto repeat-x}
html[data-bian-aftermath="true"] .fl>.bm>.bm_h h2{display:inline-block;background:#050505;padding-right:16px}
html[data-bian-aftermath="true"] .fl>.bm>.bm_c:after{content:"";display:block;height:70px;background:#000 var(--bian-apparition) center 40%/200px auto repeat-x;opacity:.8;pointer-events:none}
@media(max-width:800px){html[data-bian-aftermath="true"] .bian-peripheral-echo i{width:16px}html[data-bian-aftermath="true"] .bian-chamber{background-size:400px auto}}html[data-bian-sequence="portrait"] .bian-breach{--portrait-jolt:1px;--portrait-beat:230ms}
html[data-bian-sequence="portrait"][data-bian-decay="true"] .bian-breach{--portrait-jolt:4px;--portrait-beat:130ms}
html[data-bian-sequence="portrait"][data-bian-ruin="true"] .bian-breach{--portrait-jolt:11px;--portrait-beat:70ms}
html[data-bian-sequence="portrait"] .bian-breach,html[data-bian-sequence="portrait"] .bian-breach:before,html[data-bian-sequence="portrait"] .bian-breach:after{animation:bian-portrait-tremor var(--portrait-beat) steps(1,end) infinite}
@keyframes bian-portrait-tremor{0%,100%{background-position:center}20%{background-position:calc(50% + var(--portrait-jolt)) calc(50% - var(--portrait-jolt))}40%{background-position:calc(50% - var(--portrait-jolt)) 50%}60%{background-position:50% calc(50% + var(--portrait-jolt))}80%{background-position:calc(50% - var(--portrait-jolt)) calc(50% - var(--portrait-jolt))}}
@media(prefers-reduced-motion:reduce){html[data-bian-sequence="portrait"] .bian-breach,html[data-bian-sequence="portrait"] .bian-breach:before,html[data-bian-sequence="portrait"] .bian-breach:after{animation:none}}