:root{font-family:Arial Rounded MT Bold,Microsoft YaHei,system-ui,sans-serif;color:#102f49;background:#86d5f5;font-synthesis:none;--ink:#102f49;--ice:#ecfbff;--blue:#2e73ef;--coral:#ff4055;--yellow:#ffd633;--teal:#43d8d2}*{box-sizing:border-box}html,body,#app{width:100%;height:100%;margin:0;overflow:hidden}body{overscroll-behavior:none;touch-action:none;-webkit-user-select:none;user-select:none}button{font:inherit}.game-shell,.canvas-host{position:relative;width:100%;height:100%;overflow:hidden}.canvas-host{position:absolute;inset:0}canvas{display:block;width:100%;height:100%}.hud{position:absolute;z-index:4;inset:max(12px,env(safe-area-inset-top)) 14px auto;display:grid;grid-template-columns:auto 1fr auto auto;align-items:start;gap:10px;pointer-events:none}.level-chip,.squad-chip,.coin-chip,.pause{color:#fff;background:#102f49e0;border:2px solid rgba(255,255,255,.9);box-shadow:0 4px #102f4938;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.level-chip{width:56px;padding:6px;border-radius:12px;text-align:center}.level-chip small,.squad-chip span{display:block;font:900 8px/1 system-ui;letter-spacing:.12em;opacity:.72}.level-chip strong{font:1000 22px/1 Arial Black;color:var(--yellow)}.squad-chip{justify-self:center;min-width:108px;padding:7px 16px 8px;border-radius:999px;text-align:center}.squad-chip strong{font:1000 clamp(25px,5vw,40px)/.8 "Arial Black";color:#fff}.squad-chip span{margin-top:6px}.coin-chip{padding:10px 14px;border-radius:999px;color:var(--yellow);font:900 15px/1 system-ui;white-space:nowrap}.coin-chip strong{color:#fff}.coin-chip small{color:#aeefff;margin-left:5px}.pause{pointer-events:auto;width:42px;height:42px;border-radius:50%;cursor:pointer}.run-progress{position:absolute;z-index:4;top:max(80px,calc(env(safe-area-inset-top) + 70px));left:50%;translate:-50% 0;width:min(300px,58vw);height:7px;background:#102f4933;border:1px solid rgba(255,255,255,.7);border-radius:20px}.run-progress i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--coral),var(--yellow));transition:width .12s linear}.run-progress b{position:absolute;right:-16px;top:-11px;color:#fff;text-shadow:0 2px var(--ink)}.is-ready .squad-chip,.is-ready .run-progress,.is-ready .drag-tip,.is-ready .pause{opacity:0;pointer-events:none}.drag-tip{position:absolute;z-index:3;bottom:max(18px,env(safe-area-inset-bottom));left:50%;translate:-50%;color:#fff;font:900 11px/1 system-ui;letter-spacing:.12em;text-shadow:0 2px 5px var(--ink);white-space:nowrap}.bilingual-label{display:block;margin-top:.35em;font-size:.48em;line-height:1.15;letter-spacing:.08em;opacity:.82}.toast{position:absolute;z-index:8;left:50%;top:22%;translate:-50%;padding:10px 18px;border-radius:999px;background:#fff;color:var(--blue);box-shadow:0 6px #102f4933;font:1000 clamp(17px,4vw,28px)/1 system-ui;opacity:0;scale:.72;transition:.18s;pointer-events:none;white-space:nowrap}.toast.show{opacity:1;scale:1}.toast.bad{color:var(--coral)}.screen{position:absolute;z-index:6;inset:0;display:grid;place-items:center;padding:22px;background:linear-gradient(180deg,#4cb5e61f,#102f496b);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.screen.hidden{display:none}.ready-screen{grid-template-rows:auto 1fr auto auto}.chapter-card{align-self:start;margin-top:max(62px,env(safe-area-inset-top));width:min(430px,calc(100vw - 24px));color:#fff;text-align:center;font:900 9px/1 system-ui;letter-spacing:.18em}.chapter-track{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;align-items:center;gap:6px;margin-top:8px}.level-node{position:relative;min-width:0;padding:8px 3px;border:2px solid rgba(255,255,255,.78);border-radius:10px;background:#102f49b3;color:#ffffffb8;font:900 clamp(7px,2vw,9px)/1.1 system-ui;letter-spacing:.02em;white-space:nowrap}.level-node:after{content:"";position:absolute;left:100%;top:50%;width:8px;height:2px;background:#ffffff80}.level-node.done{border-color:#fff;background:var(--teal);color:var(--ink)}.level-node.current{border-color:#fff;background:var(--yellow);color:var(--ink);box-shadow:0 0 0 3px #ffd63340}.chapter-track b{padding:8px 6px;border:2px solid #fff;border-radius:9px;background:var(--coral);font-size:8px;white-space:nowrap}.title-lockup{align-self:center;justify-self:start;margin-left:clamp(2vw,8vw,120px);color:#fff;filter:drop-shadow(0 7px 0 rgba(16,47,73,.16))}.title-lockup small{display:block;margin-bottom:8px;font:900 clamp(20px,3vw,30px)/1 system-ui;letter-spacing:.12em}.title-lockup h1{margin:0;font:1000 clamp(54px,8vw,88px)/1 "Arial Black","Microsoft YaHei";letter-spacing:.02em;white-space:nowrap}.title-lockup em{font-style:normal;color:var(--yellow)}.title-lockup p{max-width:320px;margin:22px 0 0;font:800 13px/1.6 system-ui;letter-spacing:.03em;text-shadow:0 2px 5px rgba(16,47,73,.35)}.upgrade-dock{align-self:end;display:grid;grid-template-columns:1fr auto 1fr;gap:14px;align-items:end;width:min(520px,94vw)}.upgrade-dock>button:not(.play-orb){border:2px solid #fff;border-radius:18px;padding:10px 8px;background:#102f49de;color:#fff;box-shadow:0 5px #102f4940;cursor:pointer}.upgrade-dock span,.upgrade-dock strong,.upgrade-dock small{display:block}.upgrade-dock span{font:900 9px/1 system-ui;letter-spacing:.12em;color:#aeefff}.upgrade-dock strong{font:1000 18px/1.4 Arial Black}.upgrade-dock small{color:var(--yellow);font:900 11px/1 system-ui}.play-orb{width:74px;height:74px;border:4px solid white;border-radius:50%;background:var(--coral);color:#fff;box-shadow:0 8px #b82a3d;font-size:28px;cursor:pointer}.play-orb:active{translate:0 5px;box-shadow:0 3px #b82a3d}.start-copy{color:#fff;font:900 11px/1 system-ui;letter-spacing:.12em;margin:14px 0 max(4px,env(safe-area-inset-bottom));text-shadow:0 2px 4px var(--ink)}.result-panel{width:min(430px,92vw);padding:30px;border:3px solid #fff;border-radius:28px;background:#ecfbfff5;box-shadow:0 14px #102f493d,0 30px 70px #102f494d;text-align:center}.result-kicker{margin:0 0 18px;color:var(--coral);font:1000 clamp(26px,7vw,46px)/.9 "Arial Black";letter-spacing:-.05em}.coin-burst{color:#e7a900;font-size:28px}.coin-burst strong{display:block;color:var(--ink);font:1000 58px/.9 Arial Black}.coin-burst span{font:900 9px/1 system-ui;letter-spacing:.26em}.skin-card{display:grid;grid-template-columns:62px 1fr;gap:14px;align-items:center;margin:24px 0;padding:12px;background:#dff6fb;border-radius:18px;text-align:left}.skin-silhouette{font-size:48px;text-align:center;color:var(--blue)}.skin-card b{font:1000 13px/1 system-ui}.skin-track{height:10px;margin:8px 0 4px;background:#fff;border-radius:10px;overflow:hidden}.skin-track i{display:block;height:100%;background:linear-gradient(90deg,var(--teal),var(--blue));border-radius:inherit}.skin-card small{font-weight:900}.bonus-button{width:100%;border:0;border-radius:999px;padding:15px 22px;background:var(--coral);color:#fff;box-shadow:0 6px #bd293c;font:1000 17px/1 system-ui;cursor:pointer}.bonus-button span{font-size:9px;margin-right:10px;opacity:.75}.bonus-button:disabled{filter:grayscale(.6);cursor:default}.text-button{margin-top:18px;border:0;background:transparent;color:#527086;font:900 12px/1 system-ui;letter-spacing:.16em;cursor:pointer}.failure-screen h2{margin:0;font:1000 42px/1 Arial Black}.failure-screen p:not(.result-kicker){font:700 14px/1.6 system-ui;margin:18px 0 25px}.is-result .hud,.is-result .run-progress,.is-result .drag-tip{opacity:0;pointer-events:none}.result-screen{display:block;padding:0;background:#070f18a8;-webkit-backdrop-filter:none;backdrop-filter:none;color:#fff;overflow:hidden}.complete-banner{position:absolute;top:9%;left:0;width:100%;padding:20px 16px 18px;background:#1f9d1bf2;box-shadow:0 3px #034e0966;text-align:center;opacity:0;transform:translateY(-28px);transition:opacity .32s ease,transform .32s ease}.result-screen.entered .complete-banner{opacity:1;transform:translateY(0)}.complete-banner p{margin:0 0 11px;color:#fff;font:1000 clamp(31px,6vw,54px)/.9 "Arial Black",system-ui;text-shadow:0 3px 0 rgba(0,82,4,.52);letter-spacing:-.045em}.completion-coins{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-width:min(310px,70vw);padding:9px 24px;background:#5bd541;border:2px solid rgba(255,255,255,.22);box-shadow:inset 0 -3px #0b75083d;font:1000 clamp(19px,4vw,29px)/1 "Arial Black",system-ui;text-shadow:0 2px 0 rgba(0,96,5,.5)}.completion-coins i{width:25px;height:25px;background:#ffd22b;border:4px solid #f29413;clip-path:polygon(25% 0,75% 0,100% 25%,100% 75%,75% 100%,25% 100%,0 75%,0 25%)}.skin-reward{position:absolute;top:45%;left:50%;width:min(390px,88vw);transform:translate(-50%,22px);text-align:center;opacity:0;transition:opacity .34s .32s ease,transform .34s .32s ease}.result-screen.entered .skin-reward{opacity:1;transform:translate(-50%)}.skin-reward>b{display:block;margin-bottom:10px;font:1000 clamp(24px,5vw,37px)/1 "Arial Black",system-ui;text-shadow:0 3px 0 rgba(0,0,0,.55)}.skin-row{display:flex;align-items:center;justify-content:center}.skin-progress{position:relative;width:min(290px,66vw);height:64px;overflow:hidden;background:#2a2a2ae6;border:4px solid #fff;box-shadow:0 4px #00000073}.skin-progress i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(#77da3a,#32ae20);box-shadow:inset 0 -5px #0b700c59}.skin-progress strong{position:absolute;inset:0;display:grid;place-items:center;font:1000 clamp(27px,5vw,39px)/1 "Arial Black",system-ui;text-shadow:0 3px 0 rgba(0,0,0,.65)}.runner-silhouette{width:76px;height:95px;margin-left:-3px;overflow:visible;filter:drop-shadow(0 4px 0 rgba(0,0,0,.35))}.runner-silhouette circle,.runner-silhouette path{fill:#383838;stroke:#fff;stroke-width:8;stroke-linecap:round;stroke-linejoin:round}.runner-silhouette path{fill:none}.result-actions{position:absolute;top:69%;left:50%;display:grid;gap:11px;width:min(210px,58vw);opacity:0;transform:translate(-50%,18px);transition:opacity .28s ease,transform .28s ease;pointer-events:none}.result-screen.actions-visible .result-actions{opacity:1;transform:translate(-50%);pointer-events:auto}.skip-button{position:relative;width:100%;min-height:54px;padding:7px 10px;border:3px solid #fff;border-radius:2px;background:#777;color:#fff;cursor:pointer;box-shadow:0 5px #0000006b;text-shadow:0 2px 0 rgba(0,0,0,.45);font:1000 20px/1 Arial Black,system-ui}.skip-button strong,.skip-button small{display:block}.skip-button small{margin-top:5px;font:900 9px/1 system-ui;letter-spacing:.12em;opacity:.86}.campaign-screen{padding:max(22px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(22px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));background:#070f18b8;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.campaign-card{width:min(calc(100vw - 32px),430px);max-width:430px;padding:clamp(26px,6vw,44px);border:3px solid #fff;border-radius:28px;background:linear-gradient(155deg,#102f49fa,#2e73efed);box-shadow:0 14px #00000047,0 30px 70px #00000057;color:#fff;text-align:center}.campaign-kicker{margin:0 0 14px;color:var(--yellow);font:900 10px/1.2 system-ui;letter-spacing:.16em}.campaign-card h2{margin:0;font:1000 clamp(30px,7vw,48px)/.96 "Arial Black","Microsoft YaHei";letter-spacing:-.035em;text-shadow:0 4px 0 rgba(0,0,0,.22)}.campaign-total{margin:28px 0;padding:18px;border:2px solid rgba(255,255,255,.55);border-radius:18px;background:#070f1857}.campaign-total span,.campaign-total strong{display:block}.campaign-total span{margin-bottom:9px;font:900 9px/1 system-ui;letter-spacing:.18em;color:#aeefff}.campaign-total strong{color:var(--yellow);font:1000 clamp(24px,6vw,36px)/1 "Arial Black",system-ui}.campaign-card .bonus-button{max-width:330px}button:focus-visible{outline:4px solid var(--yellow);outline-offset:3px}@media(max-width:680px){.hud{grid-template-columns:auto 1fr auto}.coin-chip{grid-column:3}.pause{position:absolute;right:0;top:50px}.title-lockup{justify-self:center;margin-left:0;text-align:center}.title-lockup h1{font-size:clamp(44px,13vw,72px)}.title-lockup p{margin-inline:auto}.ready-screen{padding-top:12px}.run-progress{top:max(76px,calc(env(safe-area-inset-top) + 66px))}}@media(max-width:480px){.chapter-track{gap:3px}.level-node{padding-inline:1px;font-size:7px}.level-node:after{width:5px}.chapter-track b{padding-inline:4px;font-size:7px}.complete-banner{top:8%;padding-block:17px 15px}.skin-reward{top:43%}.skin-progress{height:57px}.runner-silhouette{width:66px;height:84px}.result-actions{top:68%}}@media(max-height:620px)and (orientation:landscape){.chapter-card{margin-top:3px}.chapter-track{gap:3px;margin-top:4px}.level-node,.chapter-track b{padding-block:5px}.title-lockup{position:absolute;left:5%;top:25%;margin:0}.title-lockup h1{font-size:46px}.title-lockup p{display:none}.upgrade-dock{width:min(470px,55vw);justify-self:end}.start-copy{justify-self:end;margin-right:15%}.result-panel{padding:20px}.skin-card{margin:12px 0}.result-kicker{font-size:30px}.complete-banner{top:3%;padding:10px}.complete-banner p{font-size:28px;margin-bottom:7px}.completion-coins{padding:6px 18px;font-size:18px}.skin-reward{top:36%;width:330px}.skin-reward>b{font-size:22px}.skin-progress{height:48px}.runner-silhouette{width:58px;height:68px}.result-actions{top:66%;width:175px;gap:7px}.skip-button{min-height:38px;font-size:18px}.campaign-card{padding:20px 28px}.campaign-card h2{font-size:28px}.campaign-total{margin:14px 0;padding:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}