:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{margin:0;padding:0;width:100%;height:100%;overflow:hidden;background-color:#0500ff;animation:backgroundCycle 10s infinite alternate}.frame{position:relative;border:.1rem solid #DAFF00;max-width:calc(100svw - 4svh);margin:2svh auto;border-radius:1rem;max-height:96svh;background-color:#daff00;box-shadow:0 0 15px #daff00;overflow:hidden;width:100svw;height:100svh}.menu-overlay{display:flex;justify-content:center;align-items:center;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#16174e33;z-index:9999}.menu-content{display:flex;flex-direction:column;justify-content:space-between;align-items:center;max-width:22rem;width:100%;height:80svh;padding:2rem}.menu-header{display:flex;justify-content:space-between;align-items:center;width:100%}.menu-header .title{text-align:center;flex-grow:1;cursor:default}.close-menu{cursor:pointer;background-color:#daff0040;color:#daff00;border-radius:50%;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;font-size:1rem;font-weight:700;border:solid #DAFF00 .1rem;transition:background-color .2s ease,color .2s ease}.close-menu:hover,.close-menu:active{background-color:#daff00;color:#1a1a1a}.menu-header img{height:40px}.menu-content .logo-image{cursor:pointer;margin-right:auto}p{text-align:center;margin:1rem 0}.body-section{display:flex;justify-content:space-around;align-items:flex-start;width:100%;flex-grow:0}.araquati-body-container{position:relative;width:150px;height:auto;display:flex;justify-content:center;align-items:center;z-index:-10}.araquati-body-part{position:absolute;top:0;left:0;width:100%;height:auto;opacity:.2;filter:invert(1) sepia(1) saturate(500%) hue-rotate(33deg);transition:opacity .3s ease}.araquati-body-part.collected{opacity:1}.body-parts-labels{text-align:left}.body-part-label{opacity:.2;transition:opacity .3s ease}.body-part-label.collected{opacity:1}.play-pause-container{display:flex}.pauseplay{background-color:#daff0040;color:#daff00;border-radius:50%;width:2rem;height:2rem;display:flex;justify-content:center;align-items:center;border:solid #DAFF00 .1rem;cursor:pointer;transition:background-color .2s ease,color .2s ease}.pauseplay:hover,.pauseplay:active{background-color:#daff00;color:#1a1a1a}.logo-image{cursor:pointer}.logo-text-zone{position:absolute;top:2vh;right:2vh;width:22vw;max-width:10rem;display:flex;align-items:center;justify-content:center;flex-direction:column;z-index:2;color:#daff00;cursor:default;font-size:.66rem}.logo-image{max-width:100%;width:auto;height:auto}.zone-star-zone{position:absolute;bottom:.5vh;right:.5rem;min-width:6rem;max-width:12rem;display:flex;align-items:center;justify-content:center;z-index:2}.name-divet-area{position:absolute;bottom:1rem;left:1rem;width:33vw;max-width:10rem;border:.1rem solid #DAFF00;border-radius:2rem;display:flex;align-items:center;justify-content:center;box-shadow:inset 0 0 10px #00000080;z-index:2;padding:1rem}.aura-circle{border-radius:50%;background:radial-gradient(circle,rgba(218,255,0,.8),rgba(218,255,0,.4),transparent,transparent);margin-bottom:20px;border:#DAFF00 solid .1rem;color:#1a1a1a;width:4svw;height:4svw;position:relative;display:flex;justify-content:center;align-items:center}.aura-circle-inner{width:100%;height:100%;border-radius:50%;background:radial-gradient(circle,rgba(218,255,0,.8),rgba(218,255,0,.4),transparent,transparent);animation:pulse-inner 3s infinite ease-in-out}@keyframes pulse-inner{0%{transform:scale(1);opacity:1}50%{transform:scale(.8);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.2);opacity:.7}to{transform:scale(1);opacity:1}}@keyframes noise{0%{transform:translate(0)}to{transform:translate(100px,100px)}}.xp-meter{background:linear-gradient(to bottom,#daff000d,#daff0036);border-radius:10px;overflow:hidden;position:relative;box-shadow:0 0 15px #daff0080;border:solid #daff00 .1rem;width:.8svw;height:20svh}.xp-fill{width:100%;background-color:#daff00;position:absolute;bottom:0;transition:height .5s ease}.xp-label{color:#daff00;font-size:1rem;transform:rotate(-90deg);font-weight:700;font-style:oblique;margin:0;padding:0;align-self:baseline;line-height:4;right:.1rem;position:relative}.xp-aura-zone{position:absolute;top:2vh;left:3vh;height:auto;display:flex;flex-direction:column;justify-content:center;z-index:2}.collection-message{position:absolute;top:20%;left:50%;transform:translate(-50%);background-color:#000000b3;padding:15px 25px;border-radius:10px;color:#fff;font-size:1.5em;text-align:center;z-index:1000}.collection-message p{margin:0}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000}.loader-container{text-align:center;color:#fff}.loader-bar{width:300px;height:20px;background-color:#333;margin-bottom:10px;border-radius:10px;overflow:hidden}.loader-progress{height:100%;background-color:#daff00;width:0%;transition:width .3s ease}.loader-text{font-size:18px}@keyframes backgroundCycle{0%{background-color:#201f8e}50%{background-color:#0500ff}to{background-color:#0d0c36}}a{font-weight:500;color:#daff00;text-decoration:inherit;transition:color .25s}a:hover{color:#535bf2}h1{font-size:3.2em;line-height:1.1}.hudWrapper{padding:1rem;position:relative;width:100vw;height:1010vh;display:flex}#hudTitle{position:relative;width:fit-content;padding:1rem}#button-container{position:relative;width:fit-content;text-align:center;bottom:0;padding:1rem}button{border-radius:90%;border:1px solid transparent;padding:.6em 1.2em;font-size:.6em;font-weight:500;font-family:inherit;background-color:#1a1a1a82;cursor:pointer;transition:border-color .25s;width:5rem;height:5rem;text-align:center;letter-spacing:.1rem;text-transform:uppercase}button:hover{border-color:#daff00}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.hud-container,button,.action-button,.dpad-button,.xp-aura-zone,.logo-text-zone,.zone-star-zone,.name-divet-area,.collection-message,.completion-message{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.hud-container{filter:none;transition:filter .3s ease}.action-buttons-container{position:absolute;bottom:15vh;right:5svw;z-index:1000;display:flex;text-align:center;flex-direction:column;align-items:center}.action-buttons-inline{display:flex;gap:10px}.action-button{width:3rem;height:3rem;margin:0;border-radius:50%;font-size:.6rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.action-button:active{background-color:#daff00;color:#1a1a1a}.dpad-container{display:grid;grid-template-columns:3rem 3rem 3rem;grid-template-rows:3rem 3rem 0;gap:.5rem}.dpad-button{width:3rem;height:3rem;border-radius:50%;font-size:1rem;display:flex;align-items:center;justify-content:center;cursor:pointer}.dpad-button:active{background-color:#daff00;color:#1a1a1a}.spacer{height:1.5rem}.completion-message{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000000b3;padding:20px 40px;border-radius:10px;text-align:center;font-size:2rem;color:#fff;z-index:1000;opacity:0;animation:fadeInOut 4s forwards}.blurred{filter:blur(2rem);transition:filter .3s ease}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%,-60%)}10%{opacity:1;transform:translate(-50%,-50%)}90%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-60%)}}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#0500ff}button{background-color:#f9f9f9}}@media (max-width: 768px){.action-buttons-container{bottom:10vh;flex-direction:row;align-items:center;justify-content:space-evenly;width:100svw;right:auto}.dpad-container{gap:.1rem;grid-template-rows:3rem 3rem 3rem}.zone-star-zone{min-width:4rem;width:37vw;max-width:14rem}.xp-aura-zone{width:12svw}.aura-circle{width:10svw;height:10svw}.xp-meter{width:2.8svw;height:20svh}.name-divet-area{max-width:16rem}}