@font-face{font-family:FuturaLT;src:url('./fonts/FuturaLT-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:FuturaLT;src:url('./fonts/FuturaLT-Bold.ttf') format('truetype');font-weight:700;font-display:swap}*{box-sizing:border-box}body{margin:0;color:#e6edeb;background:#000;font-family:FuturaLT,Futura,sans-serif}button,select,input{font:inherit}button,select{cursor:pointer}button{background:none;color:inherit;border:0}button:focus-visible,select:focus-visible,input:focus-visible{outline:2px solid #a1e3d5;outline-offset:5px}header{height:77px;display:flex;align-items:center;padding:0 4%;gap:28px;max-width:1800px;margin:auto}h1{font-size:13px;letter-spacing:2.2px;font-weight:700}header>span{font-size:9px;letter-spacing:2px;color:#6b7576}header>button{margin-left:auto;font-size:11px;color:#a0aaa9}main{max-width:1800px;margin:auto;padding:0 4%}#stage{position:relative;width:100%;aspect-ratio:16/9;background:#000;isolation:isolate;overflow:hidden;border:1px solid #17201f}#scene{position:absolute;inset:0}#scene canvas{display:block;width:100%;height:100%;touch-action:none}#labels{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}#loading{position:absolute;inset:0;display:grid;place-content:center;background:#000;color:#82928d;font-size:14px;letter-spacing:1px}#stage:fullscreen{border:0;width:100vw;height:100vh;aspect-ratio:auto}#stage:fullscreen #scene,#stage:fullscreen #labels{width:min(100vw,177.7778vh);height:min(100vh,56.25vw);left:50%;top:50%;transform:translate(-50%,-50%)}.transport{display:flex;align-items:center;gap:18px;padding:24px 0}.round{background:#d7eee7;color:#15231f;border-radius:50%;height:36px;width:36px;font-size:12px;flex-shrink:0}.direction{font-size:8px;letter-spacing:1.4px;color:#99aba7;white-space:nowrap}.transport input{flex:1;min-width:20px}.transport>button:last-child{font-size:10px;color:#a5b3af;white-space:nowrap}.settings{display:flex;align-items:center;gap:28px;padding:22px 0;border-top:1px solid #1a2422;border-bottom:1px solid #1a2422;flex-wrap:wrap}label{display:flex;flex-direction:column;gap:9px;font-size:9px;color:#83968e;letter-spacing:.5px}select{color:#c9d8d1;background:#0b100e;border:1px solid #25312c;border-radius:4px;padding:9px 27px 9px 10px;font-size:11px;min-width:100px}input[type=range]{accent-color:#a0c3b5;height:3px;cursor:pointer}.settings label:has(input[type=range]){width:100px;padding-bottom:12px}.check{flex-direction:row;align-items:center;color:#bacdc4;font-size:11px;padding-top:20px;letter-spacing:0}.check input{accent-color:#97c9b6}.export{display:flex;gap:20px;align-items:center;padding:27px 0 8px}.export>div{margin-right:auto}h2{font-size:10px;letter-spacing:1.7px;margin:0 0 10px;font-weight:700}.export p{font-size:10px;color:#7b9087;margin:0}.primary{background:#d5e8df;color:#17241e;border-radius:4px;padding:13px 22px;font-size:12px;font-weight:700}.primary:disabled{opacity:.55;cursor:wait}#cancel{border:1px solid #536c5e;padding:11px;border-radius:4px;font-size:12px}#status{color:#91aaa0;min-height:20px;font-size:11px;line-height:1.6;margin:10px 0 21px}footer{display:flex;justify-content:space-between;gap:15px;padding:16px 0 25px;border-top:1px solid #16211d;font-size:9px;color:#53685e}footer button{font-size:10px;color:#869c91}dialog{background:#0a100d;color:#d3e5db;border:1px solid #314438;border-radius:10px;max-width:700px;width:calc(100% - 30px);max-height:85vh;padding:30px}dialog::backdrop{background:#000c;backdrop-filter:blur(5px)}.dialoghead{display:flex;justify-content:space-between}.dialoghead h2{font-size:21px;letter-spacing:0}dialog h3{font-size:14px;margin:25px 0 8px}dialog p,dialog li{font-size:13px;line-height:1.8;color:#98b09f}dialog a{color:#b0dccc}dialog button{align-self:flex-start}body.exporting .settings,body.exporting .transport{opacity:.5;pointer-events:none}[hidden]{display:none!important}@media(max-width:760px){header{height:60px;gap:10px}header h1{font-size:10px;letter-spacing:1px}header>span{display:none}header>button{font-size:10px}.transport{gap:10px;padding:17px 0}.direction{font-size:6px}.transport>button:last-child{font-size:0}.transport>button:last-child:after{content:'⛶';font-size:20px}.round{width:29px;height:29px;font-size:10px}.settings{gap:17px;padding:17px 0}.settings label{flex:1;min-width:95px}.settings .check{flex:1.5;white-space:nowrap}.export{flex-wrap:wrap;gap:14px}.export>div{width:100%}.export label{flex:1}.export .primary{align-self:flex-end}footer{font-size:7px}footer span{max-width:75%}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

#lastDownload{display:inline-block;color:#c3e0d2;font-size:12px;margin:0 0 20px;text-underline-offset:4px}

#exportPreview{display:block;width:min(520px,100%);aspect-ratio:16/9;margin:0 0 25px;background:#000}select:disabled,input:disabled{opacity:.5}

.cut-controls{display:flex;align-items:center;gap:18px;padding:17px 0;border-top:1px solid #1a2422}.cut-controls label{min-width:138px}.cut-controls output{color:#d9e7e1;font-size:11px}.cut-controls input{flex:1;min-width:50px;accent-color:#e95357}.cut-controls>span{font-size:8px;letter-spacing:1px;color:#83968e}.cut-controls button,.navigation button,#removeIce{border:1px solid #33483e;border-radius:4px;padding:10px 13px;font-size:11px;white-space:nowrap}.cut-controls button[aria-pressed=true],#removeIce[aria-pressed=true]{background:#25382f;color:#edf8ef}.navigation{display:flex;align-items:center;gap:8px;margin:0 0 20px}.navigation p{font-size:10px;color:#748d80;margin-right:auto}.navigation button{padding:7px 12px}#scene canvas{cursor:grab}#scene canvas:active{cursor:grabbing}.settings{gap:22px}.settings>button{align-self:center}body.exporting .cut-controls,body.exporting .navigation{opacity:.5;pointer-events:none}@media(max-width:760px){.cut-controls{gap:9px;flex-wrap:wrap}.cut-controls label{min-width:120px}.cut-controls input{flex-basis:30%}.cut-controls button{font-size:10px;padding:9px}.navigation p{max-width:60%;line-height:1.6}.navigation button{font-size:10px}.settings{gap:15px}}

#rebound{border:1px solid #33483e;border-radius:4px;padding:10px 13px;font-size:11px;white-space:nowrap}#rebound[aria-pressed=true]{background:#25382f;color:#edf8ef}

input[type=color]{width:68px;height:32px;padding:3px;background:#0b100e;border:1px solid #33483e;border-radius:4px;cursor:pointer}#resetColors{font-size:10px;color:#9cb2a6}.tour-controls{border-bottom:1px solid #25312c;padding:23px 0}.tour-controls summary{cursor:pointer;font-size:11px;letter-spacing:1.5px}.tour-controls summary span{color:#748d80;font-size:10px;letter-spacing:0;margin-left:20px}.tour-grid{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:24px}.tour-grid fieldset{margin:0;border:1px solid #25312c;border-radius:5px;padding:18px;display:flex;gap:15px;flex-wrap:wrap}.tour-grid legend{font-size:9px;letter-spacing:1.7px;color:#bed4c8;padding:0 6px}.tour-grid label{flex:1;min-width:95px}.tour-grid input{width:100%;max-width:170px;background:#0b100e;border:1px solid #33483e;border-radius:4px;color:#d5e8df;padding:9px;font-size:12px}.tour-controls button{border:1px solid #33483e;border-radius:4px;padding:10px 13px;font-size:11px}.tour-grid button{font-size:10px}.tour-actions{display:flex;gap:20px;align-items:flex-end;flex-wrap:wrap;margin-top:18px}.tour-actions output{font-size:10px;color:#91aaa0;align-self:center;margin-left:auto}.hint{font-size:10px;line-height:1.6;color:#748d80;margin:18px 0 0}body.exporting .tour-controls{opacity:.5;pointer-events:none}@media(max-width:760px){.tour-grid{grid-template-columns:1fr;gap:15px}.tour-controls summary span{display:block;margin:8px 0 0}.tour-actions{gap:14px}.tour-actions output{width:100%;margin:0}.tour-grid label{min-width:85px}}

#craterScans{border:1px solid #33483e;border-radius:4px;padding:10px 13px;font-size:11px}#craterDialog{max-width:1280px;background:#000;padding:24px}#craterDialog .dialoghead h2{font-size:14px;letter-spacing:1.4px}#craterDialog .dialoghead p{font-size:11px;margin:0 0 18px}.scan-frame{aspect-ratio:16/9;background:#090d0b}.scan-frame img,.scan-frame video{display:block;width:100%;height:100%;object-fit:contain}.scan-actions{display:flex;align-items:flex-end;gap:24px;flex-wrap:wrap;padding:18px 0 0}.scan-actions button{border:1px solid #33483e;border-radius:4px;padding:10px 13px;font-size:11px}.scan-actions a{font-size:11px;margin:0 0 10px auto}#craterDialog #scanCaption{font-size:12px;margin-bottom:5px}#craterDialog .scan-credit,#craterDialog .scan-note{font-size:10px;margin:6px 0;color:#7f998b}#craterDialog .scan-note{max-width:800px}@media(max-width:760px){#craterDialog{padding:14px}.scan-actions{gap:12px}.scan-actions a{margin-left:0}}

.navigation{flex-wrap:wrap}.navigation p{min-width:220px}.flight-controls{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin:-4px 0 22px;padding:15px;background:#09100d;border:1px solid #283c31;border-radius:5px}.move-pad{display:flex;gap:7px;flex-wrap:wrap}.move-pad button,.story-presets button{padding:10px 13px;border:1px solid #33483e;border-radius:4px;font-size:10px;touch-action:none}.move-pad button:active,#freeFlight[aria-pressed=true]{background:#294538;color:#e6fff0}#flightPosition{font-size:10px;color:#a9c9b8;margin-left:auto;font-variant-numeric:tabular-nums}.story-presets{display:flex;gap:20px;align-items:flex-end;margin-top:24px;padding-bottom:20px;border-bottom:1px solid #203329}.story-presets select{min-width:255px}.story-presets p{color:#8da99b;font-size:11px;line-height:1.7;margin:0;max-width:540px}.story-presets button{white-space:nowrap}body.exporting .flight-controls{opacity:.5;pointer-events:none}#scene canvas:focus-visible{outline:1px solid #729c89;outline-offset:-2px}@media(max-width:760px){.story-presets{align-items:stretch;flex-wrap:wrap}.story-presets label{flex:1}.story-presets p{width:100%}.move-pad{gap:5px}.move-pad button{padding:10px}.flight-controls{gap:12px}#flightPosition{width:100%;margin:0}}

.tilt-control{min-width:145px;flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.tilt-control input{width:145px;flex-basis:100%;margin-bottom:10px}.tilt-control output{margin-left:auto;color:#c5ddd3;font-size:11px}#seaIceOptions{width:140px}#seaIceValue{white-space:nowrap;color:#c2d9d0}

.camera-setup{display:flex;flex-wrap:wrap;gap:22px;align-items:center;padding:22px 0;border-top:1px solid #20352a}.camera-setup-title{width:100%}.camera-setup-title h2{margin-bottom:8px}.camera-setup-title p,.camera-angle-control small{font-size:10px;color:#8da699;margin:0}.camera-angle-control{min-width:220px;flex:1}.camera-angle-control>label{flex-direction:row;justify-content:space-between;margin-bottom:9px}.camera-angle-control>div{display:flex;gap:14px;align-items:center}.camera-angle-control input[type=range]{flex:1;min-width:90px}.degree-input{flex-direction:row;align-items:center;gap:4px}.degree-input input{width:68px;background:#0b100e;color:#e6edeb;border:1px solid #33483e;border-radius:4px;padding:8px;font-size:12px}.camera-angle-control small{display:block;margin-top:7px}.camera-setup-actions{display:flex;gap:8px;flex-wrap:wrap}.camera-setup-actions button{padding:10px 12px;border:1px solid #33483e;border-radius:4px;font-size:11px}.camera-setup-actions .primary{padding:10px 14px}body.exporting .camera-setup{opacity:.5;pointer-events:none}@media(max-width:760px){.camera-setup>label{width:100%}.camera-angle-control{flex-basis:40%}.camera-setup-actions{width:100%}}
