*{margin:0;padding:0;box-sizing:border-box;touch-action:manipulation;-webkit-user-select:none;user-select:none}body{font-family:"M PLUS Rounded 1c",Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif;min-height:100dvh;overflow:hidden}.overlay{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:101}#custom-loading{background:#fed201;flex-direction:column;justify-content:flex-start;align-items:stretch}.loading-header{width:100%;height:auto;display:block}.loading-content{text-align:center;padding:20px}.loading-title{width:90%;height:auto;margin:6dvh auto 14dvh;display:block}.loading-character{width:50%;height:auto;margin:0 auto 40px;display:block}.loading-footer{position:absolute;bottom:30px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:20px}.loading-footer img{height:10vw;width:auto}.modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10000;padding:20px}.modal.hidden{display:none}.modal-content{width:100%;max-width:360px;max-height:100%;overflow-y:auto;text-align:center;background:repeating-linear-gradient(90deg,transparent 0px,transparent 20px,rgba(255,255,255,.29) 20px,rgba(255,255,255,.29) 40px),#fed201;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);padding:20px;border-radius:8px}.modal-content.scrollable{background:#fffffff2}.modal-title{font-size:24px;color:#e40011;-webkit-text-stroke:4px #ffffff;paint-order:stroke fill;margin-bottom:20px}.modal-title-image{width:80%;max-width:280px;height:auto;margin:0 auto 20px;display:block}.modal-subtitle{font-size:16px;color:#333;margin-bottom:20px}.intro-modal-content{padding:30px 20px}.intro-card{background:#fff;border:3px solid #00bdff;border-radius:8px;padding:20px;margin-bottom:20px;text-align:left;font-weight:700}.intro-header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:4px;border:3px solid #e40011;border-radius:12px;margin-bottom:16px}.intro-icon{width:24px;height:24px}.intro-header-text{font-size:18px;font-weight:700;color:#e40011}.intro-body{margin-bottom:16px}.intro-text{font-size:15px;color:#333;line-height:1.6;margin-bottom:8px}.intro-characters{width:50%;margin:0 auto;text-align:center}.intro-characters img{width:100%;height:auto}.rule-modal-content{position:relative;padding:30px 20px;overflow-y:auto;overflow-x:hidden}.rule-modal-content .modal-title-image{width:80%;max-width:280px;height:auto;margin:0 auto 20px;display:block}.rule-card{background:#fff;border:4px solid #00bdff;border-radius:8px;margin-bottom:16px;overflow:hidden;padding:8px 20px;font-weight:700}.rule-header{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:4px 20px;background:#00bdff;border-radius:12px;font-size:18px;font-weight:700;color:#fff}.rule-star{color:#fed201;font-size:20px}.rule-content{text-align:center}.rule-sound-warning{display:flex;align-items:center;justify-content:center;gap:6px;font-size:16px;font-weight:700;color:#e40011;margin:16px 0 8px}.rule-manner-text{font-size:16px;font-weight:700;line-height:1.6;color:#333}.rule-gif{margin:0 auto 20px}.rule-gif img{max-width:240px;height:auto}.rule-text{font-size:16px;line-height:1.8;color:#333;margin-bottom:16px}.rule-note{display:flex;justify-content:center;align-items:center;gap:6px;font-size:12px;margin-bottom:20px}.rule-note-icon{width:16px;height:16px}.rule-mascot{position:relative;margin:0 auto 4px}.rule-mascot img{max-width:180px;height:auto}.rule-scroll{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:calc(100% - 40px);max-width:360px;text-align:right;z-index:10001;pointer-events:none}.rule-scroll img{width:54px;height:auto}.rule-text-small{font-size:16px;line-height:1.6;color:#333;margin-bottom:16px}.rule-divider{padding:16px 20px;font-size:26px;font-weight:700;line-height:1.4;margin-bottom:16px;color:#e40011;-webkit-text-stroke:10px #fff;paint-order:stroke fill}.flavor-card{background:#fff;border:4px solid #00bdff;border-radius:8px;padding:16px;margin-bottom:16px;font-weight:700}.flavor-list{text-align:left}.flavor-item{display:flex;gap:16px;padding:16px 0;width:225px;margin:auto}.flavor-item:first-child{padding-top:0}.flavor-item:last-child{border-bottom:none;padding-bottom:0}.flavor-image{width:80px;height:100px;object-fit:contain;border-radius:8px;flex-shrink:0}.flavor-info{display:flex;flex-direction:column;justify-content:center;width:100%;text-align:center}.flavor-info h3{font-size:18px;font-weight:700;color:#000;margin-bottom:4px}.flavor-info p{width:90%;margin:auto;font-size:15px;color:#000;line-height:1.5}.package-header{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#00bdff;color:#fff;padding:4px 20px;border-radius:12px;font-size:18px;font-weight:700;margin-bottom:20px}.package-star{color:#fed201;font-size:20px}.primary-btn{font-weight:700;border:none;border-radius:30px;cursor:pointer;transition:all .2s}.primary-btn:active{transform:scale(.98)}.primary-btn{width:100%;max-width:200px;padding:8px 30px;font-size:18px;background:#e40011;color:#fff;border:4px solid #ffffff;border-radius:12px;margin-top:20px}.primary-btn:active{background:#b1000d}.primary-btn.red{background:#e40011}.primary-btn.red:active{background:#b1000d}.package-subtitle{font-size:18px;font-weight:700;color:#333;margin-bottom:20px}.package-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.package-btn{background:#fff;border:solid #e40011;border-width:4px 4px 8px 4px;border-radius:12px;padding:15px 10px;cursor:pointer;transition:all .2s}.package-btn:active{background:#fff8e1;transform:scale(.98)}.package-btn span{font-size:16px;font-weight:700;color:#333}.package-image{width:80px;height:100px;object-fit:contain;border-radius:8px;margin:0 auto 10px;display:block}.coaching-overlay{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;background:#0006;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer}.coaching-overlay.hidden{display:none}.coaching-content{text-align:center;margin-bottom:40px}.coaching-title{font-size:22px;font-weight:700;color:#e40011;-webkit-text-stroke:4px #ffffff;paint-order:stroke fill;line-height:1.5;margin-bottom:20px}.coaching-note{display:inline-flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:#e40011;-webkit-text-stroke:4px #ffffff;paint-order:stroke fill}.coaching-note-icon{width:24px;height:24px}.coaching-visual{position:relative;width:250px;height:250px;display:flex;justify-content:center;align-items:center}.coaching-guide{width:100%;height:auto}.game-ui{position:fixed;top:0;left:0;width:100%;height:100%;z-index:100;pointer-events:none}.game-ui.hidden{display:none}.game-header{position:absolute;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:repeating-linear-gradient(90deg,transparent 0px,transparent 20px,rgba(255,255,255,.2) 20px,rgba(255,255,255,.2) 40px),#00bdff}.game-timer,.game-score{display:flex;align-items:center;gap:4px;color:#fff;font-weight:700}.game-message{position:absolute;top:30%;left:50%;transform:translate(-50%,-50%);animation:message-pop .8s ease-out}.game-message.hidden{display:none}.game-message img{width:280px;height:auto}.timer-icon-wrapper{display:flex;flex-direction:column;align-items:center;margin-right:4px}.timer-icon{width:28px;height:28px}.timer-label{font-size:12px}.timer-value{font-size:48px;min-width:60px;text-align:center}.timer-unit{font-size:18px;align-self:flex-end;padding-bottom:8px}.score-icon{width:36px;height:36px}.score-value{font-size:48px;min-width:50px;text-align:center}.score-unit{font-size:18px;align-self:flex-end;padding-bottom:8px}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}.crosshair-img{width:80px;height:80px;object-fit:contain}.tap-btn{position:absolute;bottom:40px;left:50%;transform:translate(-50%);width:120px;height:120px;background:transparent;border:none;cursor:pointer;pointer-events:auto;transition:transform .1s;padding:0}.tap-btn:active{transform:translate(-50%) scale(.9)}.tap-btn img{width:100%;height:100%;object-fit:contain}.countdown{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);animation:countdown-pop 1s ease-out}.countdown.hidden{display:none}.countdown img{width:150px;height:auto}@keyframes countdown-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.nice-popup{position:absolute;top:35%;left:50%;transform:translate(-50%,-50%);animation:nice-bounce .5s ease-out}.nice-popup.hidden{display:none}.nice-popup img{width:200px;height:auto}@keyframes nice-bounce{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}60%{transform:translate(-50%,-50%) scale(1.3);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}@keyframes message-pop{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.chromakey-video-container{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10001;pointer-events:none}.chromakey-video-container.hidden{display:none}.chromakey-canvas{width:100vw;height:100svh;object-fit:cover}.back-to-site-btn{position:absolute;top:12px;right:10px;z-index:1;display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none}.back-to-site-icon{width:36px;height:36px;object-fit:contain}.back-to-site-label{font-size:10px;font-weight:700;color:#fff;text-shadow:0 1px 4px rgba(0,0,0,.5);white-space:nowrap}.result-screen{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10002;pointer-events:auto}.result-screen.hidden{display:none}.result-content{display:flex;flex-direction:column;align-items:center;gap:12px;padding:20px;max-width:90%}.result-image-wrapper{position:relative;display:inline-block}.result-image-wrapper.hidden{display:none}.result-image{max-width:100%;max-height:60dvh;object-fit:contain;border-radius:16px;box-shadow:0 4px 20px #0000004d;animation:resultFadeIn .5s ease-out}.result-kirakira{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none}.result-buttons{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:300px;animation:buttonsFadeIn .5s ease-out}.result-buttons.hidden{display:none}@keyframes resultFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@keyframes buttonsFadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.share-text{font-size:14px;font-weight:700;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.5);margin-bottom:4px;white-space:pre-line;text-align:center}.share-btn{font-weight:700;border:none;border-radius:30px;cursor:pointer;transition:all .2s}.share-btn:active{transform:scale(.98)}.share-btn{width:100%;padding:6px 30px;font-size:16px;background:#e40011;color:#fff;border:2px solid #ffffff;border-radius:12px}.share-btn:active{background:#b1000d}.survey-overlay{display:flex;flex-direction:column;align-items:center;width:100%;max-width:380px;animation:buttonsFadeIn .5s ease-out}.survey-overlay.hidden{display:none}.survey-card{width:300px;text-align:center;background:repeating-linear-gradient(90deg,transparent 0px,transparent 20px,rgba(255,255,255,.29) 20px,rgba(255,255,255,.29) 40px),#fed201;border-radius:8px;padding:20px 20px 30px;animation:buttonsFadeIn .5s ease-out}.survey-card.hidden{display:none}.survey-title-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;background:#00bdff;color:#fff;padding:4px 20px;border-radius:12px;font-size:16px;font-weight:700;margin-bottom:16px}.survey-title-star{color:#fed201;font-size:18px}.survey-step{margin-bottom:8px}.survey-step-current{font-size:28px;font-weight:800;color:#0068b9;text-shadow:2px 2px 0 #ffffff,-2px -2px 0 #ffffff,2px -2px 0 #ffffff,-2px 2px 0 #ffffff,0 2px 0 #ffffff,0 -2px 0 #ffffff,2px 0 0 #ffffff,-2px 0 0 #ffffff}.survey-step-total{font-size:18px;font-weight:700;color:#0068b9;text-shadow:2px 2px 0 #ffffff,-2px -2px 0 #ffffff,2px -2px 0 #ffffff,-2px 2px 0 #ffffff,0 2px 0 #ffffff,0 -2px 0 #ffffff,2px 0 0 #ffffff,-2px 0 0 #ffffff}.survey-question{font-size:16px;font-weight:600;color:#0068b9;text-shadow:2px 2px 0 #ffffff,-2px -2px 0 #ffffff,2px -2px 0 #ffffff,-2px 2px 0 #ffffff,0 2px 0 #ffffff,0 -2px 0 #ffffff,2px 0 0 #ffffff,-2px 0 0 #ffffff;text-align:center;line-height:1.5;white-space:pre-line;margin-bottom:20px}.survey-stars-wrapper{background:#fff;border-radius:8px;border:solid 1px #D9D9D9;padding:20px;margin-bottom:48px}.survey-stars{display:flex;justify-content:center;gap:8px}.survey-star{font-size:36px;color:#0068b9;cursor:pointer;transition:transform .15s;line-height:1}.survey-star:active{transform:scale(1.2)}.survey-submit-btn{font-weight:700;border:none;border-radius:30px;cursor:pointer;transition:all .2s}.survey-submit-btn:active{transform:scale(.98)}.survey-submit-btn{padding:8px 36px;font-size:16px;background:#e40011;color:#fff;border:2px solid #ffffff;border-radius:8px}.survey-submit-btn:disabled{opacity:.4;pointer-events:none}.survey-submit-btn:active{background:#b1000d}.replay-btn{font-weight:700;border:none;border-radius:30px;cursor:pointer;transition:all .2s}.replay-btn:active{transform:scale(.98)}.replay-btn{width:100%;padding:6px 30px;font-size:16px;background:#fff;color:#e40011;border:2px solid #e40011;border-radius:12px}.replay-btn:active{background:#fff8e1}.camera-loading{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background:#ffeb3b;z-index:1000;opacity:1;transition:opacity .3s ease-out}.camera-loading.hidden{opacity:0;pointer-events:none}.camera-loading.fade-out{opacity:0}.camera-loading-spinner{width:50px;height:50px;border:5px solid rgba(255,255,255,.5);border-top-color:#e40011;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.prompt-box-8w{font-family:"M PLUS Rounded 1c",Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif!important;background:#fff!important;border-radius:16px!important;padding:20px 20px 16px!important;box-shadow:0 4px 20px #00000026!important;text-align:center!important}.prompt-box-8w p{color:#333!important;font-size:15px!important;font-weight:700!important;line-height:1.5!important;margin-bottom:16px!important}.prompt-button-container-8w{display:flex!important;gap:8px!important;justify-content:center!important}.prompt-button-8w{font-family:"M PLUS Rounded 1c",Hiragino Kaku Gothic ProN,Hiragino Sans,sans-serif!important;font-size:15px!important;font-weight:700!important;padding:10px 24px!important;border-radius:12px!important;cursor:pointer!important;transition:all .2s!important;white-space:nowrap!important;border:2px solid #e0e0e0!important;background:#fff!important;color:#666!important}.prompt-button-8w:active{transform:scale(.98)!important}.prompt-button-8w.button-primary-8w{background:#00a0e9!important;color:#fff!important;border-color:#00a0e9!important}.prompt-button-8w.button-primary-8w:active{background:#0077b5!important}.motion-denied-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;justify-content:center;align-items:center;z-index:10001;background:#000000d9}.motion-denied-modal.hidden{display:none}.motion-denied-content{width:90%;max-width:340px;padding:30px 20px}.motion-denied-title{font-size:22px;font-weight:700;color:#fff;line-height:1.5;margin-bottom:20px;white-space:pre-line}.motion-denied-body{font-size:16px;color:#fffc;line-height:1.7}:lang(zh-Hans),:lang(zh-Hans) *,:lang(zh-Hant),:lang(zh-Hant) *{font-family:Noto Sans,sans-serif!important}