@import "https://fonts.googleapis.com/css2?family=Raleway&display=swap";
@import "https://fonts.googleapis.com/css2?family=Oswald:wght@200&display=swap";
@import "https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap";
@import "https://fonts.googleapis.com/css2?family=Chivo&display=swap";
.styled-border{z-index:-1;border-radius:10px;flex-direction:column;align-items:center;width:30px;height:calc(100% - 90px);display:flex;position:absolute;top:47px;right:-30px}:root{--const:5px;--left:5px}.bar-wrapper{width:var(--const);height:100%;left:var(--left);z-index:3;filter:drop-shadow(0 0 2px #0ff);transform-origin:50% 0;flex-direction:column;align-items:center;transition:all .5s;display:flex;position:absolute;transform:scaleY(0)}@media (max-width:700px){.bar-wrapper{filter:none}}.bar-wrapper.scale-y{transform:scaleY(1)}.bar-wrapper.med{height:calc(10% + var(--const));left:calc(var(--left)*2);z-index:2}.bar-wrapper.short{height:10%;left:calc(var(--left)*3);z-index:1}.bar-wrapper .bar{background:radial-gradient(#fff,#0ff);width:100%}.bar.bottom{height:calc(var(--const)*2);height:11px;clip-path:polygon(100% 0,100% calc(100% - var(--const)),0 100%,0 var(--const));background:#0ff}.bar.middle{clip-path:polygon(100% 0,100% calc(100% - var(--const)),0 100%,0 var(--const))}.bar-wrapper.tall .bar.top{height:calc(var(--const)*3);clip-path:polygon(100% 0,100% calc(100% - var(--const)),0 100%,0 0)}.bar-wrapper.tall .bar.middle{height:calc(100% - var(--const)*7)}.bar-wrapper.med .bar.top{height:calc(var(--const)*2);clip-path:polygon(100% 0,100% calc(100% - var(--const)),0 100%,0 0)}.bar-wrapper.med .bar.middle{height:calc(100% - var(--const)*6)}.bar-wrapper.short .bar.top{height:var(--const);clip-path:polygon(100% 0,100% calc(100% - var(--const)),0 100%,0 0)}.bar-wrapper.short .bar.middle{height:calc(100% - var(--const)*5)}.red-bar{filter:drop-shadow(0 0 2px #fff);transform-origin:50% 0;background:0 0;border-bottom-right-radius:20px;width:5px;height:calc(100% - 30px);transition:all .5s ease-in;position:absolute;right:15px;transform:scaleY(0);box-shadow:0 0 4px 1px red,inset 0 0 5px 1px red}@media (max-width:700px){.red-bar{box-shadow:none;filter:none;background:red}}.red-bar.scale-y{transform:scaleY(1)}.red-bar.right{border-bottom-right-radius:20px;width:5px;height:calc(10% - 20px);right:5px}
.modal-info{z-index:443;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overscroll-behavior:contain;background:#0009;border-radius:15px;width:calc(100% - 50px);max-width:700px;height:calc(100% - 60px);margin:0 30px 0 10px;position:fixed;top:50px;left:0;right:0;box-shadow:-1px 1px 10px 1px #0009}@media (max-width:700px){.modal-info{-webkit-backdrop-filter:none;backdrop-filter:none;background:#000000fc}}.info-container{width:100%;height:100%;padding:20px 30px 200px;overflow:auto}.info-header{color:#c8ffff;text-shadow:0 0 5px #0ff;font:30px Ailerons}.btn-texture-detail{transition:transform .3s}.btn-texture-detail:hover{color:#7ff;transition:transform .3s;transform:translateY(-5px)}.info-wrapper{text-align:center;width:100%}.info-text{color:#c8ffff;font-size:20px}.info-text.author{text-decoration:underline}.info-link{min-width:100%;min-height:100px;position:relative}.info-link:after{content:"Click image to visit source site";z-index:100;color:#fff;filter:drop-shadow(0 1px 2px #000);width:fit-content;height:fit-content;font-size:15px;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.info-img{width:100%}
.vr-modal{z-index:554;text-align:center;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0009;border-radius:20px 55px 20px 20px;width:calc(100% - 20px);max-width:800px;height:calc(100% - 60px);margin:0 auto;padding:10px 10px 90px;font:100 20px sans-serif;position:fixed;bottom:10px;left:0;right:0;box-shadow:-1px 1px 10px 1px #0009}.vr-modal-enter{opacity:0;transform:scale(0)}.vr-modal-enter-active{opacity:1;transition:all .5s;transform:scale(1)}.vr-modal-exit{opacity:1;transform:scale(1)}.vr-modal-exit-active{opacity:0;transition:all .5s;transform:scale(0)}.vr-modal h2,.vr-modal .header{border-bottom:1px solid #0ff;border-radius:100px;width:fit-content;margin:10px auto 20px;padding:0 20px;font:100 25px sans-serif}.wrapper-vr-sections{border-top:1px solid #0ff;border-bottom:1px solid #0ff;width:100%;height:calc(100% - 60px);padding:40px 10px;overflow:auto}.vr-modal section{width:100%;padding:10px 10px 50px}hr.vr-modal-hr{background:#0ff;border:none;width:80%;min-width:200px;max-width:400px;height:1px;min-height:1px}.vr-modal .text{max-width:500px}.wrapper-btns-foveation,.wrapper-btns-vr-fps{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.btn-fov{color:#fff;border:1px solid #0ff;border-radius:10px;width:50px;height:50px;box-shadow:0 1px 5px 1px #000}.btn-fov.minus{background:url(/icons/chevron-left-cyan.svg) 50%/25% no-repeat}.btn-fov.plus{background:url(/icons/chevron-right-cyan.svg) 50%/25% no-repeat}.btn-vr-fps{color:#fff;border:1px solid #0ff;border-radius:100px;width:80px;height:40px;box-shadow:0 1px 5px 1px #000}.btn-fov:hover,.btn-vr-fps:hover{filter:drop-shadow(0 0 2px #0ff);box-shadow:inset 0 0 5px 1px #0ff}
.hero-section{z-index:95;color:#0ff;letter-spacing:3px;text-align:center;pointer-events:none;flex-wrap:wrap;justify-content:center;align-items:center;width:100%;height:calc(100% - 100px);padding:20px;font:500 35px Ailerons;transition:opacity .5s;display:flex;position:fixed;top:50px}.hero-section-enter{opacity:1}.hero-section-exit{opacity:0}@media (max-width:700px){.hero-section{font-size:25px}}.hero-text{text-shadow:-1px 0 2px red,1px 0 2px red,0 -1px 2px red,0 1px 2px red;filter:drop-shadow(0 0 5px #000);opacity:0;max-width:400px;padding:20px;position:absolute}.three-d-text{color:#0ff;filter:drop-shadow(0 -3px 1px #0ff);cursor:pointer;pointer-events:auto;border:solid red;border-radius:2px;width:fit-content;margin:auto;display:flex}:root{--hero-section-anim-duration:20s}.hero-text:first-child{animation:hero-anim-1 var(--hero-section-anim-duration)ease infinite;animation-delay:2s}@keyframes hero-anim-1{5%{opacity:1}18%{color:var(--hero-text-color);opacity:1}18.5%{color:#0ff;opacity:0}19%{opacity:1}19.5%{opacity:0}20%{opacity:0}}.hero-text:nth-child(2){animation:hero-anim-2 var(--hero-section-anim-duration)ease infinite;animation-delay:2s}@keyframes hero-anim-2{18%{opacity:0}25%{opacity:1}38%{color:var(--hero-text-color);opacity:1}38.5%{color:#0ff;opacity:0}39%{opacity:1}39.5%{opacity:0}40%{opacity:0}}.hero-text:nth-child(3){animation:hero-anim-3 var(--hero-section-anim-duration)ease infinite;animation-delay:2s}@keyframes hero-anim-3{38%{opacity:0}45%{opacity:1}68%{color:var(--hero-text-color);opacity:1}68.5%{color:#0ff;opacity:0}69%{opacity:1}69.5%{opacity:0}70%{opacity:0}}.hero-text:nth-child(4){animation:hero-anim-4 var(--hero-section-anim-duration)ease infinite;animation-delay:2s}@keyframes hero-anim-4{68%{opacity:0}75%{opacity:1}98%{color:var(--hero-text-color);opacity:1}98.5%{color:#0ff;opacity:0}99%{opacity:1}99.5%{opacity:0}to{opacity:0}}
.App{z-index:600;width:100%;height:100vh;position:fixed;top:0;left:0}.fps{z-index:1111111;pointer-events:none;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);clip-path:polygon(40px 0,45px 3px,calc(100% - 45px) 3px,calc(100% - 40px) 0,calc(100% - 20px) 0,100% 100%,0 100%,20px 0);color:#fff;letter-spacing:2px;background:#00000080;justify-content:center;align-items:flex-start;width:200px;height:20px;padding:3px 15px 0;font:15px Ailerons;display:flex;position:fixed;bottom:0;left:calc(50% - 100px)}.fps-enter{transform:translateY(100%)}.fps-enter-active{transition:transform .5s;transform:translateY(0%)}.fps-exit{transform:translateY(0%)}.fps-exit-active{transition:transform .5s;transform:translateY(100%)}.canvas{background:linear-gradient(#0000 20%,#ffffff4d,#0000 80%),linear-gradient(90deg,#0000 30%,#ffffff4d,#0000 70%),linear-gradient(#0000,#009b9b,#0000),linear-gradient(90deg,#0000,#a5cc82,#0000)}.canvas.black{background:#000}.canvas-section{justify-content:flex-start;align-items:center;width:100vw;height:100vh;padding:80px 20px;display:flex}.canvas-section.items-end{justify-content:flex-end}.canvas-section-div-1{justify-content:center;align-items:center;width:50%;display:flex}.canvas-section-div-2{width:100%}.canvas-section-div-3{background-color:#fff;border:1px solid #87ceeb;border-radius:10px;padding:12px 8px}
:root{--clip-inset:5px}.btn-fullscreen{z-index:888;filter:drop-shadow(0 0 2px #000);background:url(/icons/expand-cyan.svg) 50%/30% no-repeat;position:fixed;bottom:0;right:0}.btn-fullscreen.clicked{background:url(/icons/compress-cyan.svg) 50%/30% no-repeat}.btn-info{z-index:444;justify-content:center;align-items:center;width:50px;height:50px;display:flex;position:fixed;bottom:0;left:0}.info-icon{filter:drop-shadow(0 0 3px #0c7c7c);background:url(/icons/info-solid.svg) 50%/22% no-repeat;border:1px solid red;border-radius:100%;width:15px;height:15px}.btn-vr-modal{z-index:553;color:#fff;text-shadow:0 1px 1px red,0 1px 2px #0ff;clip-path:polygon(100% 0,100% 100%,calc(100% - 35px) 100%,calc(100% - 38px) calc(100% - 3px),38px calc(100% - 3px),35px 100%,0 100%,0 0);background:#00000080;border-radius:20px;width:100px;height:40px;font:100 25px Ailerons;position:fixed;bottom:5px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 1px 1px #0ff}.btn-vr-modal:after{content:"";background:#0ff;border-top-left-radius:100px;border-top-right-radius:100px;width:31px;height:4px;position:absolute;bottom:0}.btn-vr{z-index:10101;color:#fff;text-shadow:0 1px 1px red,0 1px 2px #0ff;background:#00000080;border:1px solid #0ff;border-radius:200px;width:140px;height:50px;font:100 25px Ailerons;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 1px 10px 1px #000}.btn-vr:hover,.btn-vr-modal.open,.btn-vr-modal:hover{background:#00ffff80}.btn-close-modal{clip-path:polygon(40% 0,calc(40% + 3px) 3px,calc(100% - 6px) 3px,calc(100% - 3px) 6px,calc(100% - 3px) calc(60% - 3px),100% 60%,100% 100%,80% 100%,75% calc(100% - 3px),25% calc(100% - 3px),20% 100%,0 100%,0 80%,3px 75%,3px 25%,0 20%,0 0);color:red;text-shadow:0 0 5px #0ff;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:radial-gradient(#00ffff80,#00ffffb3);border-top:none;border-bottom:1px solid red;border-left:1px solid red;border-right:none;border-bottom-left-radius:22px;width:50px;height:50px;margin:0 auto;font-weight:700;position:absolute;top:0;right:-30px;box-shadow:inset 0 0 8px 4px #0ff}.btn-close-modal.vr{right:0}.btn-close-modal:after{content:"×";font-size:x-large;display:inline-block}.btn-close-modal:hover{color:#0ff;text-shadow:0 0 5px red;border:1px solid #0ff;box-shadow:inset 0 0 4px 2px #0ff}.btn-start-shadow{z-index:95;border:1px solid #0ff;border-radius:200px;width:100%;max-width:160px;height:40px;transition:opacity .5s;position:fixed;bottom:98px;left:50%;transform:translate(-50%);box-shadow:0 0 5px 1px #000,inset 0 0 5px 5px #0ff}.btn-start-shadow.opacity-0{opacity:0}.btn-start{z-index:96;color:#fff;text-shadow:-1px 0 2px #000,1px 0 2px #000,0 -1px 2px #000,0 1px 2px #000;text-transform:uppercase;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);width:100%;max-width:160px;height:40px;clip-path:polygon(40% 0,calc(40% + var(--clip-inset))var(--clip-inset),calc(60% - var(--clip-inset))var(--clip-inset),60% 0,100% 0,100% 100%,calc(100% - 35px)100%,calc(100% - 40px)calc(100% - var(--clip-inset)),60% calc(100% - var(--clip-inset)),calc(60% - var(--clip-inset))100%,calc(40% + var(--clip-inset))100%,40% calc(100% - var(--clip-inset)),40px calc(100% - var(--clip-inset)),35px 100%,0 100%,0 0);background:#001414cc;border:1px solid #0ff;border-radius:100px;justify-content:center;align-items:center;padding-top:8px;font:100 30px Arcade;transition:opacity .5s;display:flex;position:fixed;bottom:98px;left:50%;transform:translate(-50%);box-shadow:inset 0 0 5px 1px #0ff}@media (max-height:500px){.btn-start,.btn-start-shadow{bottom:68px}}.btn-start.opacity-0{opacity:0}.btn-hub{z-index:333;filter:drop-shadow(0 0 2px #000);background:url(/icons/chevron-left-cyan.svg) 30%/40% no-repeat;border-top-right-radius:20px;border-bottom-right-radius:20px;transition:transform .4s;position:fixed;top:calc(50% - 25px);box-shadow:inset -5px 0 5px 1px #0000001a}.btn-hub-right{background:url(/icons/chevron-right-cyan.svg) 70%/40% no-repeat;border-radius:20px 0 0 20px;animation:1s infinite hub-btn-pulse;right:0;box-shadow:inset 5px 0 5px 1px #0000001a}.btn-hub-right.clicked{animation:none}@keyframes hub-btn-pulse{0%,to{filter:drop-shadow(0 0 2px #000)}50%{filter:drop-shadow(0 0 2px #0ff)}}.btn-fps{color:#d3d3d3;filter:drop-shadow(0 0 2px #000);background:0 0;border:1px solid gray;border-radius:10px;justify-content:center;align-items:center;width:50px;min-height:50px;margin:20px auto;display:flex}.btn-fps.meter-open{color:#0ff;filter:drop-shadow(0 0 2px #0ff);border:1px solid #0ff}.btn-torus-scene-third-person{z-index:1;background:url(/icons/video-cyan.svg) 50%/30% no-repeat;border-top:1px solid #0ff;border-radius:100px;position:fixed;bottom:60px;right:0;transform:rotate(-90deg)}
@font-face{font-family:Ailerons;src:url(/fonts/Ailerons-TrialVersion.otf)}@font-face{font-family:Arcade;src:url(/vrpunk/fonts/ARCADE.TTF)}@font-face{font-family:Blox;src:url(/fonts/Blox2.ttf)}:root{--cyan-0:cyan;--cyan-rgb:#0ff;--cyan-hex:#0ff;--cyan-1:#83d3ef;--cyan-2:#33dffa;--cyan-3:#44b9bf;--red-1:#f73368;--red-2:#ea0047;--red-3:#e70346;--red-4:#810025;--neon-pink-hsl:#ff14bd;--neon-pink:#ff14bd;--bg-blur:.5;--hero-text-color:white;--hex-color:#00ffffb3;--hex-line:.5px;--trans-line:.5px;--hex-bg-image:linear-gradient(var(--hex-color)var(--hex-line),transparent var(--trans-line)calc(100% - var(--trans-line)),var(--hex-color)calc(100% - var(--hex-line))),linear-gradient(to right,var(--hex-color)var(--hex-line),transparent var(--trans-line)calc(100% - var(--trans-line)),var(--hex-color)calc(100% - var(--hex-line))),linear-gradient(45deg,var(--hex-color)15%,transparent calc(15% + var(--trans-line))calc(85% - var(--trans-line)),var(--hex-color)85%),linear-gradient(-45deg,var(--hex-color)15%,transparent calc(15% + var(--trans-line))calc(85% - var(--trans-line)),var(--hex-color)85%)}*{box-sizing:border-box;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:#0000;margin:0;padding:0;text-decoration:none;list-style:none}body{background:#000}button{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;width:50px;height:50px;display:flex}a:focus,button:focus{outline-color:#0ff}.flex-center{justify-content:center;align-items:center;display:flex}.flex-row{align-items:center;gap:20px;display:flex}.flex-col{flex-direction:column;align-items:center;gap:20px;display:flex}