@charset "UTF-8";
:root{color-scheme:dark;--bg:#111714;--panel:#151e19;--line:#2b3730;--text:#f0f2e8;--muted:#9aa69b;--dim:#647368;--lime:#def282;--gold:#f2d08a;--teal:#91ded1;--font:Inter,"PingFang SC","Microsoft YaHei",system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--text);font-family:var(--font);font-size:14px;line-height:1.6;-webkit-font-smoothing:antialiased;background:radial-gradient(ellipse at 5% 80%,#19221966,transparent 60%),var(--bg)}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--lime);outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}button svg{pointer-events:none}button span{pointer-events:none}[hidden]{display:none!important}h1,h2,p{margin:0}svg{display:block}.app-shell{max-width:1280px;margin:auto;padding:0 48px}.topbar{height:108px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-weight:650;letter-spacing:1px;font-size:17px}.brand>svg{width:39px;height:39px;color:var(--lime)}.brand-sub{display:block;font-size:10px;color:var(--muted);font-weight:400;letter-spacing:2px;margin-top:1px}.top-actions{display:flex;align-items:center;gap:18px}.icon-button{border:1px solid var(--line);background:none;width:40px;height:40px;display:grid;place-items:center;border-radius:50%;transition:background .2s}.icon-button:hover{background:#273328}.icon-button svg{width:20px;height:20px}.text-button{border:0;background:none;display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:8px 0}.text-button:hover{color:var(--text)}.question-mark{border:1px solid #536153;border-radius:50%;width:17px;height:17px;display:grid;place-items:center;line-height:1;font-size:11px}.game-layout{display:grid;grid-template-columns:minmax(255px,1fr) minmax(350px,490px) 30px;gap:48px;padding:38px 0 28px;align-items:start}.mission-panel{padding:14px 0 0;max-width:320px}.eyebrow{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--lime);font-weight:500;letter-spacing:2px}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:var(--lime)}h1{margin:26px 0 22px;font-weight:600;font-size:clamp(68px,7vw,100px);line-height:1.13;letter-spacing:-6px}h1 em{font-style:normal;color:var(--lime)}.intro{font-size:15px;color:#bac4b9;line-height:2}.tags{display:flex;gap:8px;margin:20px 0 42px;flex-wrap:wrap}.tags span{font-size:10px;letter-spacing:.5px;color:var(--muted);padding:4px 8px;border:1px solid var(--line);border-radius:4px}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-label h2{font-size:12px;font-weight:500;letter-spacing:1px}.section-label>span{font-size:10px;letter-spacing:1px;font-variant-numeric:tabular-nums;color:var(--muted)}.level-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.level-button{background:none;border:1px solid var(--line);color:var(--dim);aspect-ratio:1;border-radius:7px;position:relative;font-size:12px;display:grid;place-items:center;transition:background .2s,border .2s}.level-button.current{color:var(--bg);background:var(--lime);border-color:var(--lime);font-weight:700}.level-button.completed{color:var(--teal);border-color:#3e5b4a;background:#1b2a20}.level-button.completed.current{color:var(--bg);background:var(--lime);border-color:var(--lime)}.level-button:hover:not(:disabled):not(.current){border-color:var(--lime)}.level-button .mini-star{position:absolute;font-size:7px;bottom:2px;line-height:1;color:inherit}.level-button:disabled{opacity:.65}.collection{display:flex;align-items:center;justify-content:space-between;margin-top:18px}.collection>span{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}.collection svg{width:12px;height:12px;color:var(--gold)}.collection strong{font-size:21px;font-weight:500;font-variant-numeric:tabular-nums;letter-spacing:1px}.collection strong small{font-size:11px;color:var(--dim);font-weight:400}.field-note{margin-top:36px;padding-top:22px;border-top:1px solid var(--line)}.note-number{font-size:10px;color:var(--dim);letter-spacing:1px}.field-note p{font-size:17px;line-height:1.8;color:#cbd2c4;margin:10px 0}.field-note small{font-size:10px;color:var(--dim)}.mission-heading{display:flex;align-items:center;gap:14px;padding:0 0 20px;min-height:62px}.mission-index{width:38px;height:38px;display:grid;place-items:center;color:var(--lime);border:1px solid #566646;border-radius:50%;font-size:12px;font-variant-numeric:tabular-nums}.eyebrow.quiet{font-size:9px;color:var(--dim);letter-spacing:1px;margin-bottom:2px}.mission-heading h2{font-size:18px;font-weight:500;letter-spacing:1px}.shot-stars{display:flex;gap:5px;margin-left:auto;color:#455346;font-size:22px}.shot-stars span.active{color:var(--gold);text-shadow:0 0 15px #f2d08a40}.space-frame{position:relative;width:100%;aspect-ratio:5/7;border:1px solid #344536;border-radius:16px;background:#111c19;overflow:hidden;box-shadow:0 14px 65px #0003;isolation:isolate}canvas{width:100%;height:100%;display:block;touch-action:none;cursor:grab}canvas.flying{cursor:default}canvas.dragging{cursor:grabbing}.board-hud{position:absolute;z-index:2;top:21px;left:22px;right:22px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}.flight-state{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1px;color:#a4b5a5}.flight-state i{width:5px;height:5px;border-radius:50%;background:var(--lime)}.flight-state i.flying{background:var(--teal);box-shadow:0 0 8px #91ded188}.flight-time{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums;letter-spacing:1px}.flight-time small{font-size:9px;color:var(--dim)}.aim-instruction{position:absolute;bottom:20px;left:10px;right:10px;display:flex;align-items:center;justify-content:center;gap:8px;pointer-events:none;color:#b0c1af;font-size:10px;letter-spacing:.5px}.hand-mark{color:var(--lime);font-size:17px}.power-meter{position:absolute;bottom:21px;left:24px;right:24px;display:flex;align-items:center;gap:10px;font-size:10px;color:var(--muted);pointer-events:none}.power-meter>div{flex:1;height:3px;background:#344b39;border-radius:2px;overflow:hidden}.power-meter i{height:100%;display:block;background:var(--lime);width:0;border-radius:2px}.power-meter strong{font-size:10px;font-weight:400;color:var(--lime);width:31px;text-align:right}.flight-controls{display:flex;justify-content:space-between;gap:10px;margin-top:14px}.control-button{background:none;border:1px solid var(--line);padding:9px 14px;min-height:42px;border-radius:7px;display:flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#b5c1b2;transition:border .2s,background .2s}.control-button:hover:not(:disabled){background:#213023;border-color:#596c4e}.control-button>span:first-child{font-size:16px;line-height:1}.control-button>svg{width:16px;height:16px}.control-button[aria-pressed=true]{border-color:#a0b360;color:var(--lime)}.pause-button{margin-left:auto}.below-board{display:flex;align-items:center;justify-content:space-between;margin-top:16px;gap:10px}.below-board p{font-size:10px;color:var(--dim);max-width:65%}.trajectory-button{border:0;background:none;padding:4px 0;display:flex;align-items:center;gap:7px;font-size:9px;color:var(--muted);white-space:nowrap}.switch{display:block;width:23px;height:12px;border:1px solid #758c4c;background:#273624;border-radius:9px;position:relative}.switch:after{content:"";width:6px;height:6px;border-radius:50%;background:var(--lime);position:absolute;top:2px;right:3px}.trajectory-button[aria-pressed=false] .switch{border-color:var(--dim);background:none}.trajectory-button[aria-pressed=false] .switch:after{left:3px;right:auto;background:var(--dim)}.orbit-note{height:640px;display:flex;align-items:center;flex-direction:column;padding-top:88px;gap:28px}.orbit-note span{writing-mode:vertical-rl;letter-spacing:3px;font-size:9px;color:var(--dim)}.orbit-note i{height:120px;width:1px;background:linear-gradient(var(--line),transparent)}.footer{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:20px 0 25px;font-size:10px;color:var(--dim);letter-spacing:.5px}.footer>span:last-child{font-size:9px;letter-spacing:1px}.result-overlay,.pause-overlay{position:absolute;z-index:5;inset:0;background:#101a15d9;backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;text-align:center;padding:26px}.result-card{width:100%;max-width:320px}.result-eyebrow{color:var(--teal);font-size:10px;letter-spacing:3px}.result-symbol{font-size:68px;line-height:1.4;margin:8px 0;color:var(--teal)}.result-card.failed .result-eyebrow,.result-card.failed .result-symbol{color:var(--gold)}.result-card h2{font-size:26px;font-weight:500;letter-spacing:1px}.result-stars{font-size:31px;letter-spacing:8px;color:var(--gold);margin:14px 0}.result-stars .empty{color:#455344}.result-card p{font-size:12px;line-height:1.9;color:var(--muted);margin:14px auto 24px;max-width:260px}.primary-button{width:100%;background:var(--lime);border:1px solid var(--lime);color:#172014;font-size:12px;font-weight:600;min-height:47px;display:flex;align-items:center;justify-content:space-between;padding:11px 18px;border-radius:7px;letter-spacing:.5px;transition:background .2s}.primary-button:hover{background:#eafaad}.primary-button>span{font-size:20px;font-weight:400}.subtle-button{background:none;border:0;color:var(--muted);padding:13px 15px;font-size:11px}.subtle-button:hover{color:var(--text)}.pause-overlay{flex-direction:column;gap:15px}.pause-overlay>span{font-size:11px;letter-spacing:3px;color:var(--muted)}.pause-overlay h2{font-size:30px;font-weight:400;margin-bottom:18px}.pause-overlay .primary-button{max-width:230px}.toast{position:fixed;z-index:20;bottom:28px;left:50%;transform:translateX(-50%);border:1px solid #647449;background:#243023;color:#e9efda;font-size:12px;padding:12px 18px;max-width:calc(100% - 36px);width:max-content;border-radius:8px;box-shadow:0 8px 30px #0005;text-align:center}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}dialog{width:calc(100% - 38px);max-width:480px;background:#18221b;color:var(--text);border:1px solid #47583c;border-radius:18px;padding:34px;max-height:90svh;box-shadow:0 20px 100px #0008}dialog::backdrop{background:#070d09c9;backdrop-filter:blur(6px)}.dialog-close{position:absolute;right:14px;top:14px;width:30px;height:30px;font-size:22px;line-height:1}.dialog-close:hover{background:#29372a}dialog .eyebrow{font-size:10px;margin-bottom:15px;padding-right:20px}dialog>h2{font-size:30px;font-weight:500;letter-spacing:1px}.help-steps{list-style:none;padding:0;margin:30px 0 22px;display:grid;gap:22px}.help-steps li{display:flex;gap:15px}.help-steps li>span{color:var(--lime);font-size:12px;padding-top:2px}.help-steps strong{font-weight:500;font-size:14px}.help-steps p,.keyboard-help p{font-size:12px;color:var(--muted);line-height:1.8;margin-top:5px}.keyboard-help{padding-top:18px;border-top:1px solid var(--line)}.keyboard-help strong{font-size:11px;font-weight:500;color:var(--gold)}.save-note{font-size:10px;color:var(--dim);margin:20px 0}dialog .primary-button{margin-top:16px}
@media(min-width:1100px) and (max-height:950px){.app-shell{max-width:1140px}.topbar{height:85px}.game-layout{grid-template-columns:minmax(255px,1fr) minmax(350px,420px) 30px;padding-top:28px;gap:54px}h1{font-size:88px;margin:20px 0}.tags{margin-bottom:30px}.field-note{margin-top:27px}.mission-heading{padding-bottom:16px}.orbit-note{height:590px}.footer{padding:17px 0}}
@media(min-width:761px) and (max-width:1099px){.app-shell{padding:0 32px}.topbar{height:90px}.game-layout{grid-template-columns:minmax(220px,1fr) minmax(325px,440px);gap:35px}.orbit-note{display:none}.mission-panel{padding-top:10px}h1{font-size:72px;letter-spacing:-4px}.tags{gap:5px;margin-bottom:32px}.tags span{font-size:9px;padding:3px 5px}.field-note{margin-top:25px}.footer-desktop{display:none}}
@media(max-width:760px){.app-shell{padding:0 20px;padding-bottom:env(safe-area-inset-bottom)}.topbar{height:72px}.brand{font-size:15px;gap:10px;letter-spacing:.5px}.brand>svg{width:32px;height:32px}.brand-sub{font-size:8px;letter-spacing:1px}.top-actions{gap:12px}.icon-button{width:33px;height:33px}.icon-button svg{width:17px;height:17px}.text-button{font-size:11px;gap:5px}.game-layout{display:flex;flex-direction:column;gap:25px;padding:19px 0 24px;align-items:stretch}.play-panel{order:0;max-width:480px;width:100%;align-self:center}.mission-panel{order:1;max-width:none;padding:0;max-width:480px;width:100%;align-self:center}.hero-copy,.field-note,.orbit-note{display:none}.mission-heading{padding-bottom:13px;min-height:46px;gap:10px}.mission-index{width:32px;height:32px;font-size:11px}.mission-heading h2{font-size:16px}.eyebrow.quiet{font-size:8px}.shot-stars{font-size:19px;gap:4px}.space-frame{width:min(100%,calc((100svh - 217px) * .7142857));margin:0 auto;border-radius:13px;min-width:210px}.board-hud{top:17px;left:18px;right:18px}.aim-instruction{font-size:9px;bottom:17px}.flight-controls{gap:8px;margin-top:12px;justify-content:center}.control-button{padding:8px 11px;font-size:10px;min-height:38px;flex:1;white-space:nowrap}.control-button>span:first-child{font-size:15px}.control-button>svg{width:14px;height:14px}.pause-button{margin:0}.below-board{margin-top:11px}.below-board p{font-size:9px}.trajectory-button{font-size:9px}.section-label{margin-bottom:10px}.section-label h2{font-size:10px;color:var(--muted)}.section-label>span{font-size:9px}.level-grid{display:grid;grid-template-columns:repeat(12,minmax(30px,1fr));gap:5px;overflow-x:auto;padding-bottom:3px}.level-button{border-radius:5px;font-size:10px;min-width:30px}.level-button .mini-star{font-size:5px;bottom:1px}.collection{margin-top:7px}.collection>span{font-size:10px}.collection strong{font-size:17px}.collection strong small{font-size:10px}.footer{padding:15px 0 20px;font-size:9px}.footer-desktop{display:none}.footer>span:last-child{font-size:7px;letter-spacing:.5px}.result-overlay,.pause-overlay{padding:24px}.result-card h2{font-size:23px}.result-symbol{font-size:52px;margin:4px 0}.result-eyebrow{font-size:9px}.result-stars{font-size:27px;margin:8px 0}.result-card p{font-size:11px;margin:11px auto 19px}.primary-button{min-height:44px;font-size:11px}.subtle-button{font-size:10px}.pause-overlay h2{font-size:25px}.toast{font-size:11px;bottom:20px}.dialog-close{width:30px;height:30px}dialog{padding:29px 25px;max-height:88svh}dialog>h2{font-size:26px}.help-steps{margin:24px 0 20px;gap:18px}.help-steps p{font-size:11px}.keyboard-help p{font-size:11px}}
@media(max-width:350px){.app-shell{padding:0 14px}.brand-sub{display:none}.top-actions{gap:9px}.control-button{padding:7px 8px}.below-board p{max-width:56%}.level-grid{grid-template-columns:repeat(12,30px)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}dialog::backdrop,.result-overlay,.pause-overlay{backdrop-filter:none}}