:root{color-scheme:dark;font-family:Inter,PingFang SC,system-ui,sans-serif;background:#0c1012;color:#f4eee3;--brass:#d79b3d;--copper:#9b562f;--metal:#171d20;--green:#a8db72}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(#ffffff04 1px,transparent 1px),linear-gradient(90deg,#ffffff04 1px,transparent 1px),radial-gradient(circle at 80% 5%,#49311d 0,transparent 31%),linear-gradient(145deg,#090c0e,#141b1d);background-size:32px 32px,32px 32px,auto,auto}#app{width:min(1180px,calc(100% - 32px));margin:auto;padding:44px 0 28px}nav{display:flex;justify-content:flex-end;align-items:center;padding-bottom:28px;border-bottom:1px solid #5e4128;margin-bottom:36px}.station{display:flex;align-items:center;gap:16px}.station span{padding:7px 10px;border:1px solid #6b492b;border-radius:4px;background:#211b16;color:#e2ae5d;font-size:12px}.station strong{font-size:22px;color:#fff}header h1{margin:7px 0;font-size:clamp(30px,5vw,58px);letter-spacing:-.04em}header p,footer,.screen p,.wave-card p{color:#8da9bb}.title-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.knowledge-link{flex:0 0 auto;padding:9px 15px;border:1px solid #b27a35;background:#241b13;color:#e8b65e;font-size:13px}.mode-note{flex:0 0 auto;color:#d6a558;font-size:11px;letter-spacing:.04em;white-space:nowrap}.eyebrow{color:var(--brass);letter-spacing:.16em;font-weight:800}.journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:18px 0 12px}.journey div{min-width:0;min-height:52px;display:flex;gap:9px;align-items:center;padding:9px 12px;border:1px solid #17394e;border-radius:12px;background:#071a2a;color:#7693a6}.journey div>span{min-width:0}.journey .active{border-color:#43dbaa;background:#0a2d32;color:#eafff8}.journey i{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#15374b;font-style:normal;font-weight:800}.journey .active i{background:#50dfae;color:#032018}.journey b,.journey small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.journey small{margin-top:2px;font-size:10px;color:#7693a6}.journey .actionable{cursor:pointer;transition:border-color .16s ease,background .16s ease,transform .16s ease}.journey .actionable:hover,.journey .actionable:focus-visible{border-color:#b37a35;background:#182723;color:#f1dfc3;outline:none;transform:translateY(-2px)}.journey .actionable:active{transform:translateY(0)}.status-card,.screen,.metrics,.wave-card{border:1px solid #1c425a;background:#061725d1;border-radius:22px;box-shadow:0 20px 55px #0006}.status-card{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;margin:30px 0 18px;gap:18px}.progress-console{position:fixed;z-index:60;top:0;left:0;right:0;height:4px;margin:0;padding:0;border:0;background:#14232b}.progress-copy{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.progress-track{position:absolute;inset:0;overflow:hidden;background:#14232b}.progress-track.listening:before{content:"";position:absolute;inset:0;width:35%;background:linear-gradient(90deg,transparent,#648b83,transparent);animation:listen-scan 1.8s linear infinite}.progress-track>div{position:absolute;z-index:1;inset:0 auto 0 0;width:0;transition:width .12s linear}.progress-track #receive-progress{background:linear-gradient(90deg,#aa702f,#f1c56e);box-shadow:0 0 8px #d99c42}.progress-track.complete #receive-progress{background:linear-gradient(90deg,#2aa87d,#63edbd)}@keyframes listen-scan{0%{transform:translate(-110%)}to{transform:translate(390%)}}.lamp{display:inline-block;width:12px;height:12px;border-radius:50%;background:#8093a0;margin-right:11px;box-shadow:0 0 0 6px #ffffff0a}.lamp.locked{background:#55e9b6;box-shadow:0 0 18px #55e9b6}.actions{display:flex;gap:10px;flex-wrap:wrap}button,.file{border:0;border-radius:12px;padding:12px 16px;background:#50dfae;color:#032018;font:inherit;font-weight:800;cursor:pointer}.quiet{background:#17384c;color:#d8edfa}button:disabled{opacity:.4;cursor:not-allowed}.file input{display:none}.grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);gap:18px}.screen{position:relative;padding:18px;text-align:center;overflow:hidden}.screen canvas{width:min(100%,640px);image-rendering:pixelated;border-radius:12px;aspect-ratio:4/3}.idle-cover{position:absolute;z-index:2;top:18px;left:50%;display:none;width:min(calc(100% - 36px),640px);aspect-ratio:4/3;overflow:hidden;border-radius:10px;background:linear-gradient(90deg,#f4f1e8 0 14.285%,#f4d52f 14.285% 28.57%,#23cfda 28.57% 42.855%,#29ba59 42.855% 57.14%,#d72fbc 57.14% 71.425%,#e63b31 71.425% 85.71%,#2559d6 85.71% 100%);box-shadow:inset 0 0 32px #00142655;transform:translate(-50%)}.idle-cover:after{content:"";position:absolute;left:0;right:0;top:52%;height:2px;background:#73f4e3;box-shadow:0 0 13px #73f4e3}.idle-cover i{position:absolute;inset:0;opacity:.08;background:repeating-linear-gradient(0deg,#000 0 1px,transparent 1px 4px)}.screen.idle .idle-cover{display:block}.screen.idle .scanline{display:none}.scanline{position:absolute;left:8%;right:8%;top:35%;height:2px;background:#6eeac1;opacity:.5;box-shadow:0 0 16px #6eeac1}.screen.idle{padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;aspect-ratio:4/3}.screen.idle canvas{width:100%;height:100%;border-radius:0}.screen.idle .idle-cover{inset:0;width:100%;height:100%;border-radius:0;transform:none}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden}.metrics div{padding:22px;background:#0a2234}.metrics span{display:block;color:#89a7b9;font-size:13px;margin-bottom:9px}.metrics strong{font-size:20px}.good{color:#55e9b6}.wave-card{margin-top:18px;padding:14px 18px 8px}.wave-card canvas{width:100%;height:170px;border-radius:12px}footer{text-align:center;margin-top:20px;font-size:13px}.spectrum-key{display:flex;justify-content:space-between;margin:8px 4px 0;color:#bd9d70;font:10px ui-monospace}.task-description{display:flex;gap:12px;margin-top:16px;padding:12px 14px;border-left:3px solid var(--brass);background:#1a1d1d;color:#a9aaa6;font-size:12px}.task-description b{color:#d9b77e;white-space:nowrap}.artifact-section{position:fixed;z-index:30;top:0;right:0;width:min(680px,94vw);height:100vh;overflow-x:hidden;overflow-y:auto;padding:34px 28px;background:#101516;box-shadow:-30px 0 70px #000b;transform:translate(105%);transition:transform .34s ease}.artifact-section.open{transform:none}.drawer-shade{position:fixed;z-index:29;inset:0;background:#0009;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}.drawer-close{position:absolute;right:20px;top:18px;width:40px;height:40px;padding:0;border-radius:50%;background:#292f30;color:#fff;font-size:26px}.finish-chip{position:fixed;z-index:20;right:24px;bottom:24px;display:grid;grid-template-columns:38px 1fr;text-align:left;column-gap:10px;min-width:280px;padding:15px 18px;background:#c88b38;color:#1b130b;box-shadow:0 12px 38px #0009}.finish-chip[hidden]{display:none}.finish-chip span{grid-row:1/3;font-size:30px}.finish-chip small{display:block}.section-heading span{color:var(--brass);font:700 12px ui-monospace;letter-spacing:.16em}.section-heading h2{font-size:34px;margin:8px 0}.section-heading p{color:#9a9d9c;margin:0 0 22px}.artifact-grid{display:grid;grid-template-columns:1fr;gap:14px}.raw-panel .raw-image{max-width:320px;margin:auto}.riveted{position:relative;border:2px solid #4e4439;border-radius:8px;padding:14px;background:linear-gradient(145deg,#202628,#111719);box-shadow:inset 0 0 0 4px #0a0d0e,0 18px 35px #0007}.panel-label{display:flex;justify-content:space-between;gap:10px;padding:0 8px 13px;font:11px ui-monospace;color:#d0ba96}.panel-label span{color:#8c968f}.raw-image,.mission-picture{position:relative;display:grid;place-items:center;overflow:hidden;aspect-ratio:4/3;background:radial-gradient(circle,#273f47,#0c171c);border:8px solid #080b0c;box-shadow:inset 0 0 35px #000}.raw-image strong,.mission-picture strong{font:800 48px ui-monospace;color:#cdd9d3aa;text-shadow:3px 0 #a8543c,-3px 0 #3b7284}.raw-image small{position:absolute;bottom:14px;color:#b1c3b8;font:9px ui-monospace}.noise{position:absolute;inset:0;opacity:.27;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 120' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.seal-row{display:flex;justify-content:center;flex-direction:row;gap:18px;padding:13px 6px 0;color:#83948c;font-size:11px}.mission-frame{position:relative;padding:13px 13px 70px;background:#ded4bd;color:#24211c;border:8px solid #8a5a2e;box-shadow:inset 0 0 0 3px #e2b860}.mission-frame.frame-lunar{border-color:#a9b2b4;box-shadow:inset 0 0 0 3px #edf3f1;background:#ced5d4}.mission-frame.frame-rescue{border-color:#a13d2b;box-shadow:inset 0 0 0 3px #f0a04b;background:#e0c9a7}.mission-frame>img{position:absolute;left:15px;bottom:14px;width:102px;filter:drop-shadow(0 1px 1px #0006)}.mission-picture{border:0}.stamp{position:absolute;right:14px;bottom:12px;border:3px double #a34b36;border-radius:50%;padding:5px 10px;transform:rotate(-7deg);text-align:center;color:#a34b36;font:8px ui-monospace}.stamp b{font-size:18px}.caption{position:absolute;left:132px;right:92px;bottom:17px}.caption b,.caption span{display:block}.caption b{font-size:11px}.caption span{font:8px ui-monospace;margin-top:4px}.frame-picker{display:flex;gap:8px;align-items:center;margin-top:16px;flex-wrap:wrap}.frame-picker b{font-size:12px;color:#aaa}.frame-picker button{padding:9px 11px;background:#293032;color:#c8cdcb}.frame-picker button.selected{background:#c88b38;color:#17100a}.customizer{display:flex;align-items:end;gap:10px;margin-top:16px;padding:14px;border:1px solid #493c30;background:#14191a}.customizer label{flex:1;color:#a7a098;font-size:12px}.customizer input{display:block;width:100%;margin-top:7px;border:1px solid #5b4a38;background:#090c0d;color:#fff;padding:11px;font:inherit}.drawer-close{width:auto;min-width:82px;height:38px;padding:0 14px;border-radius:19px;background:#29363a;color:#eef5f3;font-size:13px}.knowledge-page{width:min(620px,94vw)}.knowledge-hero{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #4a5860}.knowledge-copy{padding:5px 2px 30px}.knowledge-copy h3{margin:20px 0 7px;color:#d7a753;font-size:16px}.knowledge-copy p{margin:0;color:#b2bdbe;font-size:14px;line-height:1.75}.knowledge-copy b{color:#e6e7df}.knowledge-sources{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:22px}.knowledge-sources a{padding:11px;border:1px solid #31556a;border-radius:9px;background:#0b202d;color:#83d8c3;text-align:center;text-decoration:none;font-size:12px}.knowledge-copy p+p{margin-top:16px}.knowledge-copy figure{margin:16px 0 20px}.knowledge-copy figure img{display:block;width:100%;max-height:380px;object-fit:contain;background:#050708;border:1px solid #4a5860}.knowledge-copy figcaption{padding:7px 9px;background:#182126;color:#85989e;font-size:10px;text-align:center}.knowledge-page .section-heading h2,.knowledge-page .section-heading p,.knowledge-copy,.knowledge-copy p,.knowledge-copy b,.knowledge-copy figcaption{font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif}.knowledge-page .section-heading h2{font-size:32px;line-height:1.25}.knowledge-copy p{font-size:15px;line-height:1.85;letter-spacing:.01em}.knowledge-copy figcaption{font-size:12px;line-height:1.5}@media(max-width:680px){.knowledge-page .section-heading h2{font-size:26px}.knowledge-copy p{font-size:14px;line-height:1.8}.knowledge-copy figcaption{font-size:12px}}@media(max-width:680px){.title-row{display:grid;grid-template-columns:minmax(0,1fr) 72px;gap:8px}.title-row h1{min-width:0;white-space:nowrap;font-size:clamp(21px,6.3vw,28px)}html[lang=en] .title-row h1{font-size:clamp(15px,4.5vw,20px)}.knowledge-link{padding:7px 10px;font-size:10px}.knowledge-page{width:100vw}.knowledge-copy p{font-size:12px}.knowledge-sources{grid-template-columns:1fr}}@media(max-width:680px){.mode-note{max-width:72px;font-size:9px;line-height:1.35;text-align:right;white-space:normal}}.slice-note{display:flex;gap:18px;align-items:center;margin-top:18px;padding:16px 18px;border:1px dashed #2a5972;border-radius:15px;color:#8da9bb;font-size:13px}.slice-note b{color:#55e9b6;white-space:nowrap}.slice-note span+span{margin-left:auto}.toast{position:fixed;z-index:80;left:50%;bottom:28px;max-width:min(420px,calc(100vw - 28px));padding:13px 20px;border:1px solid #846338;border-radius:8px;background:#191d1d;color:#f7ead2;box-shadow:0 14px 40px #000b;opacity:0;pointer-events:none;transform:translate(-50%,18px);transition:.2s ease}.toast.show{opacity:1;transform:translate(-50%)}.toast.error{border-color:#a84b3b;color:#ffd5cf}.mission-frame.frame-brass{border-width:12px;border-color:#75421f;background:linear-gradient(135deg,#f0e5cb,#c9b48d);box-shadow:inset 0 0 0 4px #e6b95f,inset 0 0 0 9px #4d2c19}.mission-frame.frame-lunar{border-width:12px;background:linear-gradient(135deg,#eef2f0,#aeb9ba 60%,#768285);border-color:#515d60;box-shadow:inset 0 0 0 3px #f6faf8,inset 0 0 0 8px #7e898b}.mission-frame.frame-rescue{border:12px solid transparent;background:linear-gradient(#f5ead3,#f5ead3) padding-box,repeating-linear-gradient(135deg,#b84537 0 12px,#f4e8d1 12px 24px,#315f83 24px 36px,#f4e8d1 36px 48px) border-box;box-shadow:inset 0 0 0 3px #a54432}#raw-preview,#mission-preview{display:block;width:100%;height:auto;object-fit:contain;background:#000;image-rendering:pixelated}@media(max-width:760px){#app{width:min(100% - 20px,1180px);padding-top:24px}nav{margin-bottom:24px}.journey{grid-template-columns:1fr 1fr}.journey small{display:none}.status-card{align-items:flex-start;flex-direction:column}.grid,.artifact-grid{grid-template-columns:1fr}.metrics div{padding:16px}.actions{width:100%}.actions>*{flex:1;text-align:center}.slice-note,.customizer{align-items:stretch;flex-direction:column}.slice-note span+span{margin-left:0}.caption{right:82px}.riveted:before,.riveted:after{box-shadow:none}}@media(min-width:681px)and (max-width:1100px)and (orientation:portrait){#app{width:min(100% - 36px,900px);padding-top:28px}nav{margin-bottom:28px}.grid{grid-template-columns:1fr}.screen canvas{width:min(100%,720px)}.metrics{grid-template-columns:repeat(3,1fr)}.metrics div{min-height:96px}.journey{grid-template-columns:repeat(2,1fr)}.status-card{flex-wrap:wrap}.actions button,.actions .file{min-height:50px}.wave-card canvas{height:145px}.artifact-section{width:min(680px,92vw)}}@media(min-width:561px)and (max-width:1000px){.journey{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:768px)and (max-width:1366px)and (orientation:landscape){#app{width:calc(100% - 48px);padding-top:24px}nav{margin-bottom:26px}header h1{font-size:clamp(38px,4vw,54px)}.journey{margin-top:22px}.grid{grid-template-columns:minmax(0,1.55fr) minmax(310px,.72fr)}.metrics div{padding:18px}.wave-card canvas{height:135px}.artifact-section{width:min(680px,72vw)}}@media(max-width:680px){#app{width:100%;padding:8px 10px 20px;overflow:hidden}nav{padding:4px 2px 9px;margin-bottom:10px}.station{gap:5px;font-size:11px;white-space:nowrap}.station span{display:none}.station strong{font-size:17px}header{padding:0 2px}header .eyebrow{font-size:11px}header h1{margin:4px 0;font-size:clamp(26px,8.4vw,36px);line-height:1.04}header p{margin:8px 0;font-size:12px;line-height:1.4}.journey{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:4px;padding:0 2px;margin:7px 0 6px}.journey div{min-height:42px;padding:5px 4px;gap:4px;border-radius:8px;justify-content:center}.journey i{flex-basis:19px;height:19px;font-size:10px}.journey b{font-size:9px}.journey small{display:none}.status-card{margin:8px 0;padding:9px 10px;border-radius:12px;gap:8px}.status-card>div:first-child{font-size:12px}.actions{display:grid;grid-template-columns:1fr 1.15fr .85fr;gap:6px}.actions button,.actions .file{min-height:40px;padding:7px 4px;display:grid;place-items:center;font-size:11px;border-radius:9px}.actions #stop{grid-column:auto}.progress-console{position:fixed;top:0;left:0;right:0;height:4px;margin:0;padding:0;border:0;border-radius:0}.progress-copy{position:absolute;width:1px;height:1px;overflow:hidden}.progress-track{height:4px}.grid{display:block}.screen{padding:7px;border-radius:13px}.screen canvas{display:block;width:100%;border-radius:7px}.screen.idle{padding:0;border-radius:0}.screen.idle .idle-cover{inset:0;width:100%;height:100%;border-radius:0}.screen p{display:none}.scanline{left:3%;right:3%}.metrics{display:flex;margin-top:7px;overflow-x:auto;scroll-snap-type:x mandatory;border-radius:11px;scrollbar-width:thin;scrollbar-color:#9b6b32 #071722}.metrics div{flex:0 0 32%;min-width:108px;min-height:66px;padding:9px 10px;scroll-snap-align:start}.metrics span{font-size:8px;margin-bottom:5px;white-space:nowrap}.metrics strong{font-size:14px;white-space:nowrap}.metrics::-webkit-scrollbar{height:4px}.metrics::-webkit-scrollbar-track{background:#071722}.metrics::-webkit-scrollbar-thumb{background:#9b6b32;border-radius:4px}.wave-card{margin-top:8px;padding:7px 8px 4px;border-radius:13px}.wave-card canvas{height:82px}.spectrum-key{font-size:7px;gap:4px;margin-top:4px}.wave-card p{font-size:9px;margin:5px 2px}.slice-note{display:none}footer{padding:0 10px;line-height:1.5}.finish-chip{left:12px;right:12px;bottom:12px;min-width:0;width:calc(100% - 24px)}.artifact-section{width:100vw;padding:62px 14px 24px}.drawer-close{position:fixed;top:12px;right:12px}.section-heading h2{font-size:28px}.artifact-grid{grid-template-columns:1fr}.raw-panel .raw-image{max-width:260px}.mission-frame{padding-bottom:78px}.mission-frame>img{width:88px}.caption{left:112px;right:75px;bottom:18px}.stamp{right:10px;padding:4px 7px}.frame-picker{display:grid;grid-template-columns:1fr 1fr}.frame-picker b{grid-column:1/-1}.frame-picker button{min-height:45px}.customizer button{min-height:48px}}.status-card{position:relative}.wav-chooser{position:absolute;z-index:12;right:12px;top:calc(100% + 8px);display:grid;grid-template-columns:1fr 1fr;gap:8px;width:min(430px,calc(100vw - 28px));padding:13px;border:1px solid #31556a;border-radius:14px;background:#0b202d;box-shadow:0 18px 45px #000b}.wav-chooser[hidden]{display:none}.wav-chooser b{grid-column:1/-1;color:#a9bdc7;font-size:12px}.wav-chooser .file,.wav-chooser button{display:grid;place-items:center;min-height:44px;margin:0;padding:9px;font-size:12px}.wav-chooser #close-wav-chooser{grid-column:1/-1}@media(max-width:680px){.status-card .actions{grid-template-columns:1fr 1fr 1fr}.actions #wav-menu{grid-column:3;margin-left:0}.wav-chooser{right:0;left:0;top:calc(100% + 6px);width:100%}}@media(max-width:680px){.status-card .actions{grid-template-columns:1fr 1fr}.actions #last-wav{grid-column:1}.actions .wav-file{grid-column:2;margin-left:0}}.editor-view{padding-bottom:0}.raw-panel{padding:0;background:transparent;border:0;box-shadow:none}.raw-heading{display:flex;justify-content:space-between;align-items:center;margin:4px 0 9px;color:#d7c3a4;font-size:12px}.raw-heading span{color:#7f8c8c;font-size:10px}.raw-panel .raw-image{display:block;width:100%;max-width:none;margin:0;border:0;border-radius:0;box-shadow:none;background:#000}.editor-view .customizer,.editor-view .frame-picker{margin-top:14px}.editor-actions{display:grid;grid-template-columns:1fr;gap:8px;margin:18px 0 0;padding:11px 0 calc(11px + env(safe-area-inset-bottom));border-top:1px solid #3c4d52;background:#101516}.editor-actions button{width:100%;min-width:0;padding:12px 7px;font-size:13px}.theme-preview-title{display:flex;justify-content:space-between;align-items:center;margin:18px 0 8px;color:#d7c3a4;font-size:12px}.theme-preview-title span{color:#7f8c8c;font-size:10px}.theme-preview{width:min(100%,460px);margin:0 auto;padding:0;background:transparent}.theme-preview #theme-output-preview{display:block;width:100%;height:auto;border:1px solid #66757a;background:#e6e8e4}.mission-engine[hidden]{display:none!important}@media(max-width:680px){.section-heading p{margin-bottom:14px}.editor-view{padding-bottom:0}.raw-heading{margin-top:0}.editor-view .customizer{padding:10px;margin-top:12px}.editor-actions{grid-template-columns:1fr;margin:16px 0 0;padding-bottom:calc(10px + env(safe-area-inset-bottom))}.editor-actions button{min-height:44px;padding:8px 6px;font-size:12px}}.page-copyright,footer{color:#6f7d80;font-size:10px;line-height:1.5;text-align:center;letter-spacing:.04em}.page-copyright{padding:12px 4px calc(14px + env(safe-area-inset-bottom))}.mission-frame.frame-orbit .viewport-shell{width:calc(100% + 24px);max-width:none;margin:-8px -12px 8px;aspect-ratio:1}.mission-frame.frame-orbit .viewport-shell:before{content:"";position:absolute;z-index:2;inset:-4%;border:clamp(28px,7vw,48px) solid #4c5b61;border-radius:50%;box-shadow:inset 0 0 0 5px #c9d0cf,0 0 0 5px #aab4b3;pointer-events:none}.mission-frame.frame-orbit .mission-picture{display:block;width:100%;height:100%;aspect-ratio:1;border:0;border-radius:50%;object-fit:cover;box-shadow:none}.mission-frame.frame-orbit .orbit-rivets{inset:-5%;width:110%;height:110%}.mission-frame.frame-orbit .viewport-shell{width:calc(100% + 24px);margin:-8px -12px 8px;aspect-ratio:4/3;overflow:hidden}.mission-frame.frame-orbit .mission-picture{width:100%;height:auto;aspect-ratio:4/3;border:0;border-radius:0;object-fit:fill}.mission-frame.frame-orbit .viewport-shell:before{width:112%;height:auto;aspect-ratio:1;inset:50% auto auto -6%;transform:translateY(-50%);border:clamp(10px,2.7vw,18px) solid #66757a;border-radius:50%;box-shadow:inset 0 0 0 5px #c8d0cf,0 0 0 999px #e6e8e4;opacity:.98}.mission-frame.frame-orbit .orbit-rivets{inset:50% auto auto -7%;transform:translateY(-50%);width:114%;height:auto;aspect-ratio:1}@media(max-width:340px){.journey{grid-template-columns:1fr}.journey div{min-height:58px}.journey small{font-size:10px}}@media(max-height:520px)and (orientation:landscape){#app{padding-top:12px}nav{display:none}header h1{font-size:30px}.journey{display:none}.status-card{margin-top:14px}.grid{grid-template-columns:minmax(0,1.5fr) minmax(260px,.8fr)}.metrics div{padding:10px;min-height:66px}.wave-card canvas{height:90px}}.mission-frame{padding-bottom:78px}.mission-frame.frame-brass{border:14px double #d1a052;background:linear-gradient(135deg,#f0e5cb,#c9b48d);box-shadow:inset 0 0 0 5px #4d2c19,0 0 0 4px #402514}.mission-frame.frame-lunar{border:14px solid #465154;background:linear-gradient(135deg,#eef2f0,#aeb9ba 60%,#768285);box-shadow:inset 0 0 0 3px #f6faf8,inset 0 0 0 8px #7e898b,0 0 0 3px #273034}.mission-frame.frame-rescue{border:14px dashed #101516;background:linear-gradient(#f5ead3,#f5ead3) padding-box,repeating-linear-gradient(135deg,#b84537 0 12px,#f4e8d1 12px 24px,#315f83 24px 36px,#f4e8d1 36px 48px) border-box;box-shadow:inset 0 0 0 4px #a54432,0 0 0 7px #f4ead4}.stamp{right:10px;bottom:7px;display:flex;width:82px;height:82px;padding:0;align-items:center;justify-content:center;flex-direction:column;line-height:1.05}.stamp:after{content:"";position:absolute;inset:5px;border:1px solid currentColor;border-radius:50%}.stamp small,.stamp b,.stamp strong,.stamp em{position:relative;z-index:1;display:block}.stamp small{font-size:5px}.stamp b{font-size:17px}.stamp strong{font-size:8px}.stamp em{margin-top:3px;font:6px PingFang SC,sans-serif;font-style:normal}.mission-frame.frame-rescue .stamp{border-style:dashed}.mission-frame.frame-lunar .stamp{color:#4b5a5d;border-color:#4b5a5d}.frame-picker button{display:flex;align-items:center;gap:7px}.frame-picker button i{width:17px;height:17px;border:3px double #bd8744;background:#efe0c2}.frame-picker button[data-frame=frame-lunar] i{border-color:#778487;background:linear-gradient(135deg,#eef2f0,#778487)}.frame-picker button[data-frame=frame-rescue] i{border:3px solid transparent;background:linear-gradient(#f4ead4,#f4ead4) padding-box,repeating-linear-gradient(135deg,#b84537 0 4px,#f4ead4 4px 8px,#315f83 8px 12px,#f4ead4 12px 16px) border-box}.frame-picker button.selected{box-shadow:0 0 0 2px #f0c471 inset}.live-guidance{display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8da9bb}.live-guidance>span{white-space:nowrap}.live-guidance strong{display:flex;align-items:center;justify-content:flex-end;min-width:0;color:#e9eee9;font-weight:600;text-align:right}.live-guidance strong>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.live-guidance .lamp{flex:0 0 12px}.status-card{padding:12px 14px;margin:12px 0 14px}.status-card .actions{width:100%}.wav-file{margin-left:auto;background:#c88736;color:#1d1208}.wav-file:hover{background:#e2a04b}.record-button{background:#8eb4c4;color:#071820}.record-button:hover{background:#a9cad7}.export-actions,.share-actions{display:flex;gap:9px}.export-actions button{flex:1}.output-view{padding-top:8px}.output-view[hidden],.editor-view[hidden]{display:none!important}.output-view canvas{display:block;width:100%;height:auto;border:1px solid #66503b;background:#070b0d;box-shadow:0 18px 45px #0008}.share-actions{margin-top:16px;flex-wrap:wrap}.share-actions button{flex:1;min-width:140px}.output-view>p{color:#86969b;font-size:11px;text-align:center}.frame-picker button[data-frame=frame-orbit] i{border-color:#8ba5ad;background:radial-gradient(circle,#78d9ff,#102430 65%)}.video-maker{margin-top:28px;padding:18px;border:1px solid #2b5669;border-radius:18px;background:linear-gradient(145deg,#081923,#0d2b3c)}.video-maker .panel-label{margin-bottom:14px}.video-maker .video-primary{width:100%;background:linear-gradient(90deg,#d28d37,#f0b95a);color:#1e1207}.video-progress{margin-top:14px}.video-progress>div{height:9px;overflow:hidden;border:1px solid #36586a;border-radius:10px;background:#050c10}.video-progress>div span{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#d79b3d,#4edbb1);transition:width .2s}.video-progress>b{display:block;margin-top:8px;color:#a9bdc6;font-size:12px}.video-maker video{display:block;width:min(100%,420px);margin:16px auto 0;border:1px solid #5b7680;border-radius:14px;background:#000;box-shadow:0 18px 45px #0008}.video-maker>p{color:#86969b;font-size:11px;text-align:center;line-height:1.6}.viewport-shell{position:relative}.orbit-rivets{display:none}.mission-frame.frame-orbit{overflow:hidden;border:12px solid #aab4b3;border-radius:26px;background:linear-gradient(135deg,#f5f3ed,#d9ddda 58%,#b8c0be);box-shadow:inset 0 0 0 4px #eef1ed,0 0 0 3px #7b898b}.mission-frame.frame-orbit .viewport-shell{width:min(78%,390px);margin:26px auto 12px;aspect-ratio:1}.mission-frame.frame-orbit .mission-picture{display:block;width:100%;height:100%;aspect-ratio:1;border:15px solid #9ba8aa;border-radius:50%;object-fit:cover;box-shadow:0 0 0 17px #4c5b61,0 0 0 24px #c9d0cf,0 8px 26px #52666c66}.mission-frame.frame-orbit .orbit-rivets{position:absolute;z-index:3;display:block;inset:-31px;width:calc(100% + 62px);height:calc(100% + 62px);overflow:visible;pointer-events:none}.mission-frame.frame-orbit .orbit-rivets circle{fill:#d9dfdd;stroke:#526067;stroke-width:3}.mission-frame.frame-orbit .orbit-rivets path{stroke:#526067;stroke-width:2}.mission-frame.frame-orbit .stamp{color:#52666c;border-color:#52666c}@media(max-width:680px){.live-guidance{gap:7px;font-size:10px;margin:7px 0}.live-guidance>span{flex:0 0 auto}.live-guidance strong{font-size:10px}.live-guidance .lamp{width:8px;height:8px;flex-basis:8px;margin-right:6px}.status-card{margin:6px 0;padding:8px}.actions{grid-template-columns:1fr 1fr 1fr}.actions button,.actions .file{min-height:38px;padding:6px 4px;font-size:10px}.actions .wav-file{grid-column:3;margin-left:0}.actions #record{grid-column:1}.actions #record-stop{grid-column:2}.customizer .export-actions{display:grid;grid-template-columns:1fr 1fr}.customizer .export-actions button{min-height:44px}.share-actions{display:grid;grid-template-columns:1fr 1fr}.share-actions #share-final{grid-column:1/-1}.video-maker{margin-top:18px;padding:12px}.video-maker .share-actions{grid-template-columns:1fr 1fr}.video-maker .share-actions button{min-width:0}}.knowledge-footer{display:grid;justify-items:center;gap:8px;padding-top:4px;border-top:1px solid #263a40}.encode-easter-egg{display:inline-flex;align-items:center;gap:6px;padding:6px 9px;border:1px solid #31474d;border-radius:16px;color:#71878b;background:#0b171a;text-decoration:none;font-size:9px;letter-spacing:.04em;opacity:.72;transition:.2s}.encode-easter-egg span{display:grid;place-items:center;width:14px;height:14px;border:1px solid #9a753b;border-radius:50%;color:#d49a3c;font-size:8px}.encode-easter-egg:hover,.encode-easter-egg:focus-visible{color:#b7c8c8;border-color:#4d7779;opacity:1}.knowledge-footer .page-copyright{width:100%;padding-top:6px}