:root{font-family:Inter,PingFang SC,Microsoft YaHei,sans-serif;color:#343f36;background:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0}.page{min-height:100vh;display:flex;flex-direction:column}.masthead{width:min(1120px,calc(100% - 80px));height:76px;margin:auto auto 0;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eef0eb}.brand{display:inline-flex;gap:10px;align-items:center;color:#374d37;text-decoration:none}.brand-mark{width:31px;height:31px;display:grid;place-items:center}.brand-mark svg{width:29px;height:29px}.brand-copy{display:flex;flex-direction:column;gap:3px}.brand-copy strong{font-family:Songti SC,"Noto Serif SC",serif;font-size:13px;letter-spacing:.16em;font-weight:600}.brand-copy small{font-size:7px;letter-spacing:.12em;color:#9ca89a}.masthead-right{display:flex;align-items:center;gap:8px;font-size:10px;color:#91a08f;letter-spacing:.08em}.status-dot,.live-dot{display:block;width:5px;height:5px;background:#8aaa79;border-radius:50%}.head-divider{width:21px;height:1px;background:#d3ddd0;margin:0 5px}.main{display:flex;flex-direction:column;align-items:center;flex:1;padding:22px 20px 15px}.eyebrow{display:flex;align-items:center;gap:10px;color:#a0ad9e;font-size:8px;letter-spacing:.21em;margin:0 0 14px}.eyebrow span{width:25px;height:1px;background:#d7e0d4}.flight-section{width:min(61vh,620px,calc(100vw - 40px));min-width:300px}.scene-shell{position:relative;width:100%;aspect-ratio:1;outline:none;cursor:crosshair;touch-action:none}.scene-shell:focus-visible{outline:2px solid #9dbb85;outline-offset:6px}.scene-viewport{position:absolute;inset:0;overflow:hidden;clip-path:polygon(1.5% .8%,8% 1.1%,15% .5%,22% 1.2%,29% .6%,36% 1%,43% .5%,50% 1.1%,57% .6%,64% 1%,71% .5%,78% 1.1%,85% .6%,92% 1.2%,98.6% .7%,99.2% 8%,98.8% 15%,99.4% 22%,98.9% 29%,99.4% 36%,98.9% 43%,99.4% 50%,98.9% 57%,99.4% 64%,98.9% 71%,99.4% 78%,98.9% 85%,99.4% 92%,98.5% 99.1%,92% 98.9%,85% 99.5%,78% 98.9%,71% 99.4%,64% 98.9%,57% 99.5%,50% 99%,43% 99.4%,36% 98.9%,29% 99.5%,22% 99%,15% 99.4%,8% 98.8%,1.4% 99.3%,.9% 92%,1.3% 85%,.7% 78%,1.2% 71%,.7% 64%,1.2% 57%,.6% 50%,1.1% 43%,.6% 36%,1.2% 29%,.6% 22%,1.1% 15%,.6% 8%);background:#b1d93f}.scene-viewport canvas{display:block;width:100%;height:100%}.scene-label{position:absolute;top:18px;z-index:1;display:flex;align-items:center;gap:6px;color:#ffffffeb;font-size:9px;letter-spacing:.06em;text-shadow:0 1px 5px #456a1f;pointer-events:none}.scene-label-left{left:20px}.scene-label-right{right:20px;font-size:8px;letter-spacing:.14em}.scene-label-right span{opacity:.8}.scene-label .live-dot{background:#f7ffda;box-shadow:0 0 0 3px #ffffff3a}.scene-help{position:absolute;left:50%;bottom:20px;transform:translate(-50%);display:flex;align-items:center;gap:7px;padding:8px 11px;background:#ffffffe0;border:1px solid rgba(255,255,255,.8);border-radius:30px;color:#6b7861;font-size:10px;letter-spacing:.04em;white-space:nowrap;box-shadow:0 3px 14px #24471416;pointer-events:none;transition:opacity .5s}.scene-help svg{width:14px;height:14px}.scene-help.hidden{opacity:0}.caption{text-align:center;margin-top:20px}.caption-kicker{font-size:8px;letter-spacing:.24em;color:#a4b09f}.caption h1{font-family:Songti SC,"Noto Serif SC",STSong,serif;font-size:24px;letter-spacing:.32em;font-weight:500;color:#3b483b;margin:9px 0;padding-left:.32em}.caption p{font-family:Songti SC,"Noto Serif SC",serif;font-size:12px;line-height:1.9;letter-spacing:.08em;color:#839080;margin:0}.caption-controls{display:flex;align-items:center;justify-content:center;gap:13px;margin-top:17px;color:#8a9987;font-size:10px;letter-spacing:.03em}.instruction,.control-button{display:flex;align-items:center;gap:5px}.instruction svg{width:15px;height:15px}.touch-hint{display:none}.control-divider{width:1px;height:11px;background:#dce3d8}.control-button{border:0;padding:3px 0;background:none;color:#73866e;font:inherit;cursor:pointer}.control-button:hover{color:#3e6740}.music-button[aria-pressed=true]{color:#4f8052}.control-button svg{width:14px;height:14px}.play-icon,.control-button[aria-pressed=true] .pause-icon{display:none}.control-button[aria-pressed=true] .play-icon{display:block}.distance strong{font-weight:500;font-variant-numeric:tabular-nums;color:#6e806b}.footer{width:min(1120px,calc(100% - 80px));margin:auto auto 0;padding:15px 0 20px;display:flex;justify-content:space-between;border-top:1px solid #f0f2ee;color:#b4bdb1;font-size:8px;letter-spacing:.1em}.fallback{position:absolute;inset:0;display:grid;place-content:center;text-align:center;background:#f5f8ec;color:#70836c;line-height:2;font-size:13px}.fallback[hidden]{display:none}@media(max-width:600px){.masthead{width:calc(100% - 36px);height:59px}.masthead-right{font-size:9px}.masthead-right .head-divider,.masthead-right .head-divider+span{display:none}.main{padding:20px 16px 26px}.eyebrow{font-size:7px;margin-bottom:12px}.flight-section{width:min(100%,520px);min-width:0}.scene-label{top:15px}.scene-label-left{left:16px}.scene-label-right{right:16px}.scene-help{bottom:16px}.caption{margin-top:22px}.caption h1{font-size:22px}.footer{width:calc(100% - 36px);padding-bottom:16px}.footer span:first-child{font-size:7px}.desktop-hint{display:none}.touch-hint{display:inline}.caption-controls{gap:8px;font-size:9px}}@media(max-height:760px)and (min-width:601px){.masthead{height:60px}.main{padding-top:13px}.eyebrow{margin-bottom:8px}.flight-section{width:min(65vh,590px,calc(100vw - 40px))}.caption{margin-top:12px}.caption h1{font-size:21px;margin:6px 0}.caption p{line-height:1.6}.caption-controls{margin-top:10px}.footer{padding:9px 0 12px}}