body{margin:0;font-family:Montserrat,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#fff}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}body{position:fixed;inset:0;background-color:#05070d;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;overflow:hidden}#App{position:relative;isolation:isolate;width:100vw;height:100vh;height:100dvh;overflow:hidden}#App:before,#App:after{position:fixed;inset:0;z-index:1;pointer-events:none;content:""}#App:before{background-image:repeating-linear-gradient(to bottom,#ffffff14 0 1px,#00000047 1px 4px),url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.6'/%3E%3C/svg%3E");background-size:100% 4px,180px 180px;mix-blend-mode:soft-light;opacity:.42}#App:after{z-index:2;background:radial-gradient(ellipse at center,transparent 32%,rgba(2,4,10,.32) 62%,rgba(0,0,0,.9) 100%)}#links{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:clamp(.75rem,2vw,1.25rem);width:100%}#information{position:fixed;top:50%;left:50%;z-index:3;box-sizing:border-box;width:min(90vw,42rem);padding:clamp(1.75rem,5vw,3.5rem);border:1px solid rgba(255,255,255,.82);border-radius:clamp(1.25rem,3vw,2rem);background:linear-gradient(#ffffff0f,#ffffff1f,#ffffff08),#080c1670;box-shadow:0 1.5rem 5rem #00000073,inset 0 1px #ffffff80;-webkit-backdrop-filter:blur(3px) saturate(120%);backdrop-filter:blur(3px) saturate(120%);transform:translate(-50%,-50%)}#information p{margin:0 0 clamp(1.25rem,3vw,2rem);width:100%;font-size:clamp(2.75rem,10vw,5.5rem);font-weight:700;letter-spacing:.08em;line-height:.9;text-align:center;text-shadow:0 .15rem 1.25rem rgba(0,0,0,.3)}#information #tagline{margin:clamp(1.25rem,3vw,2rem) 0 0;color:#ffffffd1;font-size:clamp(.95rem,2.5vw,1.15rem);font-weight:400;letter-spacing:.04em;line-height:1.5;text-shadow:0 .15rem .75rem rgba(0,0,0,.55)}#information #lyric-text{position:absolute;top:calc(100% + clamp(.75rem,2vw,1.25rem));left:50%;margin:0;width:min(90vw,42rem);color:#ffffffe0;font-size:clamp(.9rem,2.5vw,1.1rem);font-weight:500;letter-spacing:.03em;line-height:1.4;text-shadow:0 .15rem .75rem rgba(0,0,0,.8);white-space:pre-line;transform:translate(-50%)}#information #lyric-text:before,#information #lyric-text:after{position:absolute;inset:0;color:inherit;opacity:0;pointer-events:none;content:attr(data-text)}#information #lyric-text:before{text-shadow:-.12rem 0 currentColor;animation:lyric-glitch-left 4s infinite steps(1,end)}#information #lyric-text:after{text-shadow:.12rem 0 currentColor;animation:lyric-glitch-right 4s infinite steps(1,end)}@keyframes lyric-glitch-left{0%,81%,86%,92%,96%,to{clip-path:inset(0 0 100% 0);opacity:0;transform:translate(0)}82%{clip-path:inset(12% 0 58% 0);opacity:.75;transform:translate(-.16rem,.04rem)}84%{clip-path:inset(62% 0 10% 0);opacity:.65;transform:translate(.1rem,-.03rem)}93%{clip-path:inset(35% 0 38% 0);opacity:.7;transform:translate(-.1rem)}}@keyframes lyric-glitch-right{0%,80%,85%,91%,95%,to{clip-path:inset(100% 0 0 0);opacity:0;transform:translate(0)}81%{clip-path:inset(48% 0 22% 0);opacity:.7;transform:translate(.14rem,-.04rem)}83%{clip-path:inset(8% 0 65% 0);opacity:.65;transform:translate(-.08rem,.03rem)}92%{clip-path:inset(70% 0 5% 0);opacity:.75;transform:translate(.12rem)}}#page-doll{position:absolute;right:0;bottom:0;z-index:1;padding:0;border:0;background:none;width:clamp(3.6rem,8.4vw,7.2rem);color:#000;cursor:pointer;transform:translate(42%,48%);-webkit-user-select:none;user-select:none}#page-doll img{display:block;width:100%;max-height:9vh;object-fit:contain;filter:drop-shadow(0 .35rem .3rem rgba(0,0,0,.65)) drop-shadow(0 0 .7rem rgba(0,0,0,.35))}#page-doll.is-open .page-doll-text{visibility:visible;opacity:1;transform:translateY(0)}#page-doll:focus-visible{outline:2px solid #FFFFFF;outline-offset:.25rem}.page-doll-text{position:absolute;right:40%;bottom:calc(100% + .5rem);visibility:hidden;box-sizing:border-box;width:max-content;max-width:min(18rem,70vw);padding:.65rem 1rem;border:2px solid #202838;border-radius:1rem;background:#fff;filter:drop-shadow(0 .4rem .65rem rgba(0,0,0,.58));font-family:Montserrat,sans-serif;font-size:1rem;font-weight:700;overflow-wrap:anywhere;text-align:center;white-space:normal;opacity:0;transform:translateY(.5rem);transition:opacity .15s ease,transform .15s ease,visibility .15s}.page-doll-text:after{position:absolute;right:1.5rem;bottom:-.55rem;width:.8rem;height:.8rem;border-right:2px solid #202838;border-bottom:2px solid #202838;background:#fff;content:"";transform:rotate(45deg)}#render-canvas{position:fixed;inset:0;z-index:0;display:block;width:100%;height:100%}#texture-canvas{display:none;position:fixed;top:16px;left:16px;width:320px;height:240px}#texture-left{top:95px;left:16px}#texture-right{top:95px;left:174px}#texture-top{top:16px;left:95px}#texture-bottom{top:174px;left:95px}#texture-front{top:95px;left:95px}#texture-back{top:95px;left:253px}.texture{position:fixed;width:80px;height:80px}.button{display:grid;place-items:center;width:clamp(2.25rem,6vw,3rem);height:clamp(2.25rem,6vw,3rem);padding:.45rem;border:1px solid transparent;border-radius:50%;transition:background-color .16s ease,border-color .16s ease,transform .16s ease}.button:hover,.button:focus-visible{border-color:#ffffff6b;background:#ffffff24;outline:none;transform:translateY(-.2rem)}.button img{width:100%;height:100%;object-fit:contain;filter:brightness(0) invert(1)}@media(prefers-reduced-motion:reduce){.button,.page-doll-text,#lyric-text:before,#lyric-text:after{animation:none;transition:none}}