@import url(https://fonts.googleapis.com/css2?family=Source+Sans+3:ital,wght@0,200..900;1,200..900&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--black:#111;--white:#fff;--red:#ff3a3a;--pink:#ff00a9;--yellow:#f9ff00;--blue:#8bd7ff;--deepblue:#0015ff;--black50:#11111180;--white50:#c4c4c480;--gray70:#ffffffb3;--font-size-sm:clamp(0.8rem,0.7rem + 0.3vw,1rem);--font-size-base:clamp(1rem,0.8rem + 0.5vw,1.5rem);--font-size-lg:clamp(1.2rem,0.9rem + 1vw,2rem);--font-size-xl:clamp(1.8rem,1.2rem + 2.5vw,4rem);--font-size-xxl:clamp(2.2rem,1.8rem + 3.2vw,6rem);--line-height-base:1.6;--line-height-heading:1.2}.opacity_none{opacity:0}.visibility_hidden{visibility:hidden}.display_none{display:none!important}body,html{font-family:Source Sans\ 3,sans-serif;font-size:16px;font-style:normal;font-weight:400;height:100%;width:100%}.ai_loading,body,html{background-color:var(--black);overflow:hidden}.ai_loading{align-items:center;display:flex;flex-direction:row;height:100svh;justify-content:center;left:0;padding:2vw;position:fixed;top:0;width:100vw;z-index:2000}.ai_loading p{color:var(--white);font-size:var(--font-size-lg)}.loading_anim{animation:loading 1.6s infinite alternate}@keyframes loading{0%{opacity:1}to{opacity:0}}.loading{align-items:center;background-color:var(--deepblue);display:flex;flex-direction:row;height:100svh;justify-content:center;left:0;overflow:hidden;padding:2vw;position:fixed;top:0;width:100vw;z-index:1000}.loading video{height:100%;left:50%;object-fit:cover;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%;z-index:-1}.title_block h1{color:var(--pink);font-size:var(--font-size-xxl);font-weight:600;text-align:center}.menu{align-items:center;display:flex;flex-direction:column;margin:8% 0 10%}.menu h2{color:var(--white);font-size:var(--font-size-lg)}.menu_btn_block{align-items:center;display:flex;gap:10%;justify-content:center;margin:5% 0 8%;width:100%}.menu_btn_block button{background-color:var(--white);font-size:var(--font-size-lg);font-weight:600;padding:2% 3% 1%;touch-action:manipulation}.descriptions{color:var(--white);width:-webkit-fit-content;width:fit-content}.descriptions li{font-size:var(--font-size-base);margin:2% 0;position:relative}.point_up,.victory{padding:0 0 0 8%}.point_up:before{background-image:url(../assets/images/pointingup.png)}.point_up:before,.victory:before{background-size:contain;content:"";height:var(--font-size-base);left:0;position:absolute;top:0;width:var(--font-size-base)}.victory:before{background-image:url(../assets/images/victory.png)}footer a{align-items:center;display:flex;margin:2% auto 0;width:-webkit-fit-content;width:fit-content}footer a,footer p{color:var(--white)}footer p{text-align:center}footer a:before,footer p{font-size:var(--font-size-sm)}footer a:before{content:"©";line-height:1}footer a img{height:var(--font-size-base);padding:0 4% 3% 6%;width:auto}footer a:after{content:"2025";font-size:var(--font-size-sm);line-height:1;margin:2% 0 0}@media (orientation:landscape){.menu{margin:2% 0 5%}.descriptions{white-space:nowrap;width:-webkit-fit-content;width:fit-content}}.container{height:100svh;overflow:hidden;position:relative;width:100vw}#video{object-fit:cover}#bgCanvas,#glCanvas,#mergeCanvas,#video{left:50%;position:absolute;top:50%;translate:-50% -50%}.facing_user_active{transform:scaleX(-1)}.countdown_block{align-items:center;color:var(--yellow);display:flex;flex-direction:column;margin:0 auto;opacity:.8;position:absolute;top:4%;transition:opacity .5s ease-in;width:100%}.countdown_display{font-family:sans-serif;font-size:clamp(50px,18vmin,110px);font-weight:600;letter-spacing:clamp(-4px,-.5vmin,.1px);line-height:1;transform:scaleY(1.1)}.btn_block{align-items:center;bottom:1%;display:flex;flex-direction:row;justify-content:space-evenly;left:50%;padding:1.5vmin 0;position:absolute;transform:translate(-50%);width:clamp(200px,95vw,400px);z-index:100}.btn_block,.btn_block button{transition:opacity .5s ease-in}.btn_block button{pointer-events:auto;text-align:center;touch-action:manipulation;-webkit-user-select:none;user-select:none}.btn_block button svg{height:auto;width:65%}.btn_block button svg .st0{fill:var(--gray70)}.btn_block button svg .st1{fill:var(--black)}.btn_block button svg .st2{fill:var(--pink)}.btn_block button p{color:var(--gray70);font-size:clamp(14px,5vmin,24px);font-weight:500;line-height:1;margin:2% auto 0;padding:4%;width:-webkit-fit-content;width:fit-content}@media (orientation:landscape){.btn_block button svg{height:auto;width:55%}}