:root{color-scheme:dark;--bg:#070f1c;--muted:#77879e;--cyan:#7ee8ff;--white:#f3f7ff;--line:#ffffff12;font-family:'Space Grotesk','Noto Sans TC',sans-serif;color:var(--white);background:var(--bg)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 55% 35%,#12233c77,transparent 65%),var(--bg);min-width:320px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}button{border:0}button:disabled{cursor:wait;opacity:.65}button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}[hidden]{display:none!important}.app{max-width:1536px;margin:auto;padding:0 5.2%}.header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;gap:12px;align-items:center;text-decoration:none;color:#d9eaff}.brand svg{width:44px;height:44px;fill:none;stroke:#a8d7ff;stroke-width:1.3}.brand svg path{fill:#a8d7ff;stroke:none}.brand>span{font-size:26px;letter-spacing:6px;line-height:1.1;font-weight:600}.brand small{display:block;font-size:8px;letter-spacing:3.6px;font-weight:400;margin-top:7px}.nav-label{font-size:10px;letter-spacing:2.8px;color:#8595ac;display:flex;align-items:center;gap:12px}.nav-label>span{width:23px;height:1px;background:#4d688a}.text-button{color:#b2c1d6;display:flex;align-items:center;gap:9px;background:transparent;font-size:12px;letter-spacing:1px;padding:10px 0}.help-icon{display:inline-grid;place-items:center;width:17px;height:17px;border:1px solid #8b9cb3;border-radius:50%;font-size:10px}main{padding-top:29px}.game-shell{position:relative;height:clamp(470px,57vw,600px);border:1px solid #668cbb30;overflow:hidden;border-radius:18px;background:#0b1e35;box-shadow:0 24px 80px #0003;isolation:isolate}canvas{display:block;width:100%;height:100%;touch-action:none}.stage-vignette{position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 90px #040d1a66;border-radius:inherit}.stage-top{position:absolute;top:26px;left:32px;right:32px;display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#b4cce0;pointer-events:none}.zone{display:flex;gap:11px;align-items:center}.tiny-cross{font-size:16px;color:#79e1ff}.zone>span:last-child{padding-left:12px;border-left:1px solid #bedaff35;font-size:10px;color:#7e9cb9}.stage-code{display:flex;align-items:center;gap:12px;color:#6e95b5;font-size:10px}.stage-code i{display:block;width:19px;height:19px;border:1px solid #8ac9f755;border-radius:50%;position:relative}.stage-code i:after{content:'';position:absolute;inset:6px;background:#91dbff;border-radius:50%}.intro{position:absolute;top:22%;left:7%;z-index:2}.eyebrow{font-size:9px;letter-spacing:3px;color:#78d6fb;display:flex;gap:9px;align-items:center;margin-bottom:23px}.eyebrow>span{width:18px;height:1px;background:#78d6fb}h1{font-family:'Noto Sans TC',sans-serif;font-size:clamp(42px,5.1vw,73px);line-height:1.3;letter-spacing:1px;margin:0 0 18px;font-weight:800}h1>span{color:#93dfff}.intro p{font-size:12px;line-height:2.1;color:#93aabe;margin:0 0 28px;letter-spacing:1px}.primary-button{display:flex;justify-content:space-between;align-items:center;gap:36px;background:#9ce9ff;color:#08203a;padding:16px 24px;font-size:13px;font-weight:700;letter-spacing:1px;border:1px solid #c1f2ff;border-radius:5px;box-shadow:0 0 30px #4cd4ff10;transition:background .2s,transform .2s;min-height:50px}.primary-button:hover{background:#c3f3ff;transform:translateY(-2px)}.primary-button:active{transform:translateY(1px)}.start-note{display:block;color:#5e809e;font-size:9px;letter-spacing:1px;margin-top:12px}.character-tag{position:absolute;left:76%;top:51%;display:flex;gap:13px;align-items:center;pointer-events:none}.tag-line{width:32px;height:1px;background:linear-gradient(90deg,#72dcff99,transparent)}.character-tag small{font-size:7px;letter-spacing:1.8px;color:#7eafce;white-space:nowrap}.character-tag strong{display:block;font-size:21px;letter-spacing:4px;font-weight:500;margin-top:5px}.character-tag strong span{font-size:8px;vertical-align:top;letter-spacing:0;color:#6ba1c4}.ready-bottom{position:absolute;bottom:25px;left:32px;right:32px;display:flex;align-items:center;justify-content:space-between;font-size:8px;color:#6f9abb;letter-spacing:2.1px;pointer-events:none}.best-label{display:flex;gap:7px;align-items:center;font-size:10px;letter-spacing:1px;color:#9fbed6}.best-label b{font-weight:500;color:#e3f5ff}.best-label svg{height:15px;width:15px;fill:none;stroke:#85aecc;stroke-width:1.5;margin-left:8px}.hud{position:absolute;top:82px;left:32px;right:32px;display:flex;align-items:flex-start;justify-content:space-between;pointer-events:none}.hud-distance small{display:block;font-size:9px;color:#92b3cc;letter-spacing:2px;margin-bottom:3px}.hud-distance strong{font-size:37px;font-weight:500;letter-spacing:1px;line-height:1}.hud-distance strong span{font-size:13px;margin-left:6px;color:#83a8c1}.hud-energy{display:flex;align-items:center;gap:8px;font-size:23px;background:#07152666;border:1px solid #95dfff22;border-radius:24px;padding:7px 16px}.hud-energy small{font-size:9px;color:#92b3cc;letter-spacing:1px}.hud-energy{position:relative;transition:border-color .3s,box-shadow .3s}.charge{position:absolute;left:16px;right:16px;bottom:4px;height:2px;border-radius:2px;background:#95dfff1c;overflow:hidden}.charge b{display:block;height:100%;background:linear-gradient(90deg,#4fc9f2,#d4f8ff);transform:scaleX(0);transform-origin:left;transition:transform .2s}.hud-energy.shielded{border-color:#9ce9ffa6;box-shadow:0 0 22px #4cd4ff4d,inset 0 0 14px #4cd4ff26}.hud-energy.shielded .energy-gem{color:#eafcff;text-shadow:0 0 12px #7ee8ff}.zone b{font-weight:inherit}.energy-gem{font-size:28px;color:#92eaff;line-height:1}.hud-actions{display:flex;gap:8px;pointer-events:auto}.hud-actions button{display:grid;place-items:center;width:38px;height:38px;background:#0c2239b3;border:1px solid #83bbdf33;border-radius:50%;color:#c3e3f7}.message{position:absolute;top:29%;left:50%;transform:translateX(-50%);text-align:center;font-size:19px;font-weight:600;letter-spacing:2px;color:#c1f1ff;pointer-events:none;text-shadow:0 0 20px #3aa9ff;white-space:nowrap}.level-tag{position:absolute;bottom:26px;left:32px;color:#91b0cb;font-size:9px;letter-spacing:1px}.level-tag strong{color:#c5eaff;margin-left:10px;font-weight:500}.modal-backdrop{position:absolute;inset:0;display:grid;place-items:center;background:#030c1cba;backdrop-filter:blur(9px);z-index:5}.dialog{text-align:center;padding:35px 42px;width:min(390px,90%);border:1px solid #88bff52b;border-radius:14px;background:linear-gradient(145deg,#142c45e6,#09182bea);box-shadow:0 20px 70px #0004}.dialog-kicker{font-size:8px;letter-spacing:2px;color:#83cce8}.dialog h2{font-size:29px;font-weight:600;letter-spacing:1px;margin:15px 0}.dialog p{font-size:12px;color:#8eabc3;margin-bottom:28px}.dialog .primary-button{width:100%;margin-top:22px}.secondary-button{display:block;background:transparent;color:#8daac2;font-size:11px;letter-spacing:1px;margin:18px auto 0;padding:7px 15px}.result-distance{margin:17px 0 22px;font-size:70px;line-height:1;color:#b7eeff}.result-distance small{font-size:17px;color:#81a6c1;margin-left:8px}.result-stats{display:flex;justify-content:center;gap:23px;font-size:10px;color:#7399b6}.dialog .result-note{margin:-8px 0 22px;font-size:12px;color:#9cc6de;min-height:1em}.result-dialog.record .result-distance{color:#eafcff;text-shadow:0 0 34px #5fd8ff8c}.result-dialog.record .dialog-kicker{color:#c9f6ff}.result-stats b{display:block;color:#e1f3ff;font-size:16px;font-weight:500;margin-top:8px}.below-game{display:flex;align-items:center;justify-content:space-between;padding:30px 4px;border-bottom:1px solid var(--line);gap:24px}.mission{display:flex;gap:15px;align-items:center}.mission-icon{font-size:27px;color:#8cbfd5;line-height:1;border:1px solid #6f9bbb30;width:43px;height:43px;border-radius:50%;display:grid;place-items:center}.mission h2{font-size:13px;font-weight:500;letter-spacing:1px;margin:0 0 7px}.mission p{font-size:10px;color:#6f849e;letter-spacing:1px;margin:0}.controls{display:flex;align-items:center;gap:24px}.controls>div{display:flex;align-items:center;gap:6px;font-size:10px;color:#8195ad;white-space:nowrap}.controls>div>span:last-child{margin-left:3px}.key{font-size:9px;letter-spacing:.5px;border:1px solid #788da73b;border-bottom-width:3px;display:inline-flex;justify-content:center;align-items:center;min-width:26px;height:26px;border-radius:5px;padding:0 7px;color:#a6bacf;background:#ffffff03}.arrow-key{font-size:14px}.detail-line{display:flex;justify-content:space-between;font-size:9px;letter-spacing:1px;color:#455c76;padding:18px 4px}.detail-line span:first-child{display:flex;align-items:center;gap:7px}.detail-line i{display:block;width:3px;height:3px;border-radius:50%;background:#708eac}footer{display:flex;justify-content:space-between;align-items:center;padding:26px 0 30px;color:#3f5671;font-size:8px;letter-spacing:1.5px}footer>span:first-child{color:#71869f}.footer-divider{margin:0 10px;color:#344a63}.footer-star{font-size:15px;margin-left:20px;color:#7dabc4}.mobile-controls{display:none}dialog{border:1px solid #4f769c6b;border-radius:16px;background:#0d1e32;color:var(--white);padding:30px;width:min(480px,calc(100% - 28px));box-shadow:0 30px 100px #0009}dialog::backdrop{background:#030a16c9;backdrop-filter:blur(7px)}.help-header{display:flex;align-items:center;justify-content:space-between}.help-header button{background:transparent;color:#b4d4e9;font-size:25px;padding:0 4px}dialog h2{font-size:23px;margin:22px 0 14px;font-weight:600}dialog>p{font-size:12px;line-height:1.9;color:#93aac3}dialog .primary-button{width:100%;margin-top:25px}.help-row{display:flex;align-items:center;gap:20px;margin-top:23px}.help-row>.key{min-width:96px}.help-row strong{font-size:12px;font-weight:500}.help-row p{font-size:11px;line-height:1.7;color:#7d98b4;margin:5px 0 0}.gem-symbol{width:96px;flex-shrink:0;text-align:center;color:#8ae3ff;font-size:30px}.help-mobile{font-size:10px!important;border-top:1px solid #ffffff10;padding-top:20px;margin-top:23px!important}body.playing .stage-top{opacity:.65}body.playing .below-game{opacity:.65}
@media(min-width:1550px){.game-shell{height:630px}.intro{top:22%}h1{font-size:76px}}@media(max-width:1000px){.app{padding:0 4%}.controls{gap:12px}.controls>div{font-size:9px}.mission p{font-size:9px}.nav-label{font-size:8px}.character-tag{left:80%}.tag-line{display:none}.character-tag small{font-size:6px}.character-tag strong{font-size:17px}.intro{top:21%}.intro p{margin-bottom:20px}.eyebrow{margin-bottom:19px}.below-game{padding:25px 0}}@media(max-width:720px){.app{padding:0 5%}.header{height:87px}.brand svg{width:35px;height:35px}.brand>span{font-size:22px;letter-spacing:4px}.brand small{font-size:6px;letter-spacing:2.8px}.brand{gap:8px}.nav-label{display:none}.text-button{font-size:10px}main{padding-top:22px}.game-shell{height:530px;border-radius:13px}.stage-top{top:21px;left:22px;right:22px}.zone{font-size:9px;gap:7px}.zone>span:last-child{font-size:8px;padding-left:8px}.stage-code{font-size:8px;gap:7px}.stage-code i{width:14px;height:14px}.stage-code i:after{inset:4px}.intro{top:17%;left:8%}.eyebrow{font-size:7px;letter-spacing:2px;margin-bottom:18px}h1{font-size:41px;line-height:1.35;margin-bottom:14px}.intro p{font-size:10px;line-height:1.95;margin-bottom:23px}.primary-button{font-size:11px;padding:13px 17px;gap:23px;min-height:45px}.start-note{font-size:7px;max-width:145px;line-height:1.7;margin-top:9px}.character-tag{left:auto;right:7%;top:auto;bottom:14.5%;text-align:right}.character-tag small{font-size:6px}.character-tag strong{font-size:17px}.ready-bottom{left:22px;right:22px;bottom:20px;letter-spacing:1px;font-size:6px}.best-label{font-size:8px;gap:5px}.best-label svg{display:none}.below-game{padding:23px 0;align-items:flex-start}.mission{gap:12px}.mission-icon{font-size:22px;width:37px;height:37px}.mission h2{font-size:11px}.mission p{font-size:8px;letter-spacing:.5px}.controls{display:none}.detail-line{font-size:8px;padding:17px 0}footer{font-size:6px;letter-spacing:1px;padding:20px 0 26px}footer>span:last-child{max-width:123px;line-height:1.8;text-align:right}.footer-star{display:none}.hud{top:74px;left:22px;right:22px}.hud-distance strong{font-size:29px}.hud-distance small{font-size:8px}.hud-energy{font-size:17px;padding:5px 11px;gap:5px;margin-top:1px}.hud-energy small{display:none}.energy-gem{font-size:23px}.hud-actions{gap:6px}.hud-actions button{width:32px;height:32px}.hud-actions svg{width:17px;height:17px}.level-tag{left:22px;font-size:8px;bottom:20px}.message{font-size:15px;top:31%}.dialog{padding:27px 24px}.dialog h2{font-size:25px}.result-distance{font-size:60px}.mobile-controls{display:flex;gap:12px;margin-top:13px}.mobile-controls button{display:flex;align-items:center;justify-content:center;gap:9px;flex:1;min-height:49px;border-radius:7px;border:1px solid #749db62e;background:#0c1a2c;color:#a9cee4;font-size:12px;touch-action:none;user-select:none;-webkit-user-select:none}.mobile-controls button>span{font-size:22px}.mobile-controls button>small{font-size:8px;color:#587b98}.mobile-controls button:last-child{background:#173348;border-color:#76cee93d;color:#bcf0ff}.mobile-controls button:active,.mobile-controls button.active{background:#275d78}body.playing .below-game{display:none}body.playing .game-shell{height:min(65dvh,570px);min-height:420px}dialog{padding:24px}.help-row{gap:13px}.help-row>.key,.gem-symbol{min-width:80px;width:80px}.help-row p{font-size:10px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
/* Played by tapping: no text highlight, long-press callout or image dragging anywhere on the page. */
html,body{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}img,canvas,svg{-webkit-user-drag:none}button,a{touch-action:manipulation}