@charset "UTF-8";body{background:#1a0f2a}*{padding:0;margin:0}:root{--bar-duration:2000ms}canvas{width:0;height:0;background-color:rgba(0,0,0,0)}#Cocos3dGameContainer{position:absolute;margin:0;overflow:hidden;left:0;top:0;display:-webkit-box;-webkit-box-orient:horizontal;-webkit-box-align:center;-webkit-box-pack:center}@media screen and (orientation:portrait){html{width:100%;height:100%;background-color:#000;overflow:hidden}body{width:100%;height:100%;background-size:100% 100%;background-color:#000;overflow:hidden;font-family:Helvetica,Verdana,Arial,sans-serif;touch-action:none}}@media screen and (orientation:landscape){html{width:100%;height:100%;background-color:#000;overflow:hidden}body{width:100%;height:100%;background-size:100% 100%;background-color:#000;overflow:hidden;font-family:Helvetica,Verdana,Arial,sans-serif;touch-action:none}}@-webkit-keyframes stretchdelay{0%,100%,40%{-webkit-transform:scaleY(.4)}20%{-webkit-transform:scaleY(1)}}@keyframes stretchdelay{0%,100%,40%{transform:scaleY(.4);-webkit-transform:scaleY(.4)}20%{transform:scaleY(1);-webkit-transform:scaleY(1)}}a:link,a:visited{color:#10ee43}a:active,a:hover{color:#10ee43}.spark-dot{position:absolute;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;background-image:url('../imgs/brand/hg/symbol/progress-glow.png');background-size:contain;background-repeat:no-repeat;background-position:center;z-index:0;pointer-events:none;transition:left .4s ease-in-out;animation-name:flame-flicker;animation-duration:var(--bar-duration, 2s);animation-timing-function:ease-in-out;animation-iteration-count:infinite;filter:brightness(1.1) drop-shadow(0 0 8px #ff9900) drop-shadow(0 0 14px #ff5e00) drop-shadow(0 0 24px #ff3300)}@keyframes flame-flicker{0%,100%{transform:translate(-50%,-50%) scale(1);filter:brightness(1)}50%{transform:translate(-50%,-50%) scale(1.2);filter:brightness(2)}}.wrap_box{background-size:contain;z-index:20;position:relative;margin:0 auto;width:56.25vh;height:100%;background-repeat:no-repeat;background-position:center}.wrap_box_alert{width:100%;height:100%;background:rgba(0,0,0,.6);position:absolute;z-index:9999;top:0;display:none;align-items:center;justify-content:center;padding:1rem;box-sizing:border-box}.wrap_box_alert_board,.wrap_box_alert_board_T{width:70%;padding:1.5rem;position:absolute;left:50%;transform:translateX(-50%);top:30%;background:rgba(18,10,6,.92);border-radius:1rem;border:1px solid #ff5e04;box-shadow:0 0 24px 0 rgba(255,94,4,.25),0 2px 36px 0 rgba(0,0,0,.7);backdrop-filter:blur(10px);overflow:hidden}.wrap_box_alert_board_T{border:1px solid #496cfb;box-shadow:0 0 24px 0 rgba(5,22,74,.25),0 2px 36px 0 rgba(0,0,0,.7)}.wrap_box_alert_board::after{content:'';position:absolute;width:100%;height:100%;top:0;left:0;border-radius:1rem;pointer-events:none;z-index:-1;box-shadow:0 0 36px 12px rgba(255,94,4,.16),0 0 72px 24px rgba(255,140,0,.1)}.wrap_box_alert_text{text-align:center;color:#ffe8d0;font-size:1.08rem;line-height:1.7rem;margin:.5rem 0 0 0;text-shadow:0 2px 8px #2d1200,0 1px 0 #6c2c06;word-break:break-word;overflow-wrap:break-word;max-width:100%}.wrap_box_alert_btn,.wrap_box_alert_btn_T{display:flex;justify-content:center;align-items:center;padding:10px 24px;font-size:1rem;font-weight:700;color:#fff9e5;background:rgba(513,53,53,.35);border:none;border-radius:8px;cursor:pointer;text-align:center;letter-spacing:1px;box-shadow:0 0 6px 2px #5c5c5c,0 0 0 2px rgba(53,53,53,.25);transition:background .3s,transform .18s,box-shadow .3s;position:relative;outline:0;margin:1rem auto 0 auto}.wrap_box_alert_btn_A{background:linear-gradient(90deg,#ff5e04 0,#f90 100%);box-shadow:0 0 6px 2px #ff7a1a,0 0 0 2px rgba(255,120,0,.25)}.wrap_box_alert_btn_T{background:linear-gradient(90deg,#496cfb 0,#66a1ff 100%);box-shadow:0 0 6px 2px #5a81ff,0 0 0 2px rgba(70,110,250,.25)}.wrap_box_alert_btn::after{content:'';position:absolute;inset:-4px;border-radius:12px;pointer-events:none;box-shadow:0 0 18px 4px rgba(255,120,0,.36);z-index:0;opacity:.8}.wrap_box_alert_btn:hover{background:linear-gradient(90deg,#ff7e20 0,#ffb347 100%);box-shadow:0 0 16px 4px #ffa53c,0 0 0 4px rgba(255,120,0,.35);filter:brightness(1.07)}.wrap_box_alert_btn:active{transform:scale(.96);filter:brightness(.97)}.wrap_box_alert_btn:focus{outline:0;box-shadow:0 0 0 3px rgba(255,120,0,.6),0 0 20px 6px #ff7a1a}.wrap_box_btn{background-image:none;background-size:contain;background-repeat:no-repeat;background-position:center;width:60%;height:6rem;border:0;background-color:rgb(0,0,0,0);position:absolute;z-index:400;font-size:1.5rem;text-align:center;color:#fff;text-shadow:0 1px 1px #1e619c;left:50%;top:100%;margin-top:1rem;transform:translateX(-50%)}.wrap_box_loading{width:100%;position:absolute;top:70%}.wrap_box_loading_text{line-height:1.2rem;color:#fff;text-shadow:0 1px 1px #000;font-size:.9rem;text-align:center;font-weight:400;flex:2;position:relative;text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:34.7px 0}}@media (max-height:800px){.pBox{top:50%!important}.wrap_box_btn{font-size:1.3rem;margin-top:2rem}}@media (max-height:540px){.pBox{top:45%!important}.wrap_box_btn{font-size:.8rem}.wrap_box_loading_text{font-size:.7rem}.wrap_box_alert_btn{height:2rem}.wrap_box_alert_text{font-size:.9rem;line-height:1.3rem}.wrap_box_bottom_logo{bottom:.5rem}}@media (max-height:400px){.pBox{top:45%!important}.wrap_box_btn{font-size:.5rem;margin-top:.5rem}.wrap_box_alert_btn{height:2rem;margin:.5rem auto 0 auto}.wrap_box_alert_text{font-size:.9rem;line-height:1.3rem}.wrap_box_bottom_logo{bottom:.2rem}}.stripes span{background-size:30px 30px;background-image:linear-gradient(135deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);animation:animate-stripes 1s linear infinite;position:relative}@keyframes animate-stripes{0%{background-position:0 0}100%{background-position:60px 0}}@keyframes fadeInOut{0%{opacity:0;bottom:0}100%{opacity:1;bottom:300px}}@-webkit-keyframes fadeInOut{0%{opacity:0;bottom:0}100%{opacity:1}}.loadingProgress p{padding:0;margin:0;font-size:.7rem;font-weight:700;-webkit-text-stroke:0.5px #000000}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.hidden{display:none!important}.closeIframe{top:4px;right:4px;position:absolute}.imgBox{display:flex;flex-direction:column;align-items:center;height:100%;width:auto;position:relative;background-image:none;background-repeat:no-repeat;background-size:cover}.pBox{display:inline-flex;flex-direction:column;align-items:center;width:100%;position:absolute;top:55%;z-index:50}#preloading_A{background:linear-gradient(to bottom,#1a0f2a,#000);position:absolute;top:0;left:0;width:100%;height:100%;z-index:8000;display:block}#preloading_A{opacity:1;transform:translateY(0) scale(1);filter:blur(0px);transition:opacity .3s ease,transform .3s ease,filter .3s ease;will-change:opacity,transform,filter}#preloading_A.fade-out{opacity:0;filter:blur(4px)}@keyframes logoPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.03);filter:brightness(1.2)}}#landing_logo{animation:logoPulse 2s infinite ease-in-out}.preloadingImgBox_A{display:flex;flex-direction:column;align-items:center;height:20%;width:100%;position:relative;top:21%}.compLogo{background:no-repeat center 0;width:100%;height:70px;background-size:auto 100%;margin:auto auto 0}.brand-tagline-img{display:block;width:200px;margin:12px auto 0;object-fit:contain;opacity:0;animation:taglineBreath 2s ease-in-out infinite;transition:opacity .8s ease}.brand-tagline-img.show{opacity:1}.brand-tagline-img.fade{z-index:1}@keyframes taglineBreath{0%{opacity:.75}50%{opacity:1}100%{opacity:.75}}.logo-img{opacity:0;position:absolute;width:100%;height:100%;object-fit:contain;top:0;left:0;transition:opacity .8s ease;pointer-events:none}.logo-img.show{opacity:1;visibility:visible}.logo-img.fade{z-index:1}.pBox_A{display:flex;flex-direction:column;align-items:center;height:50%;width:100%;position:relative;top:20%}.progress-bar_A,.progress-bar_T{background:rgba(255,255,255,.05);position:absolute;left:50%;transform:translate(-50%,50%);height:4px;padding:2px;width:75%;max-width:320px;border-radius:100px;box-shadow:0 1px 5px #fff inset,0 1px 0 #242424;margin:28px auto}.progress-bar_A{box-shadow:0 1px 5px #ffc500 inset,0 1px 0 #242424}.progress-bar_T{box-shadow:0 1px 5px #39f inset,0 1px 0 #242424}.progress-bar_A span,.progress-bar_T span{position:relative;display:block;height:100%;border-radius:100px;transition:width .4s ease-in-out;background-size:400% 100%;background-position:0 0;animation:fuse-glow 3s linear infinite}.progress-bar_A span{background:linear-gradient(to right,#ff5e04,#f90);box-shadow:0 0 12px 2px rgba(255,94,4,.6),0 0 24px 4px rgba(255,153,0,.4)}.progress-bar_T span{background:linear-gradient(to right,#39f,#6cf);box-shadow:0 0 12px 2px rgba(51,153,255,.6),0 0 24px 4px rgba(102,204,255,.4)}@keyframes fuse-glow{0%{background-position:0 0}100%{background-position:100% 0}}@media screen and (orientation:portrait){.pBox_A{width:100%}.progress-bar_A,.progress-bar_T{width:75%;max-width:320px}}.modal_A{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5)}.modal-content_A{background-color:#fff;width:300px;margin:100px auto;padding:20px;text-align:center}.modal-button_A{display:inline-block;background-color:#007bff;color:#fff;padding:10px 20px;cursor:pointer;margin-bottom:10px;margin-top:20px}.environment-banner{position:fixed;left:50%;top:10px;box-sizing:border-box;width:100vw;max-width:100vw;padding:6px 10px;font-size:24px;color:#fff;text-align:center;background:rgb(231 76 60 / .04);border:1px solid rgb(255 255 255 / .1);border-radius:6px;font-family:"Noto Serif TC","微軟正黑體",sans-serif;line-height:1.4;z-index:99999;pointer-events:none;transform:translateX(-50%);backdrop-filter:blur(0px);box-shadow:0 0 6px rgba(255,255,255,0)}.environment-banner span{display:inline-block;pointer-events:auto}.environment-banner-loading{z-index:8001}.environment-banner-stage{background-color:rgba(41,128,185,.02)}.environment-banner-demo{padding:4px 8px;font-weight:700;letter-spacing:.08em;background:0 0;border:0 solid rgba(255,255,255,.9);box-shadow:none;text-shadow:0 1px 2px rgba(0,0,0,.8)}