.door-stats-panel-unavailable{opacity:.5}.door-unavailable-text{color:hsla(0,0%,100%,.6);font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;text-align:center;width:100%;margin-top:4px}.door-stats-badge{position:absolute;top:6px;right:6px;display:flex;align-items:center;justify-content:center;gap:4px;z-index:1}.door-stats-badge-dot{width:6px;height:6px;border-radius:50%;background:#f0f;box-shadow:0 0 4px rgba(255,0,255,.8);animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.1)}}.door-stats-badge-text{color:#f0f;font-size:11px;font-weight:600;text-shadow:0 0 4px rgba(255,0,255,.6)}@keyframes breathingWidth{0%{scale:.95;opacity:.5}50%{scale:1;opacity:1}to{scale:.95;opacity:.5}}@keyframes breathingOpacity{0%{opacity:1}50%{opacity:.7}to{opacity:1}}.rectangle-layer{position:absolute;bottom:0;left:50%;filter:blur(2px);z-index:7}.rectangle-layer.breathing{animation:breathingWidth 3s ease-in-out infinite}.rectangle-layer.breathing-opacity{animation:breathingOpacity 3s ease-in-out infinite}.door-bg{z-index:1}.door-bg,.door-front{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.door-front{z-index:2}.door-layer .black-circle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1;display:flex;align-items:center;justify-content:center;background:transparent;overflow:hidden}.door-layer .black-circle:before{top:0;left:0;width:100%;height:100%;animation:rotateBackground 8s linear infinite;z-index:-10;opacity:.2}.door-layer .black-circle:after,.door-layer .black-circle:before{content:"";position:absolute;background:url(/gamification/hole1.png) 50%/cover no-repeat;mix-blend-mode:multiply;transition:width .3s ease,height .3s ease,top .3s ease,left .3s ease,transform .3s ease}.door-layer .black-circle:after{top:50%;left:50%;transform:translate(-50%,-50%);width:80%;height:80%;animation:rotateBackgroundSlow 16s linear infinite;z-index:-2;opacity:.4}.door-layer:hover .black-circle:before{width:110%;height:110%;top:-5%;left:-5%;animation:rotateBackgroundFast 4s linear infinite}.door-layer:hover .black-circle:after{width:90%;height:90%;animation:rotateBackgroundSlowFast 8s linear infinite}@keyframes rotateBackground{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes rotateBackgroundSlow{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}@keyframes rotateBackgroundFast{0%{transform:rotate(0deg)}to{transform:rotate(-1turn)}}@keyframes rotateBackgroundSlowFast{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-1turn)}}.layer-image{width:100%;height:auto;display:block}.door-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75px;height:75px;border:2px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3}.door-icon svg{width:32px;height:32px;color:#fff;filter:drop-shadow(0 0 4px rgba(0,255,255,.7)) drop-shadow(0 0 8px rgba(255,0,255,.6));transition:filter .3s ease}.door-layer .electric-panel-inner svg{filter:drop-shadow(0 0 8px rgba(0,255,255,.8)) drop-shadow(0 0 16px rgba(255,0,255,.7));transition:transform .3s ease,filter .3s ease}.door-layer:hover .electric-panel-inner svg{transform:scale(1.2)}.door-layer:hover .door-icon svg{filter:drop-shadow(0 0 16px rgba(0,255,255,1)) drop-shadow(0 0 32px rgba(255,255,255,.8))}.wave-element{position:absolute;border-radius:50%;background:hsla(0,0%,100%,.1);width:250px;height:60px;top:90px;left:50%;transform:translateX(-50%);animation:waveDown 3s ease-in-out infinite;filter:blur(1px)}.wave-element:first-child{animation-delay:0s}.wave-element:nth-child(2){animation-delay:.5s}.wave-element:nth-child(3){animation-delay:1s}.wave-element:nth-child(4){animation-delay:1.5s}@keyframes waveDown{0%{transform:translateX(-50%) translateY(0);opacity:0}20%{opacity:1}to{transform:translateX(-50%) translateY(70px) scale(1.1);opacity:0}}.door-background-rectangle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:500px;height:100px;border-radius:8px;background:linear-gradient(90deg,transparent 0,rgba(128,0,128,.4) 50%,transparent);filter:blur(4px);mix-blend-mode:multiply;z-index:0;opacity:0;transition:opacity .4s ease,transform .4s ease}.door-layer:hover .door-background-rectangle{opacity:1}.door-stats-panel{position:absolute;background:rgba(30,1,59,.6);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid hsla(0,0%,100%,.2);border-radius:8px;min-width:150px;opacity:0;transition:all .3s ease;z-index:10;margin-bottom:20px;box-shadow:0 0 15px hsla(0,0%,100%,.2)}.door-stats-panel-wrap{position:relative;padding:10px 12px}.door-electric-border{position:absolute;top:0;left:0;width:100%;height:100%;opacity:.6;border-radius:8px}.door-1 .door-background-rectangle{transform:translate(-50%,-50%) perspective(1000px) rotateY(60deg) rotate(7deg);transform-style:preserve-3d;margin-left:-20px}.door-2 .door-background-rectangle{transform:translate(-50%,-50%) perspective(1000px) rotateY(60deg);transform-style:preserve-3d;margin-left:-20px}.door-3 .door-background-rectangle{transform:translate(-50%,-50%) perspective(1000px) rotateY(60deg) rotate(-7deg);transform-style:preserve-3d;margin-left:-20px}.door-4 .door-background-rectangle,.door-5 .door-background-rectangle,.door-6 .door-background-rectangle{transform:translate(-50%,-50%) perspective(1000px) rotateY(-60deg);transform-style:preserve-3d;margin-left:20px}.door-4 .door-background-rectangle{transform:translate(-50%,-50%) perspective(1000px) rotateY(-60deg) rotate(-7deg);margin-left:20px}.door-6 .door-background-rectangle{transform:translate(-50%,-50%) perspective(1000px) rotateY(-60deg) rotate(7deg);margin-left:20px}.door-1 .door-stats-panel{transform:rotate(5deg);margin-top:-60px}.door-1 .door-stats-panel,.door-2 .door-stats-panel{top:50%;left:0;bottom:auto;margin-left:-150px;opacity:0;transition:all .3s ease}.door-2 .door-stats-panel{margin-top:-40px;transform:rotate(0deg)}.door-3 .door-stats-panel{top:50%;left:0;bottom:auto;margin-top:-25px;margin-left:-150px;transform:rotate(-6deg);opacity:0;transition:all .3s ease}.door-4 .door-stats-panel{margin-top:-60px;transform:rotate(-5deg)}.door-4 .door-stats-panel,.door-5 .door-stats-panel{top:50%;right:0;bottom:auto;margin-right:-150px;opacity:0;transition:all .3s ease}.door-5 .door-stats-panel{margin-top:-40px;transform:rotate(0deg)}.door-6 .door-stats-panel{top:50%;right:0;bottom:auto;margin-top:-25px;margin-right:-150px;transform:rotate(6deg);opacity:0;transition:all .3s ease}.door-layer:hover.door-1 .door-stats-panel,.door-layer:hover.door-2 .door-stats-panel,.door-layer:hover.door-3 .door-stats-panel{opacity:1;margin-left:-130px}.door-layer:hover.door-4 .door-stats-panel,.door-layer:hover.door-5 .door-stats-panel,.door-layer:hover.door-6 .door-stats-panel{opacity:1;margin-right:-130px}@keyframes typewriter{0%{width:0}to{width:100%}}@keyframes progressFill{0%{width:0}to{width:var(--progress-width,75%)}}@keyframes blink-caret{0%,90%{border-color:#fff}95%,to{border-color:transparent}}.door-stats-title{color:#fff;font-size:14px;font-weight:600;margin-bottom:8px;text-align:center;overflow:hidden;white-space:nowrap;width:0;margin-left:auto;margin-right:auto}.door-layer:hover .door-stats-title{animation:typewriter .6s steps(20) .2s forwards}.door-stats-bar{width:100%;height:6px;background:hsla(0,0%,100%,.1);border-radius:3px;overflow:hidden;margin-bottom:6px}.door-stats-progress{height:100%;background:linear-gradient(90deg,#8400ff,#f0f);border-radius:3px;width:0}.door-layer:hover .door-stats-progress{animation:progressFill .8s ease-out .2s forwards}.door-stats-label{color:hsla(0,0%,100%,.7);font-size:11px;text-align:center;overflow:hidden;white-space:nowrap;width:0;margin-left:auto;margin-right:auto}.door-layer:hover .door-stats-label{animation:typewriter .6s steps(20) .8s forwards}.curved-title{width:800px;height:120px}.curved-svg{width:100%;height:100%}.curved-text{font-size:52px;font-weight:800;fill:#fff;text-anchor:middle;font-family:var(--font-velocraze-regular),system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;letter-spacing:2px;filter:drop-shadow(0 0 6px rgba(255,255,255,.4)) drop-shadow(0 0 12px rgba(255,255,255,.2))}.door-orbiting-particles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.orbiting-particle{position:absolute;width:5px;height:5px;background:radial-gradient(circle,#0ff 0,transparent 70%);border-radius:50%;box-shadow:0 0 8px #0ff;animation:orbitAnimation 12s linear infinite}@keyframes waveExpand{0%{width:0;height:0;opacity:1;filter:blur(0)}60%{opacity:.9;filter:blur(1px)}to{width:150px;height:150px;opacity:0;filter:blur(2px)}}.orbiting-particle:first-child{animation:orbitAnimation 15s linear infinite reverse;animation-delay:0s}.orbiting-particle:nth-child(2){animation:orbitAnimationClose 18s linear infinite reverse;animation-delay:-3s}.orbiting-particle:nth-child(3){animation:orbitAnimation 14s linear infinite reverse;animation-delay:-6s}.orbiting-particle:nth-child(4){animation:orbitAnimationClose 16s linear infinite reverse;animation-delay:-9s}.orbiting-particle:nth-child(5){animation:orbitAnimation 20s linear infinite reverse;animation-delay:-12s}.orbiting-particle:nth-child(6){animation:orbitAnimationClose 13s linear infinite reverse;animation-delay:-15s}@keyframes orbitAnimation{0%{transform:rotate(0deg) translateX(80px) rotate(0deg);z-index:2;opacity:.8}25%{transform:rotate(90deg) translateX(80px) rotate(-90deg);z-index:2;opacity:.8}50%{transform:rotate(180deg) translateX(80px) rotate(-180deg);z-index:2;opacity:.8}75%{transform:rotate(270deg) translateX(80px) rotate(-270deg);z-index:2;opacity:.8}to{transform:rotate(1turn) translateX(80px) rotate(-1turn);z-index:2;opacity:.8}}@keyframes orbitAnimationClose{0%{transform:rotate(0deg) translateX(50px) rotate(0deg);z-index:3;opacity:.9}25%{transform:rotate(90deg) translateX(50px) rotate(-90deg);z-index:3;opacity:.9}50%{transform:rotate(180deg) translateX(50px) rotate(-180deg);z-index:3;opacity:.9}75%{transform:rotate(270deg) translateX(50px) rotate(-270deg);z-index:3;opacity:.9}to{transform:rotate(1turn) translateX(50px) rotate(-1turn);z-index:3;opacity:.9}}.door-2 .orbiting-particle,.door-3 .orbiting-particle{width:4px;height:4px;box-shadow:0 0 6px #0ff}.door-2 .orbiting-particle:first-child{animation:orbitAnimationSmall 10s linear infinite reverse;animation-delay:0s}.door-2 .orbiting-particle:nth-child(2){animation:orbitAnimationSmallClose 13s linear infinite reverse;animation-delay:-2s}.door-2 .orbiting-particle:nth-child(3){animation:orbitAnimationSmall 11s linear infinite reverse;animation-delay:-4s}.door-2 .orbiting-particle:nth-child(4){animation:orbitAnimationSmallClose 15s linear infinite reverse;animation-delay:-6s}.door-2 .orbiting-particle:nth-child(5){animation:orbitAnimationSmall 12s linear infinite reverse;animation-delay:-8s}.door-2 .orbiting-particle:nth-child(6){animation:orbitAnimationSmallClose 14s linear infinite reverse;animation-delay:-10s}.door-3 .orbiting-particle:first-child{animation:orbitAnimationSmall 11s linear infinite reverse;animation-delay:0s}.door-3 .orbiting-particle:nth-child(2){animation:orbitAnimationSmallClose 14s linear infinite reverse;animation-delay:-2s}.door-3 .orbiting-particle:nth-child(3){animation:orbitAnimationSmall 12s linear infinite reverse;animation-delay:-4s}.door-3 .orbiting-particle:nth-child(4){animation:orbitAnimationSmallClose 16s linear infinite reverse;animation-delay:-6s}.door-3 .orbiting-particle:nth-child(5){animation:orbitAnimationSmall 13s linear infinite reverse;animation-delay:-8s}.door-3 .orbiting-particle:nth-child(6){animation:orbitAnimationSmallClose 15s linear infinite reverse;animation-delay:-10s}@keyframes orbitAnimationSmall{0%{transform:rotate(0deg) translateX(60px) rotate(0deg);z-index:2;opacity:.7}25%{transform:rotate(90deg) translateX(60px) rotate(-90deg);z-index:2;opacity:.7}50%{transform:rotate(180deg) translateX(60px) rotate(-180deg);z-index:2;opacity:.7}75%{transform:rotate(270deg) translateX(60px) rotate(-270deg);z-index:2;opacity:.7}to{transform:rotate(1turn) translateX(60px) rotate(-1turn);z-index:2;opacity:.7}}@keyframes orbitAnimationSmallClose{0%{transform:rotate(0deg) translateX(35px) rotate(0deg);z-index:3;opacity:.8}25%{transform:rotate(90deg) translateX(35px) rotate(-90deg);z-index:3;opacity:.8}50%{transform:rotate(180deg) translateX(35px) rotate(-180deg);z-index:3;opacity:.8}75%{transform:rotate(270deg) translateX(35px) rotate(-270deg);z-index:3;opacity:.8}to{transform:rotate(1turn) translateX(35px) rotate(-1turn);z-index:3;opacity:.8}}@media (max-width:920px){.door-1,.door-2,.door-3,.door-4,.door-5,.door-6{zoom:.8}.door-1,.door-4{top:150px!important}.door-2,.door-5{top:305px!important}.door-3,.door-6{top:438px!important}}@media (max-width:700px){.door-1 .door-stats-panel,.door-2 .door-stats-panel,.door-3 .door-stats-panel{left:auto!important;right:0!important;margin-left:0!important;margin-right:-150px!important;transform:rotate(0deg)!important}.door-layer:hover.door-1 .door-stats-panel,.door-layer:hover.door-2 .door-stats-panel,.door-layer:hover.door-3 .door-stats-panel{margin-right:-130px!important;margin-left:0!important;transform:rotate(0deg)!important}.door-4 .door-stats-panel,.door-5 .door-stats-panel,.door-6 .door-stats-panel{right:auto!important;left:0!important;margin-right:0!important;margin-left:-150px!important;transform:rotate(0deg)!important}.door-layer:hover.door-4 .door-stats-panel,.door-layer:hover.door-5 .door-stats-panel,.door-layer:hover.door-6 .door-stats-panel{margin-left:-130px!important;margin-right:0!important;transform:rotate(0deg)!important}}@media (max-width:550px){.door-1,.door-4{top:135px!important}.door-2,.door-5{top:290px!important}.door-3,.door-6{top:423px!important}.door-1,.door-2,.door-3,.door-4,.door-5,.door-6{z-index:999!important}}@media (max-width:450px){.door-1,.door-2,.door-3{margin-left:calc(-260px + 40px)!important}.door-4,.door-5,.door-6{margin-right:calc(-260px + 40px)!important}.door-1 .door-stats-panel,.door-2 .door-stats-panel,.door-3 .door-stats-panel{margin-right:calc(-150px + 30px)!important}.door-layer:hover.door-1 .door-stats-panel,.door-layer:hover.door-2 .door-stats-panel,.door-layer:hover.door-3 .door-stats-panel{margin-right:calc(-130px + 30px)!important}.door-4 .door-stats-panel,.door-5 .door-stats-panel,.door-6 .door-stats-panel{margin-left:calc(-150px + 30px)!important}.door-layer:hover.door-4 .door-stats-panel,.door-layer:hover.door-5 .door-stats-panel,.door-layer:hover.door-6 .door-stats-panel{margin-left:calc(-130px + 30px)!important}}.ParallaxLayers_gemLayer__Rb4SV{position:absolute;top:55%;left:50%;width:300px;height:300px;transform:translate(-50%,-50%);z-index:2;pointer-events:auto;transition:transform .1s ease-out}@media (max-width:920px){.ParallaxLayers_gemLayer__Rb4SV{width:220px;height:220px}}.page_parallaxWrapper__yTvOm{height:600px}@media (max-width:550px){.page_parallaxWrapper__yTvOm{height:570px}}