:root{--bg: #05060c;--panel: rgba(14, 18, 30, .92);--fg: #dce4f0;--muted: #8b97ad;--accent: #4fc3ff;--border: #23304a}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:var(--bg);color:var(--fg);font-family:system-ui,Segoe UI,Hiragino Kaku Gothic ProN,Meiryo,sans-serif}#stage{position:fixed;inset:0;touch-action:none}#stage canvas{display:block;width:100%!important;height:100%!important;touch-action:none}#split-labels{position:fixed;top:8px;left:0;right:0;z-index:4;pointer-events:none;display:flex}#split-labels.hidden{display:none}.split-label{flex:1;text-align:center;font-size:12px;color:var(--muted);letter-spacing:.1em}.split-label.right{border-left:1px solid var(--border)}.badge{position:fixed;top:10px;right:14px;z-index:5;padding:4px 10px;border-radius:12px;background:#ffb43c29;border:1px solid #ffb43c;color:#ffcf7a;font-size:12px}.badge.hidden{display:none}.mode-btn.active,.cam-btn.active,#focus-earth.active,#focus-moon.active{background:#1c3a5e;border-color:var(--accent);color:#fff}#cam-mode-row button,.cam-btn{font-size:12px}#readout .sep{margin-top:6px;padding-top:4px;border-top:1px solid var(--border);color:var(--accent)}.note{margin:8px 0 0;padding:8px 10px;border-radius:6px;background:#b43c2824;border:1px solid #b8583c;color:#f0b8a0;font-size:12px;line-height:1.6}.note.hidden{display:none}.note:not(.warn){background:#3c6eb424;border-color:#4d7cb0;color:#bcd6ff}#tour-bar{position:fixed;top:10px;left:50%;transform:translate(-50%);z-index:7;display:flex;align-items:center;gap:6px;background:var(--panel);border:1px solid var(--border);border-radius:10px;padding:6px 10px;backdrop-filter:blur(6px);max-width:92vw;flex-wrap:wrap;justify-content:center}#tour-bar button{font-size:12px;padding:5px 10px}#tour-bar #tour-controls{display:flex;align-items:center;gap:6px}#tour-bar #tour-controls.hidden{display:none}body:not(.tour-running) #tour-bar{display:none}#tour-open{position:fixed;top:10px;left:94px;z-index:30;width:34px;height:34px;padding:0;font-size:15px;line-height:1;border-radius:8px;background:#0e121ee6}#tour-open.hidden{display:none}#tour-buttons{position:fixed;inset:0;z-index:25;display:none;flex-direction:column;gap:8px;overflow-y:auto;background:#03050ad1;padding:calc(max(10px,env(safe-area-inset-top)) + 104px) 14px calc(20px + env(safe-area-inset-bottom));align-items:center}body.tour-menu-open #tour-buttons{display:flex}body.tour-menu-open #tour-buttons.hidden{display:none}#tour-base-note{flex:0 0 auto;width:min(560px,100%);margin-bottom:4px;color:var(--muted);font-size:12px;line-height:1.5}#tour-opts{flex:0 0 auto;width:min(560px,100%);display:flex;gap:18px;margin-bottom:6px;font-size:13px;color:var(--muted)}#tour-opts label{display:flex;align-items:center;gap:6px;cursor:pointer;padding:6px 2px}#tour-buttons button{flex:0 0 auto;width:min(560px,100%);text-align:left;white-space:normal;padding:13px 16px;font-size:15px;border-radius:10px;background:#141a2af5}#tour-buttons button:after{content:attr(data-grade);display:block;margin-top:2px;font-size:11px;color:var(--muted)}#tour-menu-close{display:none}body.tour-menu-open #tour-menu-close{display:flex;align-items:center;justify-content:center;position:fixed;z-index:26;top:calc(max(10px,env(safe-area-inset-top)) + 52px);right:max(14px,calc(50% - 280px));width:44px;height:44px;padding:0;font-size:17px;border-radius:10px}#tour-title{font-size:13px;color:var(--fg);font-weight:600}#tour-progress{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}#tour-subtitle{position:fixed;bottom:60px;left:50%;transform:translate(-50%);z-index:8;max-width:min(760px,78vw);background:#060912d1;border:1px solid var(--border);border-radius:12px;padding:12px 22px;font-size:20px;line-height:1.65;color:#f2f6ff;text-align:center;pointer-events:none}#tour-subtitle.hidden{display:none}#tour-labels,#tour-ground-labels{pointer-events:none}body:not(.panel-hidden) #tour-inset,body:not(.panel-hidden) #venus-inset,body:not(.panel-hidden) #orion-inset,body:not(.panel-hidden) #tour-labels,body:not(.panel-hidden) #tour-ground-labels{display:none}.tour-anno{position:fixed;transform:translate(-50%,-135%);background:#060912bd;border:1px solid var(--border);border-radius:8px;padding:3px 10px;font-size:15px;color:#ffe9b0;white-space:nowrap;z-index:6;pointer-events:none}.tour-anno-arrow{display:inline-block;margin-left:6px;color:#ffd27a}#tour-inset{position:fixed;left:12px;top:64px;width:190px;height:190px;border:2px solid rgba(150,185,255,.75);border-radius:10px;z-index:6;pointer-events:none}#tour-inset.hidden{display:none}#venus-inset{position:fixed;left:12px;top:64px;width:190px;height:190px;border:2px solid rgba(255,226,150,.75);border-radius:10px;z-index:6;pointer-events:none}#venus-inset.hidden{display:none}#orion-inset{position:fixed;left:12px;top:96px;width:190px;height:190px;border:2px solid rgba(150,185,255,.75);border-radius:10px;z-index:6;pointer-events:none}#orion-inset canvas{width:100%;height:100%;display:block;border-radius:8px}#orion-inset.hidden{display:none}#orion-inset-caption{position:absolute;left:50%;bottom:-30px;transform:translate(-50%);background:#060912bd;border:1px solid var(--border);border-radius:8px;padding:3px 10px;font-size:13px;color:#cfe0ff;white-space:nowrap}#venus-inset-caption{position:absolute;left:50%;bottom:-30px;transform:translate(-50%);background:#060912bd;border:1px solid var(--border);border-radius:8px;padding:3px 10px;font-size:13px;color:#ffe9b0;white-space:nowrap}#tour-inset-caption{position:absolute;left:50%;bottom:-30px;transform:translate(-50%);background:#060912bd;border:1px solid var(--border);border-radius:8px;padding:3px 10px;font-size:13px;color:#cfe0ff;white-space:nowrap}#orbit-minimap{position:fixed;right:12px;bottom:36px;width:200px;height:200px;background:#090d18d1;border:1px solid var(--border);border-radius:10px;cursor:crosshair;z-index:6}#orbit-minimap.hidden{display:none}#overview-inset{position:fixed;right:12px;bottom:36px;width:200px;height:200px;border:1px solid var(--border);border-radius:10px;background:#090d188c;z-index:6;pointer-events:none}#overview-inset.hidden{display:none}#overview-inset-caption{position:absolute;left:8px;top:6px;font-size:11px;color:var(--muted);letter-spacing:.03em}#orientation-gyro{position:fixed;right:12px;bottom:244px;width:112px;height:112px;background:#090d18d1;border:1px solid var(--border);border-radius:10px;z-index:6;pointer-events:none}#orientation-gyro.hidden{display:none}#fly-pad{position:fixed;left:max(10px,env(safe-area-inset-left));bottom:max(10px,env(safe-area-inset-bottom));z-index:8;display:none;grid-template-columns:auto auto;grid-template-areas:"stick side" "speed speed";gap:8px;align-items:center;touch-action:none;user-select:none;-webkit-user-select:none}#fly-stick{grid-area:stick;position:relative;width:118px;height:118px;border-radius:50%;border:1px solid var(--border);background:radial-gradient(circle at 50% 42%,#4fc3ff1a,#090d18db 62%),#090d18db;box-shadow:inset 0 2px 12px #0009,0 2px 10px #00000073}#fly-stick:before,#fly-stick:after{content:"";position:absolute;background:#8b97ad47}#fly-stick:before{left:12%;right:12%;top:50%;height:1px}#fly-stick:after{top:12%;bottom:12%;left:50%;width:1px}#fly-knob{position:absolute;left:50%;top:50%;width:52px;height:52px;margin:-26px 0 0 -26px;border-radius:50%;background:radial-gradient(circle at 38% 32%,#7fd0ff,#2b6ea8 62%,#17395a);border:1px solid #8fd8ff;box-shadow:0 3px 10px #0000008c,inset 0 -3px 8px #00000059;transition:transform .12s ease-out}#fly-stick.active #fly-knob{transition:none}#fly-side{grid-area:side;display:flex;flex-direction:column;gap:8px}.fly-vbtn{width:54px;height:54px;border-radius:12px;border:1px solid var(--border);background:#090d18db;color:var(--fg);font-size:18px;line-height:1;display:flex;align-items:center;justify-content:center;touch-action:none;cursor:pointer}.fly-vbtn.active{background:#4fc3ff47;border-color:var(--accent)}#fly-speed-row{grid-area:speed;display:flex;align-items:center;gap:8px;padding:5px 10px;border-radius:999px;border:1px solid var(--border);background:#090d18db}#fly-speed-label{font-size:11px;color:var(--muted);white-space:nowrap;font-variant-numeric:tabular-nums}#fly-speed{width:116px}@media(pointer:coarse),(max-width:640px),(max-height:480px){#fly-pad.on{display:grid}}.cine-block{border:1px solid var(--border);border-radius:8px;padding:8px;margin:8px 0;background:#ffffff05}.cine-h{font-size:12px;font-weight:600;color:#cfe0ff;margin-bottom:4px}.cine-block .muted-line{margin:2px 0 6px}.cine-block label.row span b{color:#cfe0ff;font-weight:600}.cine-block label.chk{display:inline-flex;align-items:center;gap:4px;font-size:12px;margin:0}#panel .cine-block button:disabled{opacity:.4;cursor:not-allowed}#tour-clock{position:fixed;top:58px;left:50%;transform:translate(-50%);z-index:7;padding:6px 18px;border-radius:10px;background:#060912cc;border:1px solid var(--border);color:#ffe9b0;font-size:20px;font-weight:600;letter-spacing:.04em;font-variant-numeric:tabular-nums;pointer-events:none}#tour-clock.hidden{display:none}#tour-place{position:fixed;top:calc(max(10px,env(safe-area-inset-top)) + 52px);left:max(10px,env(safe-area-inset-left));z-index:7;padding:5px 12px;border-radius:999px;background:#060912cc;border:1px solid var(--border);color:#cfe0ff;font-size:13px;letter-spacing:.02em;pointer-events:none;max-width:60vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#tour-place.hidden{display:none}@media(max-width:640px),(max-height:480px){#tour-place{top:calc(max(10px,env(safe-area-inset-top)) + 62px);font-size:12px}}.badge2{position:fixed;bottom:8px;right:10px;z-index:5;padding:2px 8px;border-radius:10px;background:#0a0e18b3;border:1px solid var(--border);font-size:11px;font-variant-numeric:tabular-nums;pointer-events:none}#tooltip{position:fixed;z-index:20;pointer-events:none;padding:5px 9px;border-radius:6px;background:#0a0e18eb;border:1px solid var(--accent);color:var(--fg);font-size:13px;line-height:1.4;max-width:240px;box-shadow:0 2px 10px #00000080}#tooltip.hidden{display:none}#tooltip .tip-coord{color:var(--muted);font-size:11px;font-variant-numeric:tabular-nums}#zoom-row input[type=range]{flex:1;min-width:0}#zoom-row button{flex:0 0 auto;min-width:34px;font-size:15px}#location optgroup{color:var(--muted)}#location option{color:var(--fg)}.muted-line{color:var(--muted);font-size:11px;margin-top:4px;line-height:1.5;font-variant-numeric:tabular-nums}.muted-line.hidden,#panel .space-only.hidden,#panel .ground-only.hidden,#panel .btnrow button.hidden{display:none}#btn-pick-ground.armed{background:#4a2f10;border-color:#ffb43c;color:#ffd58a}#rec-btn.recording{background:#5a1512;border-color:#ff5a4d;color:#ffb3ad;animation:rec-blink 1.2s infinite}@keyframes rec-blink{50%{border-color:#7a2520}}#credits{margin-top:12px;font-size:12px;color:var(--muted)}#credits summary{cursor:pointer;padding:4px 0;color:var(--fg)}#credits .cred-cat{margin-top:8px;color:var(--accent);font-size:11px;letter-spacing:.06em}#credits ul{margin:4px 0;padding-left:16px}#credits li{margin:2px 0}#credits a{color:#9cc4f0}#credits .muted{color:var(--muted);font-size:11px}#panel{position:fixed;top:0;left:0;width:300px;max-height:100vh;overflow-y:auto;padding:52px 16px 14px;background:var(--panel);border-right:1px solid var(--border);backdrop-filter:blur(6px);transition:transform .25s ease}body.panel-hidden #panel{transform:translate(-100%)}#panel-toggle{position:fixed;top:10px;left:10px;z-index:30;width:34px;height:34px;padding:0;font-size:16px;border-radius:8px;background:#0e121ee6}#help-btn{position:fixed;top:10px;left:52px;z-index:30;width:34px;height:34px;padding:0;font-size:16px;font-weight:700;border-radius:8px;background:#0e121ee6}#help-overlay{position:fixed;inset:0;z-index:40;background:#03050aa8;display:flex;align-items:center;justify-content:center;padding:16px}#help-overlay.hidden{display:none}#help-card{width:min(460px,100%);max-height:84vh;overflow-y:auto;padding:18px 20px 16px;border-radius:14px;background:var(--panel);border:1px solid var(--border);box-shadow:0 10px 40px #0009}#help-card h2{margin:0 0 12px;font-size:17px;letter-spacing:.04em}#help-list{list-style:none;margin:0;padding:0}#help-list li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;border-top:1px solid rgba(35,48,74,.6);font-size:14px;line-height:1.55}#help-list li:first-child{border-top:none}#help-list .hi{flex:0 0 26px;text-align:center;font-size:17px;line-height:1.4}#help-close{position:sticky;bottom:-16px;width:100%;margin-top:14px;padding:11px;font-size:15px;border-radius:9px;background:#1c2439;box-shadow:0 -12px 16px 6px #0e121e}#panel h1{font-size:18px;margin:0;letter-spacing:.04em}#panel .sub{margin:2px 0 12px;color:var(--muted);font-size:12px}#panel h2{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);margin:0 0 6px}section{padding:10px 0;border-top:1px solid var(--border)}details.grp{border-top:1px solid var(--border)}details.grp>summary{list-style:none;cursor:pointer;padding:11px 0;font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);display:flex;align-items:center;gap:7px;user-select:none}details.grp>summary::-webkit-details-marker{display:none}details.grp>summary:before{content:"▸";font-size:10px;color:var(--muted);transition:transform .15s ease}details.grp[open]>summary:before{transform:rotate(90deg)}details.grp>summary:hover,details.grp>summary:hover:before{color:var(--fg)}.grp-body{padding:2px 0 12px}.sub-h{font-size:11px;color:var(--accent);letter-spacing:.04em;margin:10px 0 3px}.grp-body>.sub-h:first-child,.grp-body>.space-only>.sub-h:first-child{margin-top:2px}.row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:6px 0;font-size:13px}.row span{color:var(--muted);white-space:nowrap}.row input[type=datetime-local],.row select{flex:1;min-width:0}.row input[type=range]{flex:1}input,select,button{background:#131a2a;color:var(--fg);border:1px solid var(--border);border-radius:6px;padding:5px 8px;font-size:13px;font-family:inherit}button{cursor:pointer}button:hover{border-color:var(--accent)}.btnrow{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin:6px 0}.btnrow button{flex:1;min-width:54px}.btnrow button.mini{flex:0 0 auto;min-width:0;padding:6px 8px}.btnrow.btn4{display:grid;grid-template-columns:repeat(4,1fr)}.btnrow.btn4 button{flex:none;min-width:0}#panel button,#panel summary{overflow-wrap:anywhere}.btnrow #jump-year{flex:1;text-align:center;color:var(--accent);font-variant-numeric:tabular-nums}#panel label{display:block;font-size:13px;margin:4px 0;cursor:pointer}#panel label input[type=checkbox]{margin-right:6px}#readout{margin-top:12px;padding:10px;background:#0c1120;border-radius:6px;font-size:12px;line-height:1.7;color:var(--muted);font-variant-numeric:tabular-nums}@media(max-width:640px),(max-height:480px){#panel{width:min(340px,90vw);height:100%;max-height:100vh;box-shadow:4px 0 28px #0000008c;padding:calc(max(14px,env(safe-area-inset-top)) + 48px) 16px 48px 16px;z-index:20}#panel input,#panel select,#panel button{font-size:15px;padding:8px 10px}#panel label{font-size:15px;margin:9px 0}#panel details.grp>summary{font-size:14px;padding:14px 0}#panel label input[type=checkbox]{width:17px;height:17px}.btnrow{gap:7px}.btnrow button{min-width:60px}.btnrow.btn4{grid-template-columns:repeat(2,1fr)}#panel-toggle{width:44px;height:44px;font-size:20px;top:max(10px,env(safe-area-inset-top));left:max(10px,env(safe-area-inset-left))}#help-btn{width:44px;height:44px;font-size:19px;top:max(10px,env(safe-area-inset-top));left:calc(max(10px,env(safe-area-inset-left)) + 52px)}#tour-bar{gap:5px;padding:5px 8px;top:calc(54px + env(safe-area-inset-top));left:8px;right:8px;max-width:none;width:auto;transform:none;flex-wrap:nowrap;align-items:stretch}#tour-bar button{font-size:13px;padding:7px 11px}#tour-bar #tour-back,#tour-bar #tour-pause,#tour-bar #tour-skip,#tour-bar #tour-exit{min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px}#tour-controls{flex-wrap:nowrap;overflow-x:auto}#tour-title{font-size:13px;white-space:nowrap}#tour-open{width:44px;height:44px;font-size:19px;top:max(10px,env(safe-area-inset-top));left:calc(max(10px,env(safe-area-inset-left)) + 104px)}#tour-subtitle{font-size:16px;padding:10px 12px;bottom:76px;max-width:none;left:6px;right:6px;transform:none}:root{--hud-inset: clamp(80px, 16vh, 128px);--hud-gyro: clamp(52px, 10vh, 82px)}#overview-inset,#orbit-minimap{width:var(--hud-inset);height:var(--hud-inset);right:max(8px,env(safe-area-inset-right));bottom:max(8px,env(safe-area-inset-bottom))}#overview-inset-caption{font-size:10px}#orientation-gyro{width:var(--hud-gyro);height:var(--hud-gyro);right:max(8px,env(safe-area-inset-right));bottom:calc(var(--hud-inset) + 8px + env(safe-area-inset-bottom))}#tour-inset,#venus-inset,#orion-inset{width:96px;height:96px;top:calc(env(safe-area-inset-top) + 118px);left:8px}#tour-inset-caption,#venus-inset-caption,#orion-inset-caption{font-size:11px;bottom:-26px}.badge2{right:auto;left:10px;bottom:max(8px,env(safe-area-inset-bottom))}body.flying .badge2{display:none}}@media(pointer:coarse){#tour-bar #tour-back,#tour-bar #tour-pause,#tour-bar #tour-skip,#tour-bar #tour-exit{min-width:44px;min-height:44px;padding:0;display:inline-flex;align-items:center;justify-content:center;font-size:16px}#panel-toggle,#help-btn,#tour-open,#tour-menu-close,#panel .btnrow button.mini,#panel .row button.mini{min-width:44px;min-height:44px}#tour-opts label{min-height:44px}}