@font-face{font-family:Nunito;src:url("assets/nunito-latin.woff2") format("woff2");font-style:normal;font-weight:400 900;font-display:swap}

:root{--bg:#111b25;--surface:#17222d;--surface-raised:#1d2a36;--line:#2d3a46;--text:#edf1eb;--muted:#a0adb8;--mint:#b9efcc;--mint-dark:#294c3b;--lavender:#c9baf1;--paper:#f0f2e9;--ink:#24382f;--radius:18px;--font:Nunito,"Avenir Next",sans-serif}

*{box-sizing:border-box}
html{min-width:320px;color-scheme:dark;scroll-behavior:smooth}
body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;-webkit-font-smoothing:antialiased}
button,input,a{-webkit-tap-highlight-color:transparent}
button{font:inherit;cursor:pointer}
button,a,input{touch-action:manipulation}
button{color:inherit;background:none;border:0}
a{color:inherit;text-decoration:none}
button:disabled{cursor:not-allowed;opacity:.38}
button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--mint);outline-offset:4px}
button:focus:not(:focus-visible){outline:none}
button:not(:disabled),a{transition:background-color .18s,border-color .18s,color .18s,box-shadow .18s}
button svg{flex-shrink:0}
[hidden]{display:none!important}
.icon{display:inline-block;width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle;flex-shrink:0}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.site-header{height:91px;max-width:1480px;margin:auto;padding:0 46px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid #29333c}
.brand{display:flex;align-items:center;gap:11px;flex-shrink:0}
.brand-mark{width:43px;height:43px;display:block}
.brand-mark svg{width:100%;height:100%;fill:none;stroke:var(--mint);stroke-width:1.8}
.brand-mark circle:first-child{fill:var(--mint);stroke:none}
.brand-mark .brand-moon{fill:#f2c57b;stroke:var(--bg);stroke-width:1.5}
.brand-name{font-size:28px;font-weight:900;line-height:1;letter-spacing:-1.2px;position:relative;padding-bottom:12px}
.brand-name>span{color:var(--mint)}
.brand-name small{position:absolute;bottom:0;left:1px;white-space:nowrap;font-size:6.7px;font-weight:700;letter-spacing:1.03px;color:#98a7b1}
.header-nav{display:flex;align-items:center;gap:29px;margin-left:26px}
.nav-link{height:44px;padding:0;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#a6b0b9;position:relative}
.nav-link .icon{width:16px;height:16px}
.nav-link:hover{color:var(--text)}
.nav-link.active{color:var(--text)}
.nav-link.active:after{content:"";height:3px;border-radius:3px;background:var(--mint);position:absolute;bottom:-24px;left:0;right:0}
.header-actions{display:flex;align-items:center;gap:19px}
.sound-button,.help-button{min-height:44px;display:flex;align-items:center;gap:7px;color:#a8b4bd;font-size:11px;font-weight:600;padding:0 2px}
.sound-button:hover,.help-button:hover{color:var(--mint)}
.sound-button .icon,.help-button .icon{width:16px;height:16px}
.help-button{border:1px solid #3a4650;border-radius:9px;padding:0 13px;color:#d2d9dc}
.help-button:hover{border-color:#718477;background:#1c2c32}

main{max-width:1480px;margin:0 auto;padding:35px 46px 0}
.intro{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:29px}
.eyebrow{margin:0;color:#a1b0ba;font-size:9px;font-weight:800;letter-spacing:1.7px;line-height:1.4}
.intro-copy>.eyebrow{color:#b1c0c7;font-size:9.5px;letter-spacing:1.65px;display:flex;align-items:center;gap:7px}
.tiny-star{color:var(--mint);font-size:15px;line-height:1}
h1{font-size:43px;font-weight:800;letter-spacing:-1.65px;line-height:1.18;margin:9px 0 10px}
h1>span{color:var(--mint)}
.intro-description{margin:0;font-size:13px;line-height:1.7;color:#9eacb7;font-weight:450}
.mode-switch{display:flex;padding:5px;background:#1b2732;border:1px solid #303d48;border-radius:12px;gap:4px;flex-shrink:0;margin-bottom:4px}
.mode-switch button{height:39px;min-width:126px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:8px;font-size:11px;font-weight:700;color:#a8b5bf;border:1px solid transparent;border-radius:8px;position:relative}
.mode-switch button .icon{width:15px;height:15px}
.mode-switch button:hover{background:#25343f;color:var(--text)}
.mode-switch button.active{background:#34463f;color:#d4f4dd;border-color:#526b59;box-shadow:0 2px 5px #0002}
.new-dot{width:4px;height:4px;border-radius:50%;background:var(--lavender);margin-left:1px;align-self:flex-start;margin-top:10px}

.workspace{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:23px;align-items:start}
.play-column{min-width:0}
.universe-panel{border:1px solid #33414c;border-radius:var(--radius);overflow:hidden;background:#121e29;box-shadow:0 6px 30px #060d131f}
.universe-topbar{height:54px;display:flex;align-items:center;justify-content:space-between;padding:0 20px;gap:12px;background:#192530;border-bottom:1px solid #2b3944}
.universe-name{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:#d5ddd9;white-space:nowrap}
.live-dot{width:6px;height:6px;border-radius:50%;background:var(--mint);box-shadow:0 0 8px #b9efcc35}
.universe-status{display:flex;align-items:center;gap:6px;font-size:9.5px;color:#a0b1bc;font-weight:500;white-space:nowrap}
.universe-status .icon{width:13px;height:13px;color:#8ba5af}
.canvas-wrap{height:clamp(395px,36vw,510px);position:relative;isolation:isolate;background:#0c1823;overflow:hidden}
#universe{display:block;width:100%;height:100%;touch-action:none;cursor:crosshair;position:relative;z-index:1}
#universe:focus-visible{outline-offset:-5px;outline-width:3px;border-radius:2px}
#universe.move-cursor{cursor:grab}
#universe.moving{cursor:grabbing}
#universe.aiming{cursor:crosshair}
.canvas-badge,.canvas-mode{position:absolute;top:20px;z-index:2;pointer-events:none;display:flex;align-items:center;gap:6px;font-size:7.5px;font-weight:700;letter-spacing:1.15px;color:#829aa9}
.canvas-badge{left:22px}
.canvas-mode{right:22px;color:#93a7b3}
.canvas-mode .icon{width:12px;height:12px}
.status-dot{width:4px;height:4px;border-radius:50%;background:#91b4a3}
.canvas-label{position:absolute;z-index:2;pointer-events:none;font-size:9px;color:#d5c8a3;letter-spacing:.3px;transform:translate(-50%,0);text-align:center;white-space:nowrap;text-shadow:0 1px 8px #101a23}
.launch-hint{position:absolute;z-index:2;pointer-events:none;display:flex;align-items:center;gap:6px;color:#c3d9d2;font-size:10px;letter-spacing:.15px;white-space:nowrap;transform:translate(-50%,-50%);text-shadow:0 1px 8px #101a23}
.launch-hint .icon{width:14px;height:14px;color:var(--mint)}
.canvas-bottom-hint{position:absolute;bottom:18px;left:50%;transform:translateX(-50%);z-index:2;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:7px;padding:9px 13px;border:1px solid #33434e99;border-radius:8px;background:#111e2be6;color:#96aab8;font-size:9px;white-space:nowrap;box-shadow:0 3px 10px #0001}
.canvas-bottom-hint .icon{width:12px;height:12px;color:#bac9d0}
.canvas-bottom-hint strong{color:#c8d4d8;font-weight:700}
.hint-dot{padding:0 5px;color:#6b8493}
.playback-bar{min-height:68px;padding:12px 17px;display:flex;align-items:center;gap:13px;background:#192530;border-top:1px solid #2c3b46}
.play-toggle{height:40px;width:40px;background:var(--mint);color:#254334;border-radius:10px;display:grid;place-items:center;flex-shrink:0}
.play-toggle:hover{background:#d0f8dc;box-shadow:0 0 18px #b9efcc16}
.play-toggle .icon{width:17px;height:17px}
.speed-control{display:flex;align-items:center;gap:2px;border:1px solid #31404c;background:#111d27;border-radius:9px;padding:3px}
.speed-control button{min-width:35px;height:30px;font-size:10px;font-weight:700;color:#93a6b3;border-radius:6px;padding:0 7px}
.speed-control button span{font-size:9px;margin-left:1px}
.speed-control button:hover{color:var(--text);background:#263641}
.speed-control button.active{background:#344551;color:#eff3ed;box-shadow:0 1px 3px #0002}
.control-divider{width:1px;height:21px;background:#34414b;margin:0 1px}
.trail-control{display:flex;align-items:center;gap:7px;font-size:10px;color:#b3c1ca;cursor:pointer;position:relative;min-height:44px;padding:0 2px}
.trail-control>.icon{width:15px;height:15px;color:#8fa4b0}
.trail-control input{position:absolute;width:30px;height:24px;right:0;opacity:0;cursor:pointer}
.switch-track{width:27px;height:16px;background:#43515c;border-radius:10px;position:relative;margin-left:2px;transition:background .18s;pointer-events:none}
.switch-track:after{content:"";width:10px;height:10px;position:absolute;left:3px;top:3px;background:#e3e9e6;border-radius:50%;transition:transform .18s}
.trail-control input:checked+.switch-track{background:#799e85}
.trail-control input:checked+.switch-track:after{transform:translateX(11px);background:#f0f8ed}
.trail-control input:focus-visible+.switch-track{outline:3px solid var(--mint);outline-offset:4px}
.control-spacer{flex:1}
.reset-button{height:42px;padding:0 7px;display:flex;align-items:center;gap:6px;color:#a8b7c1;font-size:10px;font-weight:600;border-radius:7px}
.reset-button:hover{background:#273642;color:#e9f0eb}
.reset-button .icon{width:15px;height:15px}

.toolbox{margin-top:19px;border:1px solid #2e3c48;background:#17232e;border-radius:var(--radius);padding:21px 22px 0}
.toolbox-heading{display:flex;align-items:center;justify-content:space-between;gap:14px}
.toolbox-heading .eyebrow{font-size:8px;color:#91a4b2;letter-spacing:1.35px}
.toolbox-heading h2{font-size:16px;letter-spacing:-.35px;line-height:1.25;font-weight:700;margin:5px 0 0;color:#e4eae4}
.interaction-switch{display:flex;align-items:center;gap:3px;background:#101c26;border:1px solid #2c3b47;padding:3px;border-radius:9px}
.interaction-switch button{display:flex;align-items:center;justify-content:center;gap:5px;height:30px;min-width:68px;padding:0 9px;color:#9aacb9;font-size:10px;font-weight:600;border-radius:6px}
.interaction-switch button .icon{width:13px;height:13px}
.interaction-switch button:hover{color:var(--text);background:#22333f}
.interaction-switch button.active{background:#334650;color:#dbe8e2}
.toolbox-content{display:grid;grid-template-columns:minmax(0,1fr) 205px;gap:22px;margin:20px 0 18px;align-items:center}
.planet-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.planet-tool{height:123px;min-width:0;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:10px 3px 9px;border:1px solid #354450;border-radius:11px;background:#1c2a36;color:#d5dfdf}
.planet-tool:hover{background:#273945;border-color:#6f858e;box-shadow:0 3px 10px #0001}
.planet-tool.selected{border-color:#a3d4b4;background:#243b37;box-shadow:inset 0 0 0 .3px #b9efcc}
.planet-check{display:none;position:absolute;top:5px;right:5px;width:13px;height:13px;background:var(--mint);border-radius:50%;color:#254b36;place-items:center}
.planet-check .icon{width:9px;height:9px;stroke-width:2.5}
.planet-tool.selected .planet-check{display:grid}
.planet-art{width:47px;height:47px;display:block;position:relative;border-radius:50%;flex-shrink:0;margin:0 auto 8px}
.earth-art{background:radial-gradient(circle at 31% 24%,#b8ece2 0,#72cbd1 28%,#509bb8 62%,#326380 100%);box-shadow:inset -7px -5px 10px #1b496956,0 3px 10px #65b2c416}
.earth-art:before{content:"";position:absolute;width:20px;height:14px;top:9px;left:6px;background:#b1d8a9;border-radius:65% 35% 60% 35%;transform:rotate(-28deg);box-shadow:17px 17px 0 -3px #9dcea1}
.earth-art:after{content:"";position:absolute;width:31px;height:21px;top:5px;left:6px;border-top:2px solid #eefbf68c;border-radius:50%;transform:rotate(-28deg);box-shadow:2px 18px 0 -7px #eefbf66b}
.earth-art i{position:absolute;width:8px;height:12px;top:23px;left:11px;background:#a7d5a3;border-radius:40% 60% 70% 30%;transform:rotate(15deg)}
.rocky-art{width:42px;height:42px;margin-top:3px;margin-bottom:10px;background:radial-gradient(circle at 30% 22%,#f0b494 0,#d78f76 46%,#a45851 100%);box-shadow:inset -6px -5px 10px #773e454d,0 3px 10px #ce8d6f15}
.rocky-art:before{content:"";position:absolute;width:9px;height:7px;left:9px;top:11px;border-radius:50%;background:#b66d60;box-shadow:inset 1px 1px 2px #824e484d,17px 11px 0 -1px #b87161,1px 17px 0 -2px #f0b395}
.rocky-art:after{content:"";position:absolute;width:26px;height:11px;top:20px;left:7px;border-top:1px solid #f1b19266;border-radius:50%;transform:rotate(-20deg)}
.giant-art{background:repeating-linear-gradient(0deg,#a388b1 0,#a388b1 5px,#c3a7bd 6px,#c3a7bd 10px,#e0c0c0 11px,#d6b1b9 14px,#b493b5 16px,#b493b5 19px);box-shadow:inset -9px -5px 13px #4a3c6880,0 3px 13px #b499ce18}
.giant-art:before{content:"";position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 32% 22%,#f0d8d74f,transparent 62%)}
.giant-art:after{content:"";position:absolute;width:13px;height:5px;left:23px;top:28px;background:#c693a380;border-radius:50%;transform:rotate(-10deg)}
.star-art{background:radial-gradient(circle at 32% 28%,#fff1bd 0,#f5d185 37%,#eeb566 76%,#df8e49 100%);box-shadow:0 0 13px #eac17230,inset -4px -4px 8px #ce8f3844}
.star-art:before{content:"";position:absolute;inset:-5px;border:1px solid #f2ce8530;border-radius:50%}
.star-art:after{content:"";position:absolute;width:11px;height:7px;border-radius:50%;left:9px;top:24px;border-top:2px solid #dfa65866;transform:rotate(-30deg)}
.planet-tool-name{font-size:11px;line-height:1.2;font-weight:700}
.planet-tool-type{font-size:8.5px;line-height:1.3;color:#98acb8;margin-top:4px;font-weight:500;white-space:nowrap}
.planet-tool.selected .planet-tool-type{color:#a5c6b4}
.gravity-control{border-left:1px solid #33424e;padding-left:21px}
.gravity-label{display:flex;justify-content:space-between;align-items:center;gap:10px}
.gravity-label label{display:flex;align-items:center;gap:6px;font-size:10px;font-weight:600;color:#c7d2d5;white-space:nowrap}
.gravity-label label .icon{width:13px;height:13px;color:#9ab0bc}
.gravity-label output{font-size:14px;font-weight:700;color:var(--mint);background:#263a34;border:1px solid #3d5647;border-radius:6px;min-width:43px;text-align:center;padding:3px 4px;line-height:1.2}
.gravity-label output span{font-size:10px;margin-left:1px}
#gravity-slider{--range-fill:50%;width:100%;height:28px;margin:16px 0 1px;padding:0;background:transparent;cursor:pointer;appearance:none;-webkit-appearance:none;display:block}
#gravity-slider::-webkit-slider-runnable-track{height:4px;background:linear-gradient(to right,#a9d6b8 0%,#a9d6b8 var(--range-fill),#3d4b57 var(--range-fill),#3d4b57 100%);border-radius:4px}
#gravity-slider::-moz-range-track{height:4px;background:#3d4b57;border-radius:4px}
#gravity-slider::-moz-range-progress{height:4px;background:#a9d6b8;border-radius:4px}
#gravity-slider::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;border-radius:50%;background:#d2f1d8;border:3px solid #42614c;box-shadow:0 0 0 1px #a3c9ae;margin-top:-5.5px}
#gravity-slider::-moz-range-thumb{width:10px;height:10px;border-radius:50%;background:#d2f1d8;border:3px solid #42614c;box-shadow:0 0 0 1px #a3c9ae}
.range-labels{display:flex;justify-content:space-between;color:#8ea3b0;font-size:8px}
.toolbox-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #2c3c47;padding:10px 0 12px}
.toolbox-footer p{margin:0;font-size:8.7px;color:#98acb8;line-height:1.6;display:flex;align-items:center;gap:5px}
.hint-sparkle{font-size:12px;color:#afc7bd}
.edit-actions{display:flex;gap:5px;flex-shrink:0}
.edit-actions button{display:flex;align-items:center;justify-content:center;gap:5px;height:29px;padding:0 7px;font-size:9px;font-weight:600;color:#bcc8cc;border-radius:6px;min-width:59px}
.edit-actions button:not(:disabled):hover{background:#2c3d47;color:#edf3ed}
.edit-actions button .icon{width:12px;height:12px}
#remove-button:not(:disabled){color:#e5b7a8}

.mission-column{min-width:0}
.mission-card{background:var(--paper);color:var(--ink);border:1px solid #e9eee1;border-radius:var(--radius);padding:22px 22px 17px;box-shadow:0 6px 20px #0000000a;overflow:hidden}
.mission-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px}
.mission-label{font-size:9px;font-weight:900;letter-spacing:1.4px;color:#496250}
.mission-badge{display:flex;align-items:center;gap:4px;background:#e3e9dc;color:#6e8064;font-size:8px;font-weight:600;padding:4px 6px;border-radius:5px;white-space:nowrap}
.mission-badge .icon{width:10px;height:10px}
.mission-heading-row{display:flex;align-items:flex-start;gap:6px;margin:13px 0 18px}
.mission-heading-row h2{font-size:25px;font-weight:800;line-height:1.15;letter-spacing:-.7px;margin:1px 0 8px}
.mission-heading-row p{font-size:11.5px;color:#657463;line-height:1.7;margin:0;max-width:220px;font-weight:500}
.mission-emblem{width:56px;height:56px;position:relative;flex-shrink:0;margin:2px -1px 0 auto}
.emblem-orbit{position:absolute;width:56px;height:27px;top:13px;left:0;border:1.2px solid #9bb1a0;border-radius:50%;transform:rotate(-37deg)}
.emblem-planet{position:absolute;width:22px;height:22px;left:17px;top:18px;background:radial-gradient(circle at 32% 25%,#d1e8b3,#95bd9a 55%,#5c9177);border-radius:50%;box-shadow:0 3px 5px #4a79521a}
.emblem-moon{position:absolute;width:9px;height:9px;left:42px;top:8px;background:#c2acd9;border:2px solid var(--paper);border-radius:50%;box-sizing:content-box}
.mission-progress-label{border-top:1px solid #d9e0d2;padding-top:15px;display:flex;justify-content:space-between;align-items:center;font-size:8px;font-weight:800;letter-spacing:1.2px;color:#75816b}
#objective-count{letter-spacing:0;font-weight:700;color:#7d8974;font-size:8.5px}
.objectives{list-style:none;margin:7px 0 13px;padding:0}
.objectives li{display:flex;align-items:center;gap:9px;padding:11px 0;position:relative}
.objective-icon{width:29px;height:29px;display:grid;place-items:center;background:#e4e9de;border-radius:8px;color:#75886f;flex-shrink:0}
.objective-icon .icon{width:15px;height:15px;stroke-width:1.6}
.objective-copy{font-size:10.8px;line-height:1.35;font-weight:700;color:#435440;flex:1}
.objective-copy small{display:block;font-size:9px;font-weight:500;line-height:1.4;color:#7e8a73;margin-top:3px}
.objective-check{width:17px;height:17px;background:#84a37a;border-radius:50%;color:#f0f5e9;display:grid;place-items:center;opacity:0;transform:scale(.8);transition:opacity .2s,transform .2s;flex-shrink:0}
.objective-check .icon{width:11px;height:11px;stroke-width:2.5}
.objectives li.complete .objective-check{opacity:1;transform:scale(1)}
.objectives li.complete .objective-icon{background:#d8e7d0;color:#5e8a51}
.objectives li.active .objective-icon{background:#d6e4d4;color:#4b7150;box-shadow:0 0 0 3px #dce6d560}
.mission-progress-track{height:4px;width:100%;border-radius:4px;background:#dbe3d3;overflow:hidden;margin:2px 0 15px}
.mission-progress-track span{display:block;width:0%;height:100%;background:#7a9e70;border-radius:4px;transition:width .35s}
.primary-button{width:100%;min-height:44px;padding:12px 14px;display:flex;align-items:center;justify-content:center;gap:8px;background:#294b39;color:#edf5e8;border:1px solid #294b39;border-radius:9px;font-size:11px;font-weight:700;line-height:1.4}
.primary-button:hover{background:#3c6348;border-color:#3c6348;box-shadow:0 3px 10px #23442f1a}
.primary-button>.icon{width:14px;height:14px}
.primary-button>.end-icon{margin-left:auto;width:16px;height:16px}
.primary-button>.icon:first-child:not(.end-icon){margin-right:1px}
.mission-footnote{font-size:8.5px;color:#839078;text-align:center;margin:9px 0 0;line-height:1.4}
.mission-card.is-complete{background:#e5f1df}
.mission-card.is-complete .mission-label{color:#517446}
.mission-card.is-complete .primary-button{background:#4e7945;border-color:#4e7945}
.mission-card.is-sandbox .mission-heading-row p{max-width:230px}
.mission-card.is-sandbox .objective-icon{background:#e4e0ed;color:#8777a2}
.mission-card.is-sandbox .objective-check{background:#9d8fba}

.tip-card{margin-top:15px;position:relative;display:flex;gap:12px;align-items:flex-start;padding:18px 19px;background:#28273a;border:1px solid #3e3b53;border-radius:14px;overflow:hidden}
.tip-icon{color:#c9b7e8;display:grid;place-items:center;width:26px;height:30px;flex-shrink:0}
.tip-icon .icon{width:20px;height:20px;stroke-width:1.4}
.tip-card h2{font-size:10.5px;font-weight:700;color:#d2c4eb;margin:0 0 5px;letter-spacing:.1px}
.tip-card p{font-size:10px;line-height:1.75;color:#b1abc3;margin:0;max-width:224px}
.tip-star{position:absolute;right:13px;top:11px;font-size:19px;color:#746887;pointer-events:none}
.journey{margin-top:21px}
.journey-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 1px 11px}
.journey-heading h2{font-size:9px;color:#9cacb8;font-weight:600;margin:0;line-height:1.4}
.journey-heading>span{font-size:8px;color:#a1b4bd;border:1px solid #3a4b53;border-radius:4px;padding:2px 5px;white-space:nowrap}
.mission-list{display:grid;gap:6px}
.mission-nav-item{width:100%;min-height:43px;display:flex;align-items:center;gap:10px;text-align:left;border:1px solid #2d3e49;border-radius:9px;padding:9px 12px;font-size:10px;font-weight:600;color:#a6b8c3;background:#15212b}
.mission-nav-item:hover{background:#243640;border-color:#5d737d}
.mission-nav-number{font-size:8px;font-weight:700;color:#788f9e;letter-spacing:.5px}
.mission-nav-arrow{margin-left:auto;width:14px;height:14px;color:#7f96a2}
.mission-nav-check{margin-left:auto;width:14px;height:14px;color:#add5b6;display:none}
.mission-nav-item.active{background:#23342f;border-color:#526b59;color:#dcece0}
.mission-nav-item.active .mission-nav-number{color:#b1d5b9}
.mission-nav-item.active .mission-nav-arrow{color:#c0d9c7}
.mission-nav-item.completed .mission-nav-check{display:block}
.mission-nav-item.completed .mission-nav-arrow{display:none}
.mission-nav-item.completed.active .mission-nav-check{display:block}

.page-footer{margin-top:29px;padding:20px 0 22px;border-top:1px solid #2b3943;display:flex;align-items:center;justify-content:space-between;gap:18px;color:#8d9eaa;font-size:9px;line-height:1.5}
.page-footer p{margin:0;display:flex;align-items:center;gap:6px;color:#b4c3c9;font-weight:600}
.page-footer p .icon{width:13px;height:13px;color:#aacdb6}
.page-footer>span{color:#7f929f}
.page-footer button{display:flex;align-items:center;gap:7px;color:#b3d2bd;padding:4px 0;font-size:9px;font-weight:600}
.page-footer button:hover{color:#dcf3df}
.page-footer button .icon{width:13px;height:13px}

.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 32px);z-index:20;background:#eef3e9;border:1px solid #d7e7cf;box-shadow:0 10px 50px #0005;border-radius:13px;padding:12px 12px 12px 15px;display:flex;align-items:center;gap:10px;color:#304a35;animation:toast-in .2s ease-out}
.toast-icon{width:24px;height:24px;display:grid;place-items:center;flex-shrink:0;color:#739065}
.toast-icon .icon{width:20px;height:20px}
.toast p{font-size:12px;line-height:1.5;margin:0;font-weight:600;max-width:370px}
.toast button{width:34px;height:34px;display:grid;place-items:center;flex-shrink:0;color:#657e5d;border-radius:7px}
.toast button:hover{background:#d8e5d0}
.toast button .icon{width:15px;height:15px}
@keyframes toast-in{from{opacity:0;translate:0 8px}to{opacity:1;translate:0 0}}

.dialog{color-scheme:light;width:min(565px,calc(100% - 32px));max-height:calc(100dvh - 48px);margin:auto;padding:27px 29px 28px;background:#f0f2e9;color:#2d4334;border:1px solid #e8eddf;border-radius:21px;box-shadow:0 25px 100px #0007;overflow-y:auto}
.dialog::backdrop{background:#07121bdc;backdrop-filter:blur(5px)}
.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:15px}
.dialog-top>.eyebrow{color:#70856c;font-size:8px}
.dialog-close{width:36px;height:36px;display:grid;place-items:center;background:#e0e7d9;border-radius:9px;color:#5d7554;flex-shrink:0}
.dialog-close:hover{background:#cddbc2}
.dialog-close .icon{width:17px;height:17px}
.dialog h2{font-size:33px;font-weight:800;letter-spacing:-1px;line-height:1.2;margin:13px 0 10px}
.dialog h2>span{color:#6b8f59}
.dialog-intro{font-size:12px;line-height:1.75;color:#71806b;margin:0 0 16px;max-width:420px}
.help-steps{list-style:none;padding:0;margin:0}
.help-steps li{display:flex;align-items:center;gap:15px;padding:17px 0;border-top:1px solid #d9e2d0}
.step-number{font-size:10px;font-weight:800;color:#8aa17e;align-self:flex-start;margin-top:2px}
.help-steps h3,.keyboard-help h3{font-size:13px;font-weight:750;margin:0 0 5px;color:#3d5735}
.help-steps p,.keyboard-help p{font-size:11px;line-height:1.7;color:#74816b;margin:0}
.help-steps .planet-art{width:37px;height:37px;margin:0 4px 0 7px}
.help-steps .earth-art:before{transform:rotate(-28deg) scale(.8);transform-origin:top left}
.step-icon{width:27px;height:27px;fill:none;stroke:#8ea381;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;margin:0 7px;flex-shrink:0}
.keyboard-help{display:flex;align-items:flex-start;gap:12px;background:#e3eada;padding:13px 15px;border-radius:10px;margin:2px 0 18px}
.keyboard-help>.icon{width:23px;height:23px;color:#7f976d;margin-top:2px}
.keyboard-help h3{font-size:11px}
.keyboard-help p{font-size:10px;line-height:1.9}
kbd{font-family:var(--font);font-size:9px;font-weight:700;padding:1px 4px;background:#f5f7ee;border:1px solid #cdd9c0;border-radius:3px;white-space:nowrap;color:#5e7850}
.dialog>.primary-button{min-height:46px;font-size:11px}
.guide-tabs{display:flex;gap:4px;padding:4px;background:#e0e7d7;border-radius:9px;margin:20px 0 22px}
.guide-tabs button{flex:1;min-height:37px;border-radius:6px;font-size:11px;font-weight:700;color:#6c7d60;padding:8px}
.guide-tabs button:hover{background:#eaf0e1}
.guide-tabs button[aria-selected=true]{background:#f9faf4;color:#385c31;box-shadow:0 2px 5px #3f592117}
.guide-panel{display:grid;grid-template-columns:140px 1fr;align-items:center;gap:22px;min-height:226px}
.guide-panel h3{font-size:20px;line-height:1.25;letter-spacing:-.5px;margin:7px 0 9px;color:#3a5432}
.guide-panel .eyebrow{font-size:7px;color:#819573;letter-spacing:1px}
.guide-panel p:not(.eyebrow){font-size:11px;line-height:1.85;color:#73836a;margin:0}
.guide-fact{font-size:10px;line-height:1.7;background:#e3eadb;padding:10px 12px;border-radius:8px;color:#738268;margin-top:13px}
.guide-fact strong{color:#526f45}
.guide-illustration{height:184px;position:relative;border-radius:14px;overflow:hidden;background:radial-gradient(ellipse at 50% 45%,#273a3e,#16272f 70%)}
.guide-sun{position:absolute;width:40px;height:40px;left:50px;top:72px;background:radial-gradient(circle at 35% 30%,#ffedb5,#e9bd70 70%);border-radius:50%;box-shadow:0 0 25px #ebc8792b}
.guide-orbit-path{position:absolute;width:117px;height:75px;left:11px;top:53px;border:1px dashed #a8c3b379;border-radius:50%;transform:rotate(-30deg)}
.guide-earth{position:absolute;width:18px;height:18px;left:24px;top:69px;background:radial-gradient(circle at 30% 30%,#b0e0d6,#65b4c2 70%);border-radius:50%;box-shadow:inset -3px -2px 3px #34647966}
.orbit-illustration .guide-earth{box-shadow:14px 1px 0 -5px #b0d3a6,inset -3px -2px 3px #34647966}
.gravity-illustration .guide-sun{width:57px;height:57px;left:19px;top:67px}
.gravity-illustration .guide-earth{left:105px;top:89px;width:15px;height:15px}
.gravity-line{position:absolute;left:79px;top:94px;width:22px;border-top:1px dashed #b9d0b6}
.gravity-line:before,.gravity-line:after{content:"";position:absolute;width:4px;height:4px;border-top:1px solid #b9d0b6;border-left:1px solid #b9d0b6;top:-3px}
.gravity-line:before{left:0;transform:rotate(45deg)}
.gravity-line:after{right:0;transform:rotate(-135deg)}
.guide-giant{position:absolute;width:59px;height:59px;left:41px;top:63px;border-radius:50%;background:repeating-linear-gradient(0deg,#9b85ac 0,#9b85ac 6px,#d2b7c5 7px,#d2b7c5 12px,#b69bb6 14px,#b69bb6 18px);box-shadow:inset -8px -4px 9px #44376077}
.guide-swoop{position:absolute;width:130px;height:97px;left:22px;top:36px;border-bottom:1px dashed #b9e0c5;border-radius:50%;transform:rotate(28deg)}
.guide-probe{position:absolute;left:108px;top:135px;width:8px;height:8px;background:#d8f3e2;box-shadow:0 0 8px #b9e0c5;border-radius:50%}
.guide-dialog>.primary-button{margin-top:24px}

@media(min-width:1550px){.canvas-wrap{height:525px}.mission-card{padding:25px}.mission-heading-row h2{font-size:28px}.mission-heading-row p{font-size:12px}.objective-copy{font-size:12px}.objective-copy small{font-size:10px}.objectives li{padding:13px 0}.tip-card{padding:21px}.tip-card p{font-size:11px}.mission-nav-item{min-height:47px}}
@media(max-width:1200px){.site-header{padding:0 32px;gap:20px}.header-nav{margin-left:0;gap:23px}.header-actions{gap:13px}main{padding:30px 32px 0}h1{font-size:38px}.workspace{grid-template-columns:minmax(0,1fr) 300px;gap:19px}.toolbox-content{grid-template-columns:minmax(0,1fr) 174px;gap:16px}.gravity-control{padding-left:16px}.gravity-label label{font-size:9px}.gravity-label label .icon{display:none}.planet-tools{gap:7px}.planet-tool-type{font-size:7.8px}.planet-tool-name{font-size:10px}.mission-card{padding:21px 19px 17px}.mission-heading-row h2{font-size:23px}.mission-emblem{width:45px;height:48px}.emblem-orbit{width:46px;height:23px;top:12px}.emblem-planet{left:12px;top:14px}.emblem-moon{left:33px;top:4px}.mission-heading-row p{font-size:11px}.objective-copy{font-size:10px}.objective-copy small{font-size:8.5px}.tip-card{padding:16px 15px;gap:8px}.tip-card p{font-size:9.5px}.toolbox-footer p{font-size:8px}.canvas-wrap{height:455px}.canvas-bottom-hint{font-size:8.5px}.toolbox-heading h2{font-size:15px}.interaction-switch button{min-width:61px;font-size:9px;padding:0 7px}}
@media(max-width:1050px){.header-nav{display:none}.intro-description{font-size:12px}.workspace{grid-template-columns:minmax(0,1fr) 282px;gap:17px}.toolbox-content{grid-template-columns:1fr}.gravity-control{border-left:0;border-top:1px solid #33424e;padding:13px 0 0;display:grid;grid-template-columns:1fr 1.1fr;column-gap:20px;align-items:center}.gravity-label{grid-row:span 2}.gravity-label label .icon{display:inline-block}.gravity-label label{font-size:10px}#gravity-slider{margin:0 0 1px}.toolbox-footer p{max-width:230px}.mission-badge{font-size:7px}.mission-heading-row h2{font-size:22px}.mission-emblem{display:none}.canvas-wrap{height:455px}.canvas-bottom-hint{font-size:8px;padding:8px 10px;gap:5px}.playback-bar{gap:9px;padding-left:13px;padding-right:13px}.speed-control button{min-width:30px;padding:0 5px}.trail-control{gap:5px}.trail-control>.icon{display:none}.intro h1{font-size:36px}.mode-switch button{min-width:110px;padding:0 12px}.page-footer>span{display:none}}
@media(max-width:900px){.site-header{height:82px}.header-actions{gap:20px}.nav-link.active:after{display:none}.intro{align-items:center;gap:18px;margin-bottom:25px}.intro h1{font-size:37px}.intro-description{font-size:12px}.workspace{grid-template-columns:1fr;gap:22px}.canvas-wrap{height:470px}.canvas-bottom-hint{font-size:9px}.mission-column{display:grid;grid-template-columns:1.15fr 1fr;gap:17px;align-items:start}.mission-card{grid-row:span 2;padding:23px}.mission-heading-row h2{font-size:26px}.mission-heading-row p{font-size:12px;max-width:260px}.mission-emblem{display:block}.mission-badge{font-size:8px}.objective-copy{font-size:12px}.objective-copy small{font-size:10px}.objectives li{padding:12px 0}.mission-label{font-size:9px}.tip-card{margin:0;padding:20px 18px;gap:12px}.tip-card h2{font-size:12px}.tip-card p{font-size:11px;max-width:none}.journey{margin:0}.journey-heading h2{font-size:10px}.mission-nav-item{min-height:48px;font-size:11px}.toolbox-content{grid-template-columns:minmax(0,1fr) 205px;gap:22px}.gravity-control{border-top:0;border-left:1px solid #33424e;padding:0 0 0 21px;display:block}.gravity-label label{font-size:10px}.gravity-label label .icon{display:none}#gravity-slider{margin:16px 0 1px}.planet-tool-name{font-size:11px}.planet-tool-type{font-size:8.5px}.toolbox-footer p{font-size:9px;max-width:none}.toolbox-heading h2{font-size:17px}.interaction-switch button{font-size:10px;min-width:70px}.trail-control>.icon{display:inline-block}.playback-bar{padding:12px 18px;gap:13px}.speed-control button{min-width:37px}.trail-control{gap:7px}.canvas-badge,.canvas-mode{font-size:8px}.page-footer{margin-top:25px}}
@media(max-width:640px){.site-header{height:76px;padding:0 18px;gap:15px}.brand{gap:7px}.brand-mark{width:36px;height:36px}.brand-name{font-size:25px;padding-bottom:0}.brand-name small{display:none}.header-actions{gap:15px}.help-button{width:40px;height:40px;min-height:40px;padding:0;justify-content:center}.help-button span{display:none}.help-button .icon{width:18px;height:18px}.sound-button{min-width:34px;justify-content:center}.sound-button .icon{width:17px;height:17px}.sound-button span{font-size:9px}main{padding:27px 18px 0}.intro{display:block;margin-bottom:22px}.intro-copy>.eyebrow{font-size:8px;letter-spacing:1.45px}.intro h1{font-size:37px;line-height:1.12;margin:11px 0 13px;letter-spacing:-1.3px}.intro h1>span{display:block}.intro-description{font-size:12px;line-height:1.75}.desktop-break{display:none}.mode-switch{width:100%;margin:22px 0 0;padding:4px}.mode-switch button{flex:1;min-width:0;height:40px;font-size:11px}.workspace{gap:18px}.universe-topbar{height:49px;padding:0 15px;gap:10px}.universe-name{font-size:10px;gap:6px}.universe-status{font-size:8px;gap:4px}.universe-status .icon{width:11px;height:11px}.canvas-wrap{height:395px}.canvas-badge{left:15px;top:16px;font-size:7px;letter-spacing:.8px}.canvas-mode{right:15px;top:16px;font-size:7px;letter-spacing:.6px}.canvas-mode .icon{width:10px;height:10px}.canvas-bottom-hint{bottom:16px;font-size:8px;padding:8px 9px;max-width:calc(100% - 24px);white-space:normal;text-align:center;line-height:1.5;width:max-content}.canvas-bottom-hint .icon{width:10px;height:10px}.hint-dot{padding:0 3px}.playback-bar{gap:9px;padding:10px 12px;min-height:65px}.play-toggle{width:38px;height:38px;border-radius:9px}.speed-control button{min-width:29px;height:29px;font-size:9px;padding:0 5px}.speed-control{padding:3px}.control-divider{margin:0;height:18px}.trail-control{font-size:9px;gap:5px}.trail-control>.icon{display:none}.switch-track{width:25px;height:15px}.switch-track:after{width:9px;height:9px}.trail-control input:checked+.switch-track:after{transform:translateX(10px)}.reset-button{font-size:9px;padding:0 3px;gap:4px}.reset-button .icon{width:14px;height:14px}.toolbox{padding:19px 17px 0;margin-top:15px}.toolbox-heading{flex-direction:column;align-items:stretch;gap:13px}.toolbox-heading .eyebrow{font-size:7.5px}.toolbox-heading h2{font-size:17px}.interaction-switch button{flex:1;height:32px;font-size:10px}.toolbox-content{grid-template-columns:1fr;gap:18px;margin:17px 0 14px}.planet-tools{gap:7px}.planet-tool{height:114px;border-radius:9px}.planet-art{width:43px;height:43px;margin-bottom:8px}.rocky-art{width:38px;height:38px;margin-bottom:10px}.planet-tool-name{font-size:10px}.planet-tool-type{font-size:7px;letter-spacing:-.1px}.gravity-control{border-left:0;border-top:1px solid #33424e;padding:15px 0 0;display:grid;grid-template-columns:1fr 1.1fr;column-gap:20px}.gravity-label label{font-size:9px;gap:5px}.gravity-label label .icon{display:none}.gravity-label output{font-size:12px;min-width:39px}.gravity-label{gap:6px}.range-labels{font-size:7px}#gravity-slider{margin:0 0 1px}.toolbox-footer{flex-direction:column;align-items:stretch;gap:8px;padding:11px 0 13px}.toolbox-footer p{font-size:8.5px;line-height:1.5}.edit-actions{width:100%;gap:9px}.edit-actions button{flex:1;height:34px;font-size:10px}.edit-actions button .icon{width:13px;height:13px}.mission-column{display:block}.mission-card{margin-top:4px;padding:24px 23px 18px}.mission-heading-row h2{font-size:27px}.mission-heading-row p{font-size:12px;max-width:240px}.mission-emblem{width:58px;height:58px;margin-right:0}.emblem-orbit{width:55px;height:27px;top:15px}.emblem-planet{left:17px;top:20px}.emblem-moon{left:40px;top:7px}.mission-label{font-size:9px}.mission-badge{font-size:8px}.objective-copy{font-size:12px}.objective-copy small{font-size:10px}.objective-icon{width:31px;height:31px}.objectives li{padding:12px 0}.mission-progress-label{padding-top:17px;font-size:8px}.primary-button{font-size:12px;min-height:47px}.mission-footnote{font-size:9px}.tip-card{margin-top:14px;padding:19px 20px;gap:13px}.tip-card h2{font-size:12px}.tip-card p{font-size:11px}.journey{margin-top:22px}.journey-heading h2{font-size:10px}.mission-nav-item{min-height:48px;font-size:12px;padding:11px 14px}.mission-nav-number{font-size:9px}.page-footer{margin-top:25px;flex-wrap:wrap;gap:13px;padding:18px 0 23px;font-size:9px}.page-footer p{width:100%;font-size:9px}.page-footer button{font-size:9px}.dialog{padding:23px 21px 23px;max-height:calc(100dvh - 32px);border-radius:17px}.dialog h2{font-size:30px}.dialog-intro{font-size:11px}.help-steps li{gap:11px}.help-steps h3{font-size:12px}.help-steps p{font-size:10px}.help-steps .planet-art{width:32px;height:32px;margin-right:0}.step-icon{width:24px;margin:0 3px}.keyboard-help{padding:12px;gap:9px}.keyboard-help p{font-size:9px}.guide-panel{grid-template-columns:1fr;gap:18px}.guide-illustration{height:140px;width:100%}.guide-sun{left:calc(50% - 20px);top:50px}.guide-orbit-path{left:calc(50% - 59px);top:31px}.guide-earth{left:calc(50% - 76px);top:47px}.gravity-illustration .guide-sun{left:calc(50% - 68px);top:45px}.gravity-illustration .guide-earth{left:calc(50% + 50px);top:65px}.gravity-line{left:calc(50% - 10px);top:70px}.guide-giant{left:calc(50% - 30px);top:40px}.guide-swoop{left:calc(50% - 64px);top:13px}.guide-probe{left:calc(50% + 50px);top:113px}.guide-panel h3{font-size:21px}.guide-panel p:not(.eyebrow){font-size:12px}.guide-fact{font-size:11px}.toast{bottom:18px;padding:10px 10px 10px 12px;gap:6px}.toast p{font-size:11px}.toast-icon{width:22px}.toast button{width:30px}}
@media(max-width:370px){.sound-button span{display:none}.header-actions{gap:12px}.intro h1{font-size:33px}.canvas-wrap{height:365px}.universe-status .icon{display:none}.universe-name{font-size:9px}.universe-status{font-size:7px}.playback-bar{gap:7px;padding-left:10px;padding-right:10px}.speed-control button{min-width:26px;padding:0 3px}.trail-control>span:not(.switch-track){display:none}.reset-button span{display:none}.reset-button{width:29px;justify-content:center}.planet-tool-type{font-size:6.3px}.planet-tool-name{font-size:9px}.planet-art{width:39px;height:39px}.rocky-art{width:35px;height:35px}.mission-card{padding:21px 19px 17px}.mission-heading-row h2{font-size:24px}.mission-heading-row p{font-size:11px}.mission-emblem{display:none}.mission-badge{font-size:7px}.objective-copy{font-size:11px}.canvas-bottom-hint{font-size:7.5px}.gravity-label label{font-size:8px}.gravity-control{column-gap:14px}.page-footer{font-size:8px}}
body{-moz-osx-font-smoothing:grayscale}
body:has(dialog[open]){overflow:hidden}
h1,h2,h3{text-wrap:balance;overflow-wrap:break-word}
.intro-description,.mission-heading-row p,.tip-card p,.dialog-intro{text-wrap:pretty}
::selection{background:var(--mint);color:#172d22}
button:not(:disabled),a{transition:background-color .15s,border-color .15s,color .15s,box-shadow .15s,scale .15s;transition-timing-function:cubic-bezier(.2,0,0,1)}
button:active:not(:disabled){scale:.96}
.nav-link,.sound-button,.help-button,.mode-switch button,.primary-button,.interaction-switch button,.trail-control,.reset-button,.gravity-label label,.mission-nav-item,.page-footer button{font-size:12px}
.intro-description{font-size:14px}
.universe-name{font-size:12px}
.universe-status{font-size:11px}
.canvas-badge,.canvas-mode{font-size:9px;letter-spacing:.8px}
.canvas-bottom-hint{font-size:10px}
.planet-tool-name{font-size:12px}
.planet-tool-type{font-size:10px}
.toolbox-footer p{font-size:10px}
.range-labels{font-size:10px}
.gravity-label output,.objective-copy small,#objective-count,.mission-footnote{font-variant-numeric:tabular-nums}
.mission-heading-row p{font-size:13px;line-height:1.55}
.mission-badge{font-size:9px;color:#596d50}
.objective-copy{font-size:12px}
.objective-copy small{font-size:10.5px;color:#65725e;line-height:1.45}
#objective-count{font-size:10px;color:#65725e}
.mission-footnote{font-size:10px;color:#69775f}
.tip-card h2{font-size:12px}
.tip-card p{font-size:11.5px;line-height:1.6}
.journey-heading h2{font-size:11px}
.mission-nav-number{font-size:10px}
.dialog{overscroll-behavior:contain}
.dialog-intro,.help-steps p,.keyboard-help p,.guide-panel p:not(.eyebrow){font-size:12px;color:#62715b}
.dialog-top>.eyebrow,.guide-panel .eyebrow{font-size:9px;color:#617455}
.guide-fact{font-size:11px;color:#5f7055}
.guide-fact strong{color:#48643d}
.mission-card button:focus-visible,.dialog button:focus-visible,.dialog input:focus-visible{outline-color:#355d44}
.skip-link{position:fixed;left:18px;top:12px;z-index:100;background:var(--mint);color:#203b2d;padding:12px 18px;border-radius:8px;font-weight:700;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
@media(min-width:641px) and (max-width:1050px){.mission-heading-row p{font-size:12px}.objective-copy{font-size:11px}.objective-copy small{font-size:10px}.planet-tool-type{font-size:9px}.tip-card p{font-size:11px}.canvas-bottom-hint{font-size:10px}.toolbox-footer p{font-size:9px}.gravity-label label{font-size:11px}}
@media(min-width:1051px) and (max-height:1000px){
  .site-header{height:76px}
  main{padding-top:22px}
  .intro{margin-bottom:18px;align-items:center}
  h1{font-size:36px;margin:7px 0 8px;letter-spacing:-1.35px}
  .intro-description{font-size:13px;line-height:1.55}
  .desktop-break{display:none}
  .mode-switch{margin-bottom:0}
  .universe-topbar{height:46px}
  .canvas-wrap{height:360px}
  .playback-bar{min-height:58px;padding-top:8px;padding-bottom:8px}
  .toolbox{margin-top:15px;padding-top:15px}
  .toolbox-heading .eyebrow{font-size:8px}
  .toolbox-heading h2{margin-top:3px}
  .toolbox-content{margin:12px 0 10px}
  .planet-tool{height:88px;padding:6px 3px}
  .planet-art{width:35px;height:35px;margin-bottom:5px}
  .rocky-art{width:32px;height:32px;margin-top:2px;margin-bottom:6px}
  .planet-tool-type{font-size:10px;margin-top:2px}
  #gravity-slider{margin-top:9px;height:26px}
  .toolbox-footer{padding:7px 0 8px}
  .toolbox-footer p{font-size:10px}
  .mission-card{padding:19px 20px 14px}
  .mission-heading-row{margin:10px 0 12px}
  .mission-heading-row h2{font-size:24px;margin-bottom:6px}
  .mission-heading-row p{font-size:13px;line-height:1.5}
  .mission-progress-label{padding-top:12px}
  .objectives{margin-bottom:10px}
  .objectives li{padding:8px 0}
  .objective-icon{height:28px;width:28px}
  .objective-copy{font-size:12px}
  .objective-copy small{font-size:11px}
  .mission-progress-track{margin-bottom:12px}
  .mission-footnote{margin-top:7px;font-size:10px}
  .tip-card{padding:14px 16px;margin-top:12px}
  .tip-card p{font-size:11.5px;line-height:1.55}
  .journey{margin-top:15px}
  .journey-heading{display:none}
  .mission-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}
  .mission-nav-item{flex-direction:column;justify-content:center;gap:3px;padding:7px 4px;min-height:51px;font-size:10px;text-align:center;position:relative}
  .mission-nav-number{font-size:8px}
  .mission-nav-arrow{display:none}
  .mission-nav-item.completed .mission-nav-check,.mission-nav-item.completed.active .mission-nav-check{display:block;position:absolute;top:4px;right:4px;width:9px;height:9px}
  .page-footer{margin-top:20px;padding:16px 0}
}
@media(max-width:640px){
  .canvas-wrap{height:330px}
  .intro-description{font-size:14px}
  .mode-switch button{height:42px;font-size:12px}
  .universe-name{font-size:11px}
  .universe-status{font-size:9px}
  .canvas-bottom-hint{font-size:10px}
  .canvas-badge,.canvas-mode{font-size:8px}
  .toolbox-heading h2{font-size:19px}
  .planet-tool{height:119px}
  .planet-tool-name{font-size:12px}
  .planet-tool-type{font-size:9px;white-space:normal}
  .gravity-label label{font-size:11px}
  .range-labels{font-size:9px}
  #gravity-slider{height:40px}
  .toolbox-footer p{font-size:11px}
  .edit-actions button{height:40px;font-size:12px}
  .mission-heading-row p{font-size:13px}
  .objective-copy{font-size:13px}
  .objective-copy small{font-size:11px}
  .mission-nav-item{font-size:12px}
  .tip-card p{font-size:12px}
  .playback-bar{display:grid;grid-template-columns:40px auto 1fr auto;gap:10px;padding:9px 12px}
  .control-divider,.control-spacer{display:none}
  .play-toggle{width:40px;height:42px;grid-column:1}
  .speed-control{grid-column:2;justify-self:start}
  .speed-control button{min-width:28px;height:36px;font-size:11px}
  .trail-control{grid-column:3;justify-self:end;min-width:30px;min-height:44px}
  .trail-control>span:not(.switch-track){display:none}
  .reset-button{grid-column:4;width:34px;height:42px;justify-content:center}
  .reset-button span{display:none}
  .help-steps p,.keyboard-help p{font-size:12px}
}
@media(max-width:370px){
  .canvas-wrap{height:310px}
  .playback-bar{grid-template-columns:40px 1fr auto;gap:4px 10px;padding:9px 12px}
  .speed-control{grid-column:2;grid-row:1}
  .speed-control button{min-width:26px}
  .reset-button{grid-column:3;grid-row:1}
  .trail-control{grid-column:1/-1;grid-row:2;justify-self:center;gap:8px}
  .trail-control>span:not(.switch-track){display:inline;font-size:11px}
  .planet-tool-type{font-size:8px}
  .gravity-label label{font-size:10px}
  .canvas-bottom-hint{font-size:9px}
}
.mission-heading-row p{color:#5d6b57}
.mission-progress-label,#objective-count,.objective-copy small{color:#5e6e54}
.mission-footnote{color:#58694f}
.dialog-top>.eyebrow,.guide-panel .eyebrow{color:#5c704f}
.guide-tabs button{color:#526445}
.guide-fact{color:#56674c}
.keyboard-help p{color:#596a50}
.step-number{color:#526b44}
@media(forced-colors:active){button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:3px solid Highlight}.planet-tool.selected,.mission-nav-item.active{outline:2px solid Highlight}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}button:active:not(:disabled){scale:1}}