#safari-warning{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;color:#f0f0ef;text-align:center;display:flex;justify-content:center;align-items:center;flex-direction:column;z-index:10000;font-family:Arial,sans-serif;padding:20px;box-sizing:border-box;font-size:1.25rem}#continue-button{margin-top:20px;background:#f0f0ef;color:#000;border:1.5px solid #000000;padding:4px 10px;box-shadow:3px 2.4px #f0f0ef;border-radius:1px;cursor:pointer;font-size:1.2rem}#continue-button:hover{opacity:.5}#loading-overlay{position:fixed;top:0;bottom:0;left:0;width:100%;height:auoto;background:#000;z-index:9999;display:flex;justify-content:center;align-items:center;opacity:1;transition:opacity .2s ease-in-out}.loader-container{position:relative;width:100px;height:100px;transform:rotate(180deg)}.loader-square{width:18.5svh;height:18.5svh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #DADAD4}.loader-progress{position:absolute;top:0;left:0;width:100%;height:0%;background:#dadad4}.loader-text{position:absolute;top:-100%;left:50%;transform:translate(-50%) rotate(180deg);color:#f0f0ef;font-family:monospace;font-size:1rem;letter-spacing:.1em;text-transform:uppercase;opacity:.8}body{cursor:default;display:flex;height:100vh;position:fixed;top:0;margin:0;overflow-x:hidden;overflow-y:hidden;scrollbar-width:none;background-color:transparent}body.hover-cube{cursor:grab}body.dragging{cursor:grabbing}.cube-scroll-container{position:fixed;display:flex;flex-direction:column;top:0;left:0;width:100%;height:300vh;overflow-y:hidden;overflow-x:hidden;z-index:0;background-color:#000}#three-container{user-select:none;-webkit-user-select:none;-ms-user-select:none;position:relative;left:0;width:100%;height:100vh;top:0;transform:translateY(0);filter:blur(0px);justify-content:center;align-items:center;background-color:transparent}#direction-indicator{display:flex;flex-direction:column;gap:1.4rem;justify-content:center;align-items:center;position:fixed;bottom:20vh;width:100%;height:fit-content;pointer-events:none;mix-blend-mode:difference;animation:bounce 1.25s infinite;visibility:hidden;opacity:0}#direction-indicator.visible{visibility:visible;opacity:1}#direction-indicator h1{user-select:none;-webkit-user-select:none;-ms-user-select:none;font-family:M Plus,sans-serif;font-weight:400;font-size:1.28rem;color:#f0f0ef;margin-top:.6rem}#direction-indicator .arrow{width:3.8rem;height:2.8px;background-color:#f0f0ef;position:relative;margin:0 auto .4rem;transition:transform .2s ease}#direction-indicator .arrow:before,#direction-indicator .arrow:after{content:"";position:absolute;width:1.6rem;height:1.6rem;border-top:2.8px solid #F0F0Ef;border-right:2.8px solid #F0F0Ef;top:50%;transform:translateY(-50%);transition:opacity .1s ease,transform .2s ease}#direction-indicator .arrow:before{left:0;transform:translateY(-50%) translate(4px) rotate(-135deg)}#direction-indicator .arrow:after{right:0;transform:translateY(-50%) translate(-4px) rotate(45deg)}.arrow.scroll:before{opacity:0}.arrow.scroll:after{right:50%;transform:translate(50%,-50%) rotate(135deg);opacity:1}.arrow.scroll{transform:rotate(90deg)}.arrow.drag{transform:rotate(0)}@keyframes bounce{0%,to{transform:translateY(3px)}50%{transform:translateY(-3px)}}.scroll-container{user-select:none;-webkit-user-select:none;-ms-user-select:none;scrollbar-width:none;-ms-overflow-style:none;position:absolute;display:flex;flex-direction:column;top:0;left:0;width:100%;height:100vh;transform:translateY(-0%);overflow-y:scroll;z-index:1;background-color:transparent;mix-blend-mode:difference}.scroll-container::-webkit-scrollbar{display:none}h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:inherit;font-weight:400;line-height:.8;margin-block-start:0em;margin-block-end:0em;margin-inline-start:0px;margin-inline-end:0px}.open-text{user-select:none;-webkit-user-select:none;-ms-user-select:none;position:absolute;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:transparent;opacity:1;visibility:visible;transition:opacity .5s ease;margin:0;width:100%}#open-text.hidden{opacity:0;visibility:hidden;transition:opacity .5s ease,visibility 0s ease .5s}.intro-content{display:flex;flex-direction:column;justify-content:center;align-items:center;margin-top:76px;margin-bottom:0;font-family:Oswald,sans-serif;font-weight:600;font-size:48px;letter-spacing:1.1px;line-height:1.36;color:#f0f0ef;text-align:justify;height:100%;line-break:auto;width:808px;transition:opacity .5s ease;text-transform:uppercase}.intro-content p:after{content:"";display:inline-block;width:100%}.intro-content .word{display:inline}.intro-content .word span{display:inline-block;color:#f0f0ef;transition:all .2s ease}.word-0 span.hovered{color:transparent;-webkit-text-stroke:.15vh #E66465}.word-1 span.hovered{color:transparent;-webkit-text-stroke:.15vh #6BCB77}.word-2 span.hovered{color:transparent;-webkit-text-stroke:.15vh #4D96FF}.word-3 span.hovered{color:transparent;-webkit-text-stroke:.15vh #E6AC00}.headline{user-select:none;-webkit-user-select:none;-ms-user-select:none;position:absolute;left:0;bottom:0;width:100%;display:flex;flex-direction:row;align-items:flex-start;justify-content:space-around;gap:4vw;font-size:26vh;font-family:Oswald,sans-serif;color:#f0f0ef;height:80%;letter-spacing:0;transition:opacity .5s ease-in-out}.leftline{position:absolute;display:flex;flex-direction:column;left:6vw;margin-right:0vh;bottom:8vh;gap:4vh}.leftline h1{transition:all .1s ease-in-out;position:relative;font-weight:700;width:fit-content;line-height:.95}.leftline h1 .h1-letter.hovered{-webkit-text-stroke:.3vh #E6AC00;color:transparent}.rightline{transition:all .1s ease-in-out;position:absolute;top:4vh;right:6vw;width:24%;display:flex;flex-direction:column;align-items:flex-start}.rightline h6,h7,h8,h9{font-size:6.8vh;line-height:1;font-weight:700}.h6-letter.hovered{-webkit-text-stroke:.16vh #E6AC00;color:transparent}.h7-letter.hovered{-webkit-text-stroke:.16vh #4D96FF;color:transparent}.h8-letter.hovered{-webkit-text-stroke:.16vh #6BCB77;color:transparent}.h9-letter.hovered{-webkit-text-stroke:.16vh #E66465;color:transparent}.bigarrow{--arrow-width: 9.5vw;--arrow-thickness: 2vw;position:relative;width:var(--arrow-width);aspect-ratio:.8;margin-left:.2vw;margin-bottom:.2vw;margin-top:4.8vh}.bigarrow:before{content:"";position:absolute;width:var(--arrow-thickness);height:100%;background:currentColor;left:50%;transform:translate(-50%)}.bigarrow:after{content:"";position:absolute;width:50%;aspect-ratio:1/1;border-right:var(--arrow-thickness) solid currentColor;border-bottom:var(--arrow-thickness) solid currentColor;bottom:0;left:50%;transform:translate(-50%) rotate(45deg)}.button{user-select:none;-webkit-user-select:none;-ms-user-select:none;position:absolute;top:.25rem;display:flex;flex-direction:row;justify-content:center;width:100%;background-color:transparent;font-family:Oswald,sans-serif;font-weight:200;font-size:1.25rem;color:#f0f0ef;z-index:1}#intro{cursor:pointer;position:absolute;padding:8px;top:0;left:2.5rem;text-align:center;min-height:44px;min-width:44px;width:fit-content;display:flex;align-items:center;justify-content:center}#intro.clicked{text-decoration:none}#play{cursor:pointer;position:relative;width:fit-content;padding:8px;top:0;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center}.logobutton{user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:pointer;position:fixed;top:.25rem;display:flex;flex-direction:row;justify-content:center;width:100%;font-family:Oswald,sans-serif;font-weight:400;font-size:1.25rem;color:#f0f0ef;z-index:2;mix-blend-mode:difference;background-color:transparent}#logo{user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:pointer;position:fixed;left:50%;transform:translate(-50%);display:flex;justify-content:center;align-items:center;font-family:Oswald,serif;font-weight:700;font-style:normal;font-size:1.25rem;color:#f0f0ef;transition:opacity ease-in .2s;z-index:2;width:fit-content;min-height:44px;min-width:44px;padding:8px;text-decoration:none}#logo img{width:auto;height:34px;object-fit:contain;filter:none;isolation:isolate;mix-blend-mode:normal}.desktop #intro:hover,.desktop #play:hover,.desktop #logo:hover,.desktop #how:hover{opacity:.64}#logo.hidden{visibility:hidden;transition:opacity .4s ease-in-out}#cv{user-select:none;-webkit-user-select:none;-ms-user-select:none;position:absolute;width:fit-content;padding:8px;top:0;right:2rem;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:flex-end;text-decoration:none}#how{user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:pointer;color:#f0f0ef;font-family:Oswald,sans-serif;font-size:1.25rem;position:fixed;display:flex;align-items:center;justify-content:flex-start;padding:8px;top:.25rem;left:2rem;mix-blend-mode:difference;z-index:10;min-height:44px;min-width:44px}#how.hidden{visibility:hidden;transition:opacity .4s ease-in-out}#how.clicked{text-decoration:none;padding-left:8px;padding-right:12px}.desktop #cv:hover{color:#e6ac00}.how-bubble{position:fixed;left:0;background:#f0f0efe6;color:#000d0f;margin:0;padding-left:12vw;padding-right:10vw;width:100vw;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:4vh;opacity:0;visibility:hidden;transition:all .3s ease;z-index:0;mix-blend-mode:normal;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding-top:4vh}.how-bubble.show{opacity:1;visibility:visible;z-index:5}.how-bubble p{position:relative;text-align:left;font-family:"M PLUS 1p",serif;font-size:1.25rem;line-height:1.8;font-weight:400;width:50vh;padding-bottom:0vh;margin-top:0}.unfolded-cube{position:relative;left:0;width:40vh;height:30vh;margin:0;transform:scale(1.2);transform-origin:0 0;padding-bottom:0vh;margin-bottom:8vh}.cube-face{position:absolute;width:10vh;height:10vh;border:1px solid #000000;overflow:hidden;display:flex;transition:all .3s ease;align-items:center;justify-content:center}.top-right{top:0;left:10vh;transform:translate(1px) translateY(-1px)}.middle-left{top:10vh;left:0}.middle-center-left{top:10vh;left:10vh;transform:translate(1px)}.middle-center-right{top:10vh;left:20vh;transform:translate(2px)}.middle-right{top:10vh;left:30vh;transform:translate(3px)}.bottom-left{top:20vh;left:20vh;transform:translate(2px) translateY(1px)}.default-svg{position:absolute;width:32%;height:32%;object-position:center;opacity:1;transition:opacity .15s ease;margin:0}.hover-image{position:absolute;min-width:110%;min-height:110%;object-fit:cover;object-position:center;opacity:0;transition:opacity .15s ease;border-radius:0;margin:0;mix-blend-mode:luminosity}.cube-face:hover .default-svg{opacity:0}.cube-face:hover .hover-image{opacity:1}.overlay{position:absolute;top:100vh;left:0;width:100%;height:100vh;padding:20px;box-sizing:border-box;background:#f0f0ef;color:#000d0f;font-family:Arial,sans-serif;font-size:1.2rem;text-align:center}.genre-container{display:flex;flex-direction:column;align-items:center;top:0vh;left:0;width:100%;height:100vh;overflow-y:hidden;z-index:0;background:transparent;border-top:#000D0F}.genre-content{user-select:none;-webkit-user-select:none;-ms-user-select:none;position:absolute;top:100vh;left:0;width:100%;padding:20px;box-sizing:border-box;background:#edece599;font-family:Arial,sans-serif;font-size:1.2rem;text-align:center;border-top:1.5px solid #000D0F;border-bottom:1.5px solid #000D0F}.blank{position:absolute;top:0;width:100%;height:100vh;box-sizing:border-box;background:transparent}canvas{display:block}@media (max-width: 768px){.body{user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:none}#three-container{transform:translateY(-8svh)}.loader-container{transform:translateY(-8svh) rotate(180deg)}.open-text{user-select:none;-webkit-user-select:none;-ms-user-select:none;height:100svh;width:100%;justify-content:center;overflow-x:hidden;overflow-y:hidden}.overlay{top:100svh}#arrow-container,#hint-container{user-select:none;-webkit-user-select:none;-ms-user-select:none}.headline{user-select:none;-webkit-user-select:none;-ms-user-select:none;font-size:13.6svh;height:100svh;width:100vw;position:absolute;top:0;left:0;right:0;overflow-y:hidden;overflow-x:hidden}.leftline{position:absolute;display:flex;flex-direction:column;align-items:end;line-height:1.1;gap:1.5vh;right:.9rem;left:0;bottom:6svh;font-weight:700;line-break:auto;text-align:right;width:auto;letter-spacing:0}.rightline{position:absolute;left:0vw;top:13svh;width:100%;display:flex;flex-direction:column;text-align:left;align-items:start;margin-right:0;margin-left:1.3rem}.rightline h6,h7,h8,h9{font-size:3.9vh;line-height:1.15;font-weight:700;width:48%}.bigarrow{margin-top:2.4vh;--arrow-thickness: 3.6vw;--arrow-width: 18vw;aspect-ratio:.4}.button{top:-6px;font-size:1.1rem}#intro{user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:pointer;min-height:44px;min-width:44px;padding:8px;left:.8rem;pointer-events:auto!important}.intro-content{position:absolute;justify-content:center;align-items:center;font-size:24.8px;letter-spacing:.5px;width:297px;line-height:1.4;margin-top:64px;margin-bottom:0vh;transform:translateY(-8svh)}#play{user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:pointer;pointer-events:auto!important;min-height:44px;min-width:44px;padding:8px}#cv{cursor:pointer;pointer-events:auto!important;right:.8rem;font-size:1.1rem;top:-6px}.logobutton{cursor:pointer;pointer-events:auto!important;top:0rem;font-size:1.1rem}#logo{user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:pointer;top:0rem;min-height:44px;min-width:44px;padding:8px;font-size:1.1rem;top:-6px}#logo img{width:auto;height:27px;object-fit:contain;filter:none}#how{user-select:none;-webkit-user-select:none;-ms-user-select:none;cursor:pointer;pointer-events:auto!important;top:0rem;left:.8rem;min-height:44px;min-width:44px;padding:8px;font-size:1.1rem;top:-6px}.how-bubble{user-select:none;-webkit-user-select:none;-ms-user-select:none;align-items:left;padding:0;padding-left:2rem;padding-right:2rem;gap:5svh}.unfolded-cube{position:relative;left:0;width:40svh;height:30svh;margin:0;transform:scale(.9);margin-bottom:0svh}.how-bubble p{position:relative;text-align:left;font-family:"M PLUS 1p",serif;font-size:1.1rem;line-height:1.8;font-weight:400;width:40vh;margin-bottom:10svh}}