*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:16px/1.5 "Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;background:#94b5c5;color:#f7f1e6;touch-action:manipulation}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer;color:inherit;border:0}button:focus-visible,a:focus-visible{outline:2px solid #ffe6a5;outline-offset:4px}button:disabled{opacity:.45;cursor:wait}button[hidden],[hidden]{display:none!important}#game,#game-canvas{position:absolute;inset:0;overflow:hidden}#game-canvas canvas{width:100%;height:100%;display:block;outline:none;touch-action:none}.vignette{position:absolute;inset:0;pointer-events:none;background:linear-gradient(#172c3b2e,transparent 20%,transparent 75%,#102c3966);z-index:1}.hud-header{position:absolute;top:25px;left:30px;right:30px;display:flex;align-items:flex-start;gap:20px;z-index:3;pointer-events:none}.location{display:flex;align-items:center;gap:11px;filter:drop-shadow(0 1px 5px #23353cb3);min-width:170px}.location-icon{font-size:39px;line-height:1;color:#f4dbab}.location h1{font-size:23px;letter-spacing:.15em;font-weight:500;line-height:1.3;margin:0 0 4px}.location div>span{font-size:10px;letter-spacing:.16em;color:#f1e5ce}.camera-modes{pointer-events:auto;margin:1px auto 0;display:flex;gap:3px;padding:5px;border-radius:9px;background:#253e48d4;box-shadow:0 5px 22px #1433431c;border:1px solid #f7e3c321;backdrop-filter:blur(12px)}.camera-modes button{padding:9px 14px;font-size:14px;color:#d0dddd;background:transparent;border-radius:5px;white-space:nowrap;transition:background .15s}.camera-modes button.selected{background:#f3dfb4;color:#31444a;box-shadow:0 1px 4px #0001}.camera-modes button:hover:not(.selected){background:#ffffff0e}.camera-modes kbd{font:12px Georgia,serif;margin-right:5px;opacity:.65}.back-link{pointer-events:auto;margin-top:7px;text-decoration:none;white-space:nowrap;color:#e9f0f0;font-size:14px;background:#2c444bd6;padding:9px 13px;border:1px solid #fff2;border-radius:6px}.back-link span{color:#e7d4ad;margin-left:5px}.explore-note{position:absolute;left:34px;top:114px;display:flex;gap:11px;text-shadow:0 1px 6px #263b42;z-index:2;pointer-events:none}.note-mark{font-size:26px;color:#f5d7a3;line-height:1.3}.explore-note strong{font-size:15px;letter-spacing:.04em;font-weight:550}.explore-note p{margin:5px 0 0;color:#f2f3edcc;font-size:13px;max-width:280px}.mode-status{position:absolute;top:95px;left:50%;transform:translateX(-50%);color:#fff8;font-size:12px;letter-spacing:.09em;z-index:2;text-shadow:0 1px 4px #203e45;pointer-events:none}.crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:5px;width:5px;background:#fff;border-radius:50%;box-shadow:0 0 0 1px #21323e55;z-index:2;pointer-events:none}.context{position:absolute;bottom:145px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:11px;padding:9px 16px 9px 10px;background:#203c47df;border:1px solid #ead6b287;border-radius:8px;z-index:3;color:#fff1d5;font-size:15px;pointer-events:none}.context kbd{font:16px Georgia,serif;padding:2px 8px;background:#eed7aa;color:#314348;border-radius:3px}.toast{position:absolute;top:27%;left:50%;transform:translateX(-50%) translateY(-8px);z-index:5;font-size:15px;color:#fff3dc;background:#23434cde;border:1px solid #dcc49770;padding:10px 23px;border-radius:7px;opacity:0;transition:opacity .2s,transform .2s;pointer-events:none;max-width:85%;text-align:center}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}.desktop-hud{position:absolute;left:30px;bottom:26px;right:30px;z-index:3;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;pointer-events:none}.key-guide{display:flex;align-items:center;gap:15px;flex-wrap:wrap;max-width:610px;line-height:1.5;text-shadow:0 1px 4px #1c3b48}.key-guide>span{font-size:13px;color:#f4f2e6;white-space:nowrap}.key-guide kbd{font:12px/1.5 inherit;display:inline-block;padding:3px 6px;border:1px solid #fff5;background:#2c454d85;border-radius:4px;color:#fff4d6;margin-right:4px}.key-guide>small{font-size:12px;flex-basis:100%;color:#e2e8e6b3;margin-top:-5px}.utility{display:flex;gap:8px;pointer-events:auto;align-items:center}.utility button{background:#2a424be0;border:1px solid #ffffff26;border-radius:6px;padding:9px 13px;font-size:13px;color:#e1e9e8;white-space:nowrap}.utility button kbd{font:12px Georgia,serif;color:#e6cb97;margin-left:6px}#help-open{font-size:18px;width:39px;padding:6px 0}.game-loading{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 45%,#3b5965,#243b48);transition:opacity .5s}.game-loading.done{opacity:0;pointer-events:none}.loading-emblem{font-family:Georgia,serif;font-size:70px;color:#ecd3a4;line-height:1;animation:glow 2s ease-in-out infinite}.game-loading h2{font-size:27px;font-weight:400;letter-spacing:.25em;margin:21px 0 9px}.game-loading p{font-size:14px;color:#c4d0d1;max-width:80%;text-align:center}.loading-track{width:180px;height:2px;margin-top:15px;background:#ffffff19;border-radius:4px;overflow:hidden}.loading-track div{height:100%;width:3%;background:#e7cea0;transition:width .3s}#load-retry{font-size:14px;margin-top:18px;padding:10px 22px;background:#e8d5ae;color:#30424a;border-radius:6px}.touch-hud{display:none}.touch-actions button{touch-action:none}.help-heading{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid #d6e2e51a}.help-heading h2{margin:0;font-size:21px;font-weight:500;letter-spacing:.08em}.help-heading button{background:transparent;font-size:28px;line-height:1;width:32px;height:32px}.help-content{padding:5px 24px 22px;color:#e0e6e3;font-size:15px}.help-content table{border-collapse:collapse;width:100%;font-size:14px}.help-content td{padding:8px 0;border-bottom:1px solid #ffffff0f}.help-content td:first-child{width:43%;color:#eddaaf}.help-small{font-size:13px;color:#b6c6c8}dialog{border:1px solid #d9c79d75;border-radius:12px;max-width:92vw;width:560px;background:#243f4bed;color:#f2e9d7;padding:0;max-height:90dvh;box-shadow:0 20px 100px #15263166;touch-action:auto}dialog::backdrop{background:#10232c70;backdrop-filter:blur(6px)}@keyframes glow{50%{opacity:.55;transform:scale(.94)}}
@media(max-width:1100px){.hud-header{left:22px;right:22px;gap:12px}.location{min-width:150px}.location h1{font-size:20px}.camera-modes button{padding:9px 11px}.key-guide{max-width:470px;gap:10px}.utility button{padding:8px 10px}.desktop-hud{left:22px;right:22px}.explore-note{left:25px}}
@media(pointer:coarse){.touch-hud{display:block;position:absolute;inset:0;pointer-events:none;z-index:4}.key-guide{display:none}.desktop-hud{bottom:calc(20px + env(safe-area-inset-bottom));left:auto;right:18px}.utility #lock-mouse{display:none}.utility{position:absolute;right:0;bottom:170px}#joystick{pointer-events:auto;position:absolute;left:36px;bottom:calc(40px + env(safe-area-inset-bottom));width:116px;height:116px;border-radius:50%;border:1px solid #fff5;background:#23475445;box-shadow:inset 0 0 0 25px #ffffff08;touch-action:none}.joystick-knob{position:absolute;left:36px;top:36px;width:44px;height:44px;border-radius:50%;background:#e8e7dccc;border:1px solid #ffffffe0;box-shadow:0 3px 14px #2849574d;pointer-events:none}.joystick-label{position:absolute;top:-25px;left:50%;transform:translateX(-50%);font-size:12px;color:#f3f2e6c9;text-shadow:0 1px 4px #123b4a}.touch-actions{position:absolute;right:24px;bottom:calc(39px + env(safe-area-inset-bottom));display:grid;grid-template-columns:64px 72px;gap:10px;align-items:center;pointer-events:auto}.touch-actions button{font-size:15px;width:64px;height:64px;border-radius:50%;background:#2b4856a8;border:1px solid #ece7d780;color:#fff1cf;box-shadow:0 3px 10px #1438431f}.touch-actions #touch-primary{height:75px;width:75px;background:#f3e0b0e6;color:#32474e;grid-column:2;grid-row:1/3}.touch-actions #touch-run{font-size:12px;height:42px;width:53px;margin:auto}.touch-actions button.pressed{background:#e5c17d;color:#2c414b}.context{bottom:194px}.context kbd{display:none}}
@media(max-width:700px){.hud-header{top:calc(16px + env(safe-area-inset-top));left:17px;right:17px;flex-wrap:wrap;gap:14px}.location{min-width:0;flex:1}.location h1{font-size:19px}.location-icon{font-size:31px}.location div>span{font-size:9px}.camera-modes{order:3;margin:0;width:100%;justify-content:space-between;border-radius:7px}.camera-modes button{flex:1;padding:9px 6px;font-size:14px}.camera-modes kbd{display:none}.back-link{font-size:12px;margin-top:2px;padding:8px 10px}.explore-note{top:140px;left:20px;gap:8px}.explore-note strong{font-size:14px}.explore-note p{font-size:12px;max-width:250px}.mode-status{display:none}.note-mark{font-size:22px}.utility button{font-size:12px;padding:7px 9px}.toast{font-size:14px;padding:10px 15px;top:32%}.help-content{padding:4px 18px 15px;font-size:14px}.help-heading{padding:15px 18px}.help-content table{font-size:13px}.context{font-size:14px}.desktop-hud .key-guide{display:none}.desktop-hud{bottom:19px}.utility #lock-mouse{display:none}}
@media(max-width:380px){#joystick{left:22px;width:104px;height:104px}.joystick-knob{left:30px;top:30px}.touch-actions{right:17px;gap:7px;grid-template-columns:55px 66px}.touch-actions button{width:55px;height:55px;font-size:14px}.touch-actions #touch-primary{width:66px;height:66px}.camera-modes button{font-size:13px}}
@media(max-height:530px) and (orientation:landscape){.hud-header{top:13px;left:18px;right:18px;flex-wrap:nowrap;gap:12px}.camera-modes{order:initial;width:auto;flex:none;margin:0 auto}.camera-modes button{padding:7px 12px;font-size:13px}.location h1{font-size:18px}.location div>span{display:none}.location{flex:none;min-width:125px}.location-icon{font-size:28px}.back-link{font-size:12px}.explore-note{top:72px;left:21px}.explore-note p{display:none}.mode-status{display:none}#joystick{bottom:25px;width:98px;height:98px;left:33px}.joystick-knob{left:27px;top:27px}.touch-actions{bottom:24px;right:25px;grid-template-columns:54px 64px;gap:6px}.touch-actions button{width:54px;height:54px;font-size:13px}.touch-actions #touch-primary{width:64px;height:64px}.touch-actions #touch-run{width:47px;height:32px}.utility{bottom:125px}.context{bottom:65px}.toast{top:23%}.key-guide{max-width:450px}.key-guide>small{display:none}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}.loading-emblem{animation:none}}

.game-settings{display:grid;grid-template-columns:150px 1fr;gap:14px 12px;align-items:center;border-top:1px solid #fff2;margin-top:22px;padding-top:20px}.game-settings label{font-size:14px;color:#f0deba}.game-settings output{float:right;color:#bacdd3;font-size:12px}.game-settings input{width:100%;accent-color:#e2c48f;touch-action:pan-x}.game-settings select{width:100%;min-width:0;font:inherit;font-size:14px;color:#f4e4c7;background:#1e3541;border:1px solid #ffffff30;border-radius:5px;padding:7px}.game-settings p{grid-column:1/-1;color:#a9bec6;font-size:12px;margin:0}@media(max-width:500px){.game-settings{grid-template-columns:130px 1fr}.game-settings select{font-size:12px}}

.altitude-panel{position:absolute;right:32px;top:128px;z-index:2;display:flex;gap:15px;pointer-events:none;color:#fff2d7;text-shadow:0 2px 8px #14374380}.altitude-track{position:relative;width:3px;height:155px;background:#e6d8bb35;align-self:center;border-radius:3px;overflow:hidden}.altitude-track>div{position:absolute;bottom:0;width:100%;height:0;background:#ffdb8e;box-shadow:0 0 10px #ffd683;transition:height .25s}.altitude-caption{font-size:10px;letter-spacing:.14em;color:#eff6f0b3}.altitude-number{display:flex;align-items:baseline;gap:9px;line-height:1.2;margin:6px 0 13px}.altitude-number strong{font:500 54px/1.05 Georgia,serif;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.altitude-number span{font:17px Georgia,serif}.altitude-number small{font-size:12px;color:#e9efeca6}.run-metrics{display:flex;flex-direction:column;gap:3px;font-size:11px;color:#e1e8e6bd}.run-metrics span{display:flex;justify-content:space-between;gap:28px}.run-metrics b{font-weight:500;color:#fff0cd;font-variant-numeric:tabular-nums}.jump-indicator{font-size:10px;margin-top:9px;color:#f3d694}.restart-button{margin-top:5px;background:#e7d3aa;color:#2b4149;border-radius:5px;padding:9px 15px;font-size:13px}.win-content{text-align:center;padding:32px 26px}.win-emblem{font:56px Georgia,serif;color:#f5d397}.win-eyebrow{font-size:10px;letter-spacing:.28em;color:#d9c496}.win-content h2{font:80px/1 Georgia,serif;margin:20px 0;color:#f9dfac}.win-content h2 span{font-size:30px}.win-content>p{color:#dfdfce}.win-content #win-detail{font-size:13px;color:#aebfc0}.win-actions{display:flex;justify-content:center;gap:10px;margin-top:28px}.win-actions button{background:#f0d7a7;color:#2d4249;padding:11px 18px;border-radius:6px;font-size:14px}.win-actions button+button{background:#ffffff12;color:#e6d7b9;border:1px solid #ecd4a63d}
@media(max-width:700px){.altitude-panel{right:17px;top:172px;gap:9px}.altitude-number strong{font-size:39px}.altitude-number{margin-bottom:8px;gap:5px}.altitude-caption{font-size:9px;letter-spacing:0}.altitude-track{height:130px}.altitude-number small{font-size:10px}.run-metrics{font-size:10px}.run-metrics span{gap:15px}.explore-note p{max-width:220px}.explore-note strong{font-size:13px}}
@media(max-height:540px){.altitude-panel{top:90px;right:16px}.altitude-track{height:100px}.altitude-number strong{font-size:32px}.altitude-number{margin:2px 0 4px}.altitude-caption,.jump-indicator{display:none}.run-metrics{font-size:10px;gap:0}.explore-note{top:90px}.explore-note p{max-width:205px}.mode-status{top:75px}}

.route-map{position:absolute;left:30px;bottom:130px;width:240px;z-index:3;background:#203945d9;border:1px solid #d2dbcf35;border-radius:9px;overflow:hidden;backdrop-filter:blur(8px)}.route-map>button{display:flex;justify-content:space-between;width:100%;padding:9px 12px;background:#1d343e5e;font-size:14px;color:#e5d7b9}.route-map>button>span+span{font-size:12px;color:#bdd3d6}.route-map canvas{width:240px;height:172px;display:block}.map-body p{display:flex;justify-content:space-around;font-size:12px;margin:0 0 10px;color:#d0dddd}.map-body p span:first-child{color:#ebcb96}.map-body p span:last-child{color:#eda77a}.route-map.collapsed .map-body{display:none}.flight-hint{position:absolute;left:50%;bottom:115px;transform:translateX(-50%);background:#1b3948bd;color:#d9f2ef;border:1px solid #89b9bc60;padding:8px 16px;border-radius:20px;z-index:3;font-size:14px;text-align:center;pointer-events:none;max-width:90vw}.return-progress{position:absolute;top:36%;left:50%;transform:translateX(-50%);z-index:5;background:#203945ee;border:1px solid #e2c79980;padding:17px 24px;border-radius:9px;min-width:260px;text-align:center;font-size:15px;pointer-events:none}.return-progress>div{height:3px;background:#ffffff25;margin:12px 0}.return-progress i{display:block;width:0;height:100%;background:#f0d59d}.return-progress small{font-size:12px;color:#bacbce}.setting-button{background:#19333d;color:#e4d2ae;border:1px solid #ffffff26;border-radius:5px;padding:7px;font-size:14px}.altitude-caption,.run-metrics,.jump-indicator{font-size:12px}.explore-note p{font-size:14px;max-width:310px}.location div>span{font-size:12px;letter-spacing:.12em}
@media(pointer:coarse){.route-map{left:24px;bottom:190px;width:180px}.route-map canvas{width:180px;height:129px}.map-body p{font-size:12px;gap:5px;flex-wrap:wrap}.touch-actions{grid-template-columns:62px 75px!important;gap:9px!important}.touch-actions #touch-run{grid-column:1;grid-row:1;width:62px;height:44px}.touch-actions #touch-glide{grid-column:2;grid-row:1;width:75px;height:55px;background:#315b68dc;border-color:#a2d7d4a6}.touch-actions #touch-secondary{grid-column:1;grid-row:2}.touch-actions #touch-primary{grid-column:2;grid-row:2}.flight-hint{bottom:180px;font-size:13px;max-width:58vw;left:auto;right:18px;transform:none}.utility{bottom:175px}.context{bottom:260px}.altitude-panel{right:20px}.route-map>button{font-size:12px;padding:8px}.map-body p span{white-space:nowrap}}
@media(max-width:700px){.route-map{left:18px;width:180px;bottom:200px}.route-map canvas{width:180px;height:129px}.altitude-caption,.run-metrics,.jump-indicator{font-size:12px}.altitude-panel{top:177px}.explore-note p{max-width:270px;font-size:13px}.location div>span{font-size:10px}}
@media(max-height:650px){.route-map{bottom:122px;width:180px}.route-map canvas{width:180px;height:129px}.route-map .map-body p{display:none}}
@media(max-height:530px){.route-map{bottom:150px;width:145px;left:20px}.route-map .map-body{display:none}.flight-hint{bottom:25px;max-width:50vw;right:auto;left:50%;transform:translateX(-50%);font-size:12px}.context{bottom:80px}.altitude-panel{top:95px}.explore-note p{display:none}}

@media(pointer:coarse) and (min-height:531px){.route-map{bottom:200px}.flight-hint{bottom:260px;max-width:calc(100vw - 235px);right:18px}.context{bottom:345px;max-width:90vw;font-size:14px}}