@import url(https://fonts.googleapis.com/css2?family=WDXL+Lubrifont+TC&display=swap);*{box-sizing:border-box;margin:0;padding:0}:root{--black:#111;--white:#fff;--red:#ff0054;--yellow:#fad830;--yellowbg:#fffef1;--deepblue:#0283c8;--black50:#11111180;--white50:#c4c4c480;--gray70:#ececec;--red50:#ff0055c5}.opacity_none{opacity:0}.visibility_hidden{visibility:hidden}.display_none{display:none!important}body,html{background-color:var(--yellowbg);font-family:WDXL Lubrifont TC,sans-serif;font-style:normal;font-weight:400;height:100%;overflow:hidden;width:100%}.loading{background:49%/cover no-repeat url(../assets/images/bg.jpg);flex-direction:row;height:100svh;justify-content:center;left:0;overflow:hidden;position:fixed;top:0;transition:opacity 1s ease-in;width:100vw;z-index:1000}.loading,.title_block h1{align-items:center;display:flex}.title_block h1{flex-direction:column}.title_block h1 span{color:var(--red);display:inline-block;font-size:14vw;line-height:1.1;text-transform:uppercase;width:-webkit-fit-content;width:fit-content}.title_block h1 span:first-child,.title_block h1 span:nth-child(2){letter-spacing:.5vw}.menu{margin:12% 0 10%}.menu_btn_block{display:flex;flex-direction:row;font-size:5vw;margin:0 0 5%}.menu_btn_block button{background-color:var(--white);color:var(--red);margin:0 auto;padding:4% 14%;touch-action:manipulation}.menu p{color:var(--red);font-size:4vw;margin:10% 0 0}.title_block a{align-items:center;color:var(--red);display:flex;margin:10% auto 2%;width:-webkit-fit-content;width:fit-content}.title_block a:before{content:"©";font-size:5vw;line-height:1}.title_block a img{height:5vw;padding:0 5% 3%;width:auto}.title_block a:after{content:"2025";font-size:3.4vw;line-height:1;margin:2% 0 0}@media (orientation:landscape){.loading_visual img{margin-left:0}.title_block h1 span{font-size:5vw}.title_block h1 span:first-child,.title_block h1 span:nth-child(2){letter-spacing:.2vw}.menu_btn_block{font-size:2.7vw}.menu p{font-size:2vw;margin:5% 0 3%;text-wrap:nowrap}.title_block a:before{font-size:2.5vw}.title_block a img{height:2.2vw;width:auto}.title_block a:after{font-size:1.5vw}}.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:.9;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)}.hand_instraction{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:30vmin}.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}button svg{height:auto;width:65%}button .st0{fill:var(--red50)}button .st1{fill:var(--white)}button .st2{fill:var(--yellow)}button p{background-color:var(--red);border-radius:5px;color:var(--yellow);font-size:clamp(12px,5vmin,18px);letter-spacing:clamp(.5px,.4vmin,2px);line-height:1;margin:4% auto 0;padding:4% 5% 5%;width:-webkit-fit-content;width:fit-content}@media (orientation:landscape){button svg{height:auto;width:50%}}