.piano-journey{position:relative;isolation:isolate}.piano-ribbon{position:fixed;left:0;top:0;z-index:8;pointer-events:none}.world{height:3000px;max-height:none;isolation:auto;overflow:clip}.world-background{position:absolute;inset:0;background-attachment:fixed;transform:none}.world:before{background:radial-gradient(ellipse at 40% 17%,#060908c9 3%,transparent 35%),linear-gradient(transparent,#03050477)}.below{isolation:auto;height:650px}.below:after{z-index:2}.identity{z-index:12;left:50%;top:290px}.eye-art{right:3%;top:115px;width:190px;opacity:.55;z-index:4}.piano-art,.piano-console{display:none}.grin-art{width:155px;left:6%;top:95px}.alien-art{top:150px;right:43%}.spoon-art{top:720px;left:7%}.word-two{top:700px;right:25%}.heart-art{right:38%;top:550px}.watcher-art{top:1020px;left:15%;width:270px}.human-art{bottom:540px}.channel-switch{top:890px;bottom:auto;left:50%;z-index:14}.world-bottom{z-index:15}.doorway{z-index:12;left:17%;top:110px}.below-skull{right:15%;bottom:90px}.system-bar{position:sticky;top:0;z-index:45}.journey-dock{position:fixed;left:50%;bottom:22px;transform:translateX(-50%);z-index:43;background:#0c110de8;border:1px solid #89986255;backdrop-filter:blur(8px);padding:13px 18px;display:flex;align-items:center;gap:20px;box-shadow:5px 5px #0007}.journey-meter{position:absolute;left:0;right:0;top:-2px;height:2px;background:#222b19;overflow:hidden}.journey-meter i{display:block;transform:scaleX(0);transform-origin:left;width:100%;height:100%;background:#cadf90}.note-readout{font-family:'Pixelify Sans',monospace;font-size:25px;min-width:42px;color:#dce8ac}.play-ribbon-note{font-size:8px;letter-spacing:1px;color:#bbc7a2;white-space:nowrap}.play-ribbon-note span{font-size:16px;margin-left:12px}.journey-depth{font-size:8px;color:#6f7c5c;min-width:33px}.over-ribbon{cursor:crosshair}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.descent{position:absolute;top:0;left:0;width:100%;height:3000px;pointer-events:none;z-index:5}.descent-caption{position:absolute;top:1210px;left:10%;font-family:'Pixelify Sans';font-size:clamp(24px,3vw,50px);color:#a4b07a88;rotate:-10deg;max-width:220px;line-height:1}.drifting-mask{position:absolute;width:350px;opacity:.48;filter:saturate(.25) sepia(.4);mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 30%,transparent 70%);animation:float-a 19s ease-in-out infinite}.mask-one{top:1330px;right:7%;width:450px;rotate:12deg}.mask-two{top:2070px;left:3%;width:330px;rotate:-16deg;filter:grayscale(1) brightness(.6)}.deep-eye{position:absolute;top:2290px;right:4%;width:360px;opacity:.36;rotate:14deg;mix-blend-mode:screen;mask-image:radial-gradient(ellipse,#000 30%,transparent 75%)}.depth-mark{position:absolute;font-size:8px;letter-spacing:3px;color:#7b896055;writing-mode:vertical-rl}.depth-a{top:1270px;left:3%}.depth-b{top:1870px;right:3%}.depth-c{top:2580px;left:3%}.depth-figure{position:absolute;top:1790px;left:47%;width:65px;scale:1 3.4;opacity:.2;filter:invert(80%);rotate:-9deg}.below-stripe{font-size:60px;top:130px}.below-eyes{z-index:0}footer{padding-bottom:95px}.piano-keys{display:none}
@media(max-width:1100px){.identity{left:50%;width:490px}.identity h1{font-size:91px}.eye-art{right:1%;width:150px}.descent-caption{left:6%}.mask-one{right:2%;width:350px}.mask-two{width:260px}.deep-eye{width:270px}}
@media(max-width:700px){.world{height:2700px}.identity{left:50%;width:85%;top:345px;padding:0 10px}.identity h1{font-size:clamp(55px,16.5vw,80px);letter-spacing:-4px}.identity-pre{font-size:5px;letter-spacing:.7px}.identity-code{font-size:6px;letter-spacing:1px}.social-links{gap:22px}.social{width:55px}.icon-wrap{width:38px;height:46px}.icon-wrap>img{width:38px;height:38px}.social-label{font-size:6px}.grin-art{width:112px;left:8%;top:105px}.eye-art{right:2%;top:190px;width:115px;opacity:.45}.skull-art{left:51%;top:105px}.alien-art{right:35%;top:230px;opacity:.4}.heart-art{right:14%;top:632px}.spoon-art{top:760px;left:1%;width:128px}.channel-switch{left:50%;top:667px}.watcher-art{top:950px;left:9%;width:160px}.word-two{top:859px;right:17%;font-size:17px}.human-art{bottom:740px}.warning-tape{top:950px}.moon-art{top:730px}.descent{height:2700px}.descent-caption{top:1190px;left:8%;font-size:25px;width:160px}.mask-one{top:1420px;right:-10%;width:260px}.mask-two{top:1840px;left:-12%;width:240px}.deep-eye{top:2240px;right:-8%;width:240px}.depth-figure{top:1720px;left:45%;width:35px}.depth-a{top:1230px}.depth-b{top:1830px}.depth-c{top:2370px}.journey-dock{bottom:14px;gap:12px;padding:10px 13px;max-width:92%}.note-readout{font-size:21px;min-width:31px}.play-ribbon-note{font-size:6px;letter-spacing:.6px}.play-ribbon-note span{margin-left:6px}.journey-depth{font-size:7px}.below{height:560px}.doorway{left:16%;top:100px}.world-bottom{font-size:5px}.below-stripe{font-size:38px;top:75px}.system-actions{gap:15px}}
