@font-face{font-family:"REEJI-TaikoMagicGB-Flash";src:url("./REEJI-TaikoMagicGB-Flash.ttf") format("truetype");font-weight:normal;font-style:normal}html{font-size:1.4814814815vw}@media(min-width: 1080px){html{font-size:16px}}:root{--sky: #2dbbed;--sky-deep: #249fd0;--grass: #5db449;--grass-deep: #3f9a3f;--dirt: #a8572a;--track: #c8442d;--track-shadow: #a12d1c;--banner: #e3543a;--banner-shadow: #a93723;--panel: #f4b36b;--panel-edge: #c87a3c;--card: #f8d7a2;--card-edge: #c6854b;--text-brown: #7b4a2c;--accent: #ff952a;--accent-shadow: #b85a1b;--shadow-brown: #6b3a21}*,*::before,*::after{box-sizing:border-box}body{margin:0;font-family:"REEJI-TaikoMagicGB-Flash","PingFang SC","Microsoft YaHei",sans-serif;background:#1f87b5;color:#7b4a2c;display:flex;justify-content:center;overscroll-behavior-y:none}button{background-color:rgba(0,0,0,0)}.page{width:100%;max-width:1080px;min-height:100vh;background:#ad7147;position:relative;overflow:hidden}#loading-screen{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg, #1f87b5 0%, #2dbbed 100%);display:flex;justify-content:center;align-items:center;z-index:99999;transition:opacity .5s ease,visibility .5s ease}#loading-screen.loaded{opacity:0;visibility:hidden}.loading-content{text-align:center;color:#fff}.loading-logo{width:200px;height:200px;margin:0 auto 20px;background-image:url("../img/run_1@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;animation:loading-float 2s ease-in-out infinite}.loading-text{font-size:24px;font-weight:bold;margin-bottom:30px;font-family:"REEJI-TaikoMagicGB-Flash",sans-serif}.loading-bar{width:300px;height:8px;background:hsla(0,0%,100%,.3);border-radius:4px;overflow:hidden;margin:0 auto 15px}.loading-progress{height:100%;background:linear-gradient(90deg, #FBE681 0%, #F8D15B 100%);border-radius:4px;width:0%;transition:width .3s ease;box-shadow:0 0 10px rgba(251,230,129,.6)}.loading-percent{font-size:18px;font-weight:bold;color:hsla(0,0%,100%,.9)}@keyframes loading-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.hero{position:relative;padding:0;text-align:center;overflow:hidden;width:100%;height:56.25rem;max-height:900;background:#2dbbed}.feedback-btn{position:absolute;top:0;right:10.4375rem;width:11.875rem;max-width:190;height:4.1875rem;max-height:67;background-image:url("../img/btn_feedback@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;border:none;color:rgba(0,0,0,0);font-size:0;cursor:pointer;padding:0;z-index:2}.rule-btn{position:absolute;top:0;right:0;width:9.3125rem;max-width:149;height:4.1875rem;max-height:67;background-image:url("../img/btn_rule@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;border:none;color:rgba(0,0,0,0);font-size:0;cursor:pointer;padding:0;z-index:2}.hero-title{position:absolute;top:7.9375rem;left:50%;transform:translateX(-50%);width:53.3125rem;max-width:853;height:10rem;max-height:160;background-image:url("../img/hero_title@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;color:rgba(0,0,0,0);font-size:0;text-indent:-9999px;z-index:3}.hero-scene{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow:hidden}.cloud{position:absolute;left:3.875rem;top:3.3125rem;width:71.19%;height:36.98%;opacity:1;background-image:url("../img/cloud@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;z-index:0}.bg-layer{position:absolute;left:0;bottom:0;width:100%;height:100%;display:flex}.bg-far{height:28.9375rem;z-index:1}.bg-far .bg-image{flex-shrink:0;width:472rem;height:28.9375rem;background:url("../img/run_bg_far@2x.png") no-repeat left top;background-size:472rem 28.9375rem;animation:scroll-slow 40s linear infinite}.bg-near{height:21.71875rem;z-index:2}.bg-near .bg-image{flex-shrink:0;width:472rem;height:21.71875rem;background:url("../img/run_bg_near@2x.png") no-repeat left top;background-size:472rem 21.71875rem;animation:scroll-medium 25s linear infinite}.bg-runway{height:26.625rem;z-index:3}.bg-runway .bg-image{flex-shrink:0;width:471.78125rem;height:26.625rem;background:url("../img/run_bg_runway@2x.png") no-repeat left top;background-size:471.78125rem 26.625rem;animation:scroll-fast 18s linear infinite}.hero-character{position:absolute;left:50%;bottom:1.25rem;width:18.875rem;max-width:302;height:21.59375rem;max-height:345.5;transform:translateX(-50%);background-image:url("../img/run_1@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;z-index:4;animation:run-character .6s steps(6) infinite}@keyframes scroll-slow{0%{transform:translateX(0)}100%{transform:translateX(-472rem)}}@keyframes scroll-medium{0%{transform:translateX(0)}100%{transform:translateX(-472rem)}}@keyframes scroll-fast{0%{transform:translateX(0)}100%{transform:translateX(-471.78125rem)}}@keyframes run-character{0%{background-image:url("../img/run_1@2x.png")}16.66%{background-image:url("../img/run_2@2x.png")}33.33%{background-image:url("../img/run_3@2x.png")}50%{background-image:url("../img/run_4@2x.png")}66.66%{background-image:url("../img/run_5@2x.png")}83.33%{background-image:url("../img/run_6@2x.png")}100%{background-image:url("../img/run_1@2x.png")}}@media(prefers-reduced-motion: reduce){.bg-layer .bg-image,.hero-character{animation:none}}.progress{width:100%;height:8.16625rem;max-height:130.66;margin:9.75rem 0 0;position:relative;padding:0.5625rem;box-sizing:border-box;pointer-events:none}.progress-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-image:url("../img/progress_bg@2x.png");background-repeat:no-repeat;background-position:center;background-size:100% 100%}.progress-bar{position:relative;height:100%;min-width:4.625rem;transition:width .3s ease}.progress-bar-bg{position:absolute;top:0;left:0;width:100%;height:100%;border-style:solid;border-width:0 2.3125rem;border-image-source:url("../img/progress_bar_bg@2x.png");border-image-slice:0 74 0 74 fill;border-image-repeat:stretch}.progress-indicator{position:absolute;top:0.625rem;right:0;transform:translate(50%, -50%);width:5.3125rem;max-width:85;height:5.9375rem;max-height:95;background-image:url("../img/progress_indicator@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;pointer-events:none}.progress-title{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);font-family:REEJI-TaikoMagicGB-Flash,sans-serif;font-size:clamp(1.5rem,2.25rem,2.25rem);font-weight:bold;line-height:normal;letter-spacing:0em;color:#fef7b0;text-shadow:-2px -2px 0 #000,-2px -1px 0 #000,-2px 0px 0 #000,-2px 1px 0 #000,-2px 2px 0 #000,-1px -2px 0 #000,-1px 2px 0 #000,0px -2px 0 #000,0px 2px 0 #000,1px -2px 0 #000,1px 2px 0 #000,2px -2px 0 #000,2px -1px 0 #000,2px 0px 0 #000,2px 1px 0 #000,2px 2px 0 #000;pointer-events:none;white-space:nowrap}.progress-completed{cursor:pointer;pointer-events:auto;transition:transform .2s ease}.progress-completed:hover{transform:scale(1.02)}.progress-completed:active{transform:scale(0.98)}.progress-completed .progress-title{left:50%;transform:translate(-50%, -50%)}.task-section{background-color:#ad7147;background-image:url("../img/task_bg@2x.png");background-repeat:repeat-x;background-position:top;background-size:100% auto;overflow:hidden;padding:0 3.2771875rem}.task-panel{width:100%;margin:3.375rem 0 2.5rem;padding:0;background:rgba(0,0,0,0);border:none;box-shadow:none}.tasks{display:grid;grid-template-columns:repeat(2, 1fr);grid-gap:1.875rem 3.125rem;gap:1.875rem 3.125rem;max-width:1080px;margin:0 auto}.task-card{width:100%;aspect-ratio:458/313;max-width:28.625rem;background-image:url("../img/task_item_bg@2x.png");background-repeat:no-repeat;background-position:center;background-size:100% 100%;border:none;padding:3% 10% 5%;position:relative;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:space-between;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.task-header{padding:0.5rem 1.25rem;border:none;font-family:"REEJI-TaikoMagicGB-Flash",sans-serif;font-size:clamp(1.125rem,1.5rem,1.5rem);color:#7b4a2c;font-weight:bold}.task-desc{margin:1.25rem 0 0.625rem;height:6.8rem;font-size:12px;font-weight:bold;line-height:1.2;color:#7b4a2c;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;text-overflow:ellipsis;text-align:left;width:100%;flex-shrink:0}.prize-action-btn{width:24.5rem;max-width:392;height:5.5625rem;max-height:89;background-image:url("../img/btn_popup_main@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;border:none;font-family:"REEJI-TaikoMagicGB-Flash",sans-serif;font-size:clamp(1.5rem,2.25rem,2.25rem);color:#fff;font-weight:bold;cursor:pointer;padding:0;transition:transform .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.prize-action-btn:hover{transform:scale(1.05)}.prize-action-btn:active{transform:scale(0.95)}.btn-to-task{width:17.625rem;max-width:282;font-size:clamp(1.25rem,1.75rem,1.75rem);margin:0}.task-run-btn{width:17.625rem;max-width:282;height:9.53125rem;max-height:152.5;background-image:url("../img/btn_run@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;border:none;cursor:pointer;padding:0;margin:1.25rem 0 0;transition:transform .2s ease;flex-shrink:0;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.task-run-btn:hover{transform:scale(1.05)}.task-run-btn:active{transform:scale(0.95)}.task-run-btn-gray{background-image:url("../img/btn_run_gray@2x.png")}.task-view-btn{background:none;border:none;color:#7b4a2c;font-family:"REEJI-TaikoMagicGB-Flash",sans-serif;font-size:clamp(1.125rem,1.5rem,1.5rem);font-weight:bold;text-decoration:underline;cursor:pointer;padding:0.625rem 0;margin:0;transition:opacity .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.task-view-btn:hover{opacity:.8}.popup-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center;z-index:1000}.popup-container{position:relative;width:49.8125rem;max-width:797;height:54.59375rem;max-height:873.5;max-width:90%;max-height:90vh}.popup-content{position:relative;width:100%;height:100%;background-image:url("../img/popup_bg1@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;padding:5rem 3.75rem 3.75rem}.popup-close{position:absolute;top:-2.78125rem;right:-2.9375rem;width:5.875rem;max-width:94;height:5.5625rem;max-height:89;background-image:url("../img/btn_close@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;border:none;color:rgba(0,0,0,0);font-size:0;cursor:pointer;padding:0;z-index:10;-webkit-user-select:none;-moz-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}.popup-body{width:100%;height:100%;overflow-y:auto;padding-right:10px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.popup-body h2{font-family:"REEJI-TaikoMagicGB-Flash",sans-serif;font-size:16px;color:#7b4a2c;text-align:center;margin:0 0 30px}.popup-body p{font-size:13px;line-height:1.6;color:#7b4a2c;margin:0 0 20px}.popup-body::-webkit-scrollbar{width:8px}.popup-body::-webkit-scrollbar-track{background:rgba(123,74,44,.1);border-radius:4px}.popup-body::-webkit-scrollbar-thumb{background:rgba(123,74,44,.3);border-radius:4px}.popup-body::-webkit-scrollbar-thumb:hover{background:rgba(123,74,44,.5)}.prize-popup-container{width:49.34375rem;max-width:789.5;height:52.84375rem;max-height:845.5}.prize-popup-content{width:100%;height:100%;background-image:url("../img/bg_prize_popup@2x.png");background-size:contain;padding:6.5rem 3.75rem 3rem;display:flex;flex-direction:column;align-items:center;justify-content:center}.prize-popup-content .popup-close{top:3.03125rem;right:2.0625rem}.prize-popup-body{width:100%;height:100%;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:space-evenly;padding-left:1.25rem}.prize-popup-body h2{font-family:"REEJI-TaikoMagicGB-Flash",sans-serif;font-size:clamp(2rem,3rem,3rem);color:#7b4a2c;margin:0}.prize-image{width:18.75rem;max-width:300px;height:18.75rem;max-height:300px;display:flex;align-items:center;justify-content:center}.prize-image img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.prize-name{font-family:"REEJI-TaikoMagicGB-Flash",sans-serif;font-size:clamp(1.5rem,2rem,2rem);color:#7b4a2c;margin:0;font-weight:bold}.prize-action-wrapper{position:relative;margin-top:20px}.prize-tips{position:absolute;top:-2.5rem;right:-4.875rem;width:9.75rem;max-width:156;height:5rem;max-height:80;background-image:url("../img/tips_feedback@2x.png");background-repeat:no-repeat;background-position:center;background-size:contain;color:rgba(0,0,0,0);font-size:0;z-index:1}.toast-message{position:fixed;top:20%;left:50%;transform:translate(-50%, -50%);background:linear-gradient(135deg, #FBE681 0%, #F8D15B 100%);color:#000;border:0.25rem solid #e57d31;padding:2rem 4rem;border-radius:1rem;font-size:clamp(1.5rem,2.25rem,2.25rem);font-weight:bold;z-index:10000;pointer-events:none;white-space:nowrap;opacity:0;transform:translate(-50%, -50%) translateY(-40px) scale(0.85);transition:all .5s cubic-bezier(0.68, -0.55, 0.265, 1.55)}.toast-message.show{opacity:1;transform:translate(-50%, -50%) translateY(0) scale(1)}.toast-message{box-shadow:0 10px 30px rgba(0,0,0,.3),0 0 20px rgba(251,230,129,.6),inset 0 1px 0 hsla(0,0%,100%,.5)}#debugPanel{position:fixed;right:20px;bottom:20px;z-index:9999}.debug-toggle{width:60px;height:60px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;cursor:pointer;box-shadow:0 4px 12px rgba(0,0,0,.3);transition:transform .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.debug-toggle:hover{transform:scale(1.1)}.debug-toggle:active{transform:scale(0.95)}.debug-content{position:absolute;bottom:70px;right:0;width:320px;background:hsla(0,0%,100%,.98);border-radius:12px;padding:20px;box-shadow:0 8px 24px rgba(0,0,0,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debug-content h3{margin:0 0 15px;font-size:18px;color:#333;border-bottom:2px solid #667eea;padding-bottom:8px}.debug-content button{width:100%;padding:10px;margin-bottom:8px;background:linear-gradient(135deg, #667eea 0%, #764ba2 100%);color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:bold;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.debug-content button:hover{transform:translateY(-2px);box-shadow:0 4px 8px rgba(102,126,234,.4)}.debug-content button:active{transform:translateY(0)}.debug-info{margin-top:15px;padding-top:15px;border-top:1px solid #ddd}.debug-info p{margin:0 0 8px;font-size:14px;font-weight:bold;color:#333}.debug-info pre{margin:0;padding:10px;background:#f5f5f5;border-radius:6px;font-size:11px;line-height:1.5;color:#666;max-height:200px;overflow-y:auto;font-family:"Courier New",monospace}