@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:400;src:url(/starpond/astra-xhigh/assets/bricolage-grotesque-latin-400-normal-A6LyuA6R.woff2) format("woff2"),url(/starpond/astra-xhigh/assets/bricolage-grotesque-latin-400-normal-D89K-qEP.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:500;src:url(/starpond/astra-xhigh/assets/bricolage-grotesque-latin-500-normal-DEDBoLFO.woff2) format("woff2"),url(/starpond/astra-xhigh/assets/bricolage-grotesque-latin-500-normal-CV-uA8Lw.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:600;src:url(/starpond/astra-xhigh/assets/bricolage-grotesque-latin-600-normal-nxTgbNFE.woff2) format("woff2"),url(/starpond/astra-xhigh/assets/bricolage-grotesque-latin-600-normal-Bw0J83-2.woff) format("woff")}@font-face{font-family:Bricolage Grotesque;font-style:normal;font-display:swap;font-weight:700;src:url(/starpond/astra-xhigh/assets/bricolage-grotesque-latin-700-normal-gtcctNPv.woff2) format("woff2"),url(/starpond/astra-xhigh/assets/bricolage-grotesque-latin-700-normal-DvJDmrLu.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/starpond/astra-xhigh/assets/dm-sans-latin-400-normal-CW0RaeGs.woff2) format("woff2"),url(/starpond/astra-xhigh/assets/dm-sans-latin-400-normal-BwCSEQnW.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/starpond/astra-xhigh/assets/dm-sans-latin-500-normal-B9HHJjqV.woff2) format("woff2"),url(/starpond/astra-xhigh/assets/dm-sans-latin-500-normal-Dr3UlScf.woff) format("woff")}@font-face{font-family:DM Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/starpond/astra-xhigh/assets/dm-sans-latin-600-normal-Aqo67rzb.woff2) format("woff2"),url(/starpond/astra-xhigh/assets/dm-sans-latin-600-normal-BmdmIIQ2.woff) format("woff")}@font-face{font-family:Caveat;font-style:normal;font-display:swap;font-weight:500;src:url(/starpond/astra-xhigh/assets/caveat-latin-500-normal-B9SDL8cy.woff2) format("woff2"),url(/starpond/astra-xhigh/assets/caveat-latin-500-normal-Do9veZfZ.woff) format("woff")}:root{font-family:DM Sans,sans-serif;color:#e8eadf;background:#111c1e;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--page:#111c1e;--panel:#172528;--mint:#c6eaa4;--text:#e8eadf;--muted:#8eaaa3;--border:#a2bbac1c;--display:"Bricolage Grotesque",sans-serif}*{box-sizing:border-box}body{margin:0}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{color:inherit;cursor:pointer}button{border:0;background:none}a{color:inherit;text-decoration:none}button:disabled{opacity:.35;cursor:default}button:focus-visible,a:focus-visible,canvas:focus-visible{outline:2px solid var(--mint);outline-offset:4px}button{transition:background .18s,border-color .18s,color .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}input:focus-visible{outline:2px solid var(--mint);outline-offset:5px}h1,h2,h3,p{margin:0}svg{flex-shrink:0}button svg{vertical-align:middle}::selection{background:#c6eaa450;color:#fff}.app-shell{max-width:1800px;margin:0 auto}.site-header{height:79px;padding:0 38px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);gap:25px}.brand{font-family:var(--display);font-size:31px;letter-spacing:-1.4px;font-weight:700;display:flex;align-items:center;line-height:1;flex-shrink:0}.brand-symbol{display:flex;color:var(--mint);margin-right:10px;transform:rotate(15deg)}.brand-dot{color:var(--mint)}.main-nav{display:flex;align-items:center;gap:9px;margin-left:65px;height:100%}.main-nav>button{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;color:#9aaea8;padding:10px 15px;border-radius:7px;font-weight:500}.main-nav>button:hover{color:#edf3e6;background:#ffffff05}.main-nav>button.active{color:var(--mint);background:#c6eaa40c}.nav-count{font-size:10px;background:#c6eaa41a;padding:2px 5px;border-radius:4px}.header-right{display:flex;align-items:center;gap:15px}.made-for{font-size:11px;letter-spacing:.15px;color:#91a59d;white-space:nowrap}.header-divider{height:20px;width:1px;background:var(--border);margin:0 1px}.icon-button{height:30px;width:30px;display:inline-flex;align-items:center;justify-content:center;color:#a4b5ad;border-radius:6px;padding:0}.icon-button:hover{background:#a5b9a914;color:var(--text)}.icon-button.small{width:22px;height:22px}.sound-on{color:var(--mint)}.explorer-avatar{width:31px;height:31px;display:block;background:#dec6a7;border:3px solid #dec6a7;border-radius:11px;position:relative;transform:rotate(5deg);margin-left:3px}.avatar-eyes{position:absolute;top:8px;left:6px;width:3px;height:4px;background:#37453c;border-radius:3px;box-shadow:10px 0 #37453c}.avatar-smile{position:absolute;top:14px;left:10px;width:7px;height:5px;border-bottom:1.5px solid #37453c;border-radius:50%}main{padding:29px 38px 0}.intro{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.eyebrow{font-size:9px;font-weight:600;letter-spacing:1.6px;color:#a7beb0;display:flex;align-items:center;gap:7px;margin-bottom:10px}.eyebrow>span{height:5px;width:5px;border-radius:50%;background:var(--mint)}h1{font-family:var(--display);font-weight:500;font-size:36px;letter-spacing:-1.1px;line-height:1.18}.intro p{color:#94aaa2;font-size:13px;margin-top:9px}.intro-actions{display:flex;gap:10px;padding-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border-radius:7px;height:41px;padding:0 17px;white-space:nowrap;font-weight:600;font-size:12px;border:1px solid transparent}.button.primary{background:var(--mint);color:#233529;border-color:var(--mint)}.button.primary:hover{background:#d7f5ba;border-color:#d7f5ba;box-shadow:0 3px 15px #c6eaa411}.button.secondary{border-color:#a1b5a933;background:#1b292b;color:#c8d2c8}.button.secondary:hover{background:#253638;border-color:#a1b5a95a}.full-width{width:100%}.playground-layout{display:grid;grid-template-columns:257px minmax(0,1fr);gap:20px;align-items:stretch}.control-panel{background:var(--panel);border:1px solid var(--border);border-radius:12px;padding:21px 18px 17px;display:flex;flex-direction:column;align-self:stretch}.panel-heading{display:flex;justify-content:space-between;align-items:center}.panel-heading h2{font-family:var(--display);font-size:17px;letter-spacing:-.4px;font-weight:500}.panel-heading>svg{color:#b4c99f}.panel-subtitle{font-size:10px;color:#8fa69d;margin-top:6px;white-space:nowrap}.object-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:20px}.object-card{position:relative;height:105px;background:#1d2e30;border:1px solid #a3b8a21c;border-radius:8px;display:flex;align-items:center;flex-direction:column;padding:12px 4px 9px}.object-card:hover{background:#253938;border-color:#c6eaa45e;transform:translateY(-2px)}.object-card.selected{border-color:#badc95;background:#c6eaa40c;box-shadow:0 0 0 1px #c6eaa408}.object-shortcut{position:absolute;right:7px;top:7px;font-size:9px;line-height:13px;width:13px;height:13px;border-radius:4px;background:#819d8c0c;color:#82978a;text-align:center}.selected .object-shortcut{background:var(--mint);color:#263d2c}.object-card strong{font-family:var(--display);font-size:13px;font-weight:500;margin-top:9px}.object-hint{font-size:8px;color:#92a99d;margin-top:4px;white-space:nowrap}.mini-body{display:block;position:relative;width:33px;height:33px;flex-shrink:0}.mini-body>span{display:block;width:100%;height:100%;border-radius:50%;position:relative}.mini-body.star>span{background:radial-gradient(circle at 32% 28%,#ffe0a3,#ffca73 35%,#e9994a);box-shadow:0 0 18px #fab35126,0 0 0 4px #ffca7307}.mini-body.star:after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1px solid #ffca7319}.mini-body.planet>span{background:radial-gradient(ellipse at 30% 20%,#adcdb690 0%,transparent 70%),radial-gradient(ellipse at 20% 39%,#40765f 0 17%,transparent 18%),radial-gradient(ellipse at 54% 28%,#52856e 0 20%,transparent 21%),radial-gradient(ellipse at 68% 72%,#456e5f 0 25%,transparent 26%),radial-gradient(circle at 28% 25%,#acd7b9,#599184 75%,#35595a)}.mini-body.moon{width:27px;height:27px;margin:3px}.mini-body.moon>span{background:radial-gradient(circle at 35% 30%,#7c859760 0 12%,transparent 13%),radial-gradient(circle at 65% 56%,#7c859760 0 17%,transparent 18%),radial-gradient(circle at 35% 78%,#7c859760 0 8%,transparent 9%),radial-gradient(circle at 30% 25%,#dcdddf,#9fa6b7 75%,#6a788a)}.mini-body.comet{width:38px;height:33px}.mini-body.comet>span{width:20px;height:20px;position:absolute;right:0;bottom:0;background:radial-gradient(circle at 60% 65%,#d2edf0,#7bb6c5);box-shadow:0 0 12px #b2e8eb20}.mini-body.comet:before{content:"";position:absolute;width:42px;height:15px;background:linear-gradient(90deg,transparent,#a4d7db8f);right:6px;bottom:15px;transform:rotate(40deg);border-radius:90% 20% 20% 90%}.mini-body.ringed>span{background:repeating-linear-gradient(165deg,#b4a6d3 0px 6px,#a193bd 7px 10px);box-shadow:inset -8px -4px 14px #41365477}.mini-body.ringed:after{content:"";position:absolute;inset:10px -12px;border:5px solid #c6b7c89c;border-top-color:#b9acc570;border-radius:50%;transform:rotate(-27deg)}.placement-hint{display:flex;gap:9px;align-items:flex-start;padding:14px 0 16px;color:#a4b69f}.placement-hint>svg{margin-top:2px;transform:rotate(-8deg);color:#b7c99f}.placement-hint p{font-size:10px;line-height:1.7}.placement-hint p span{color:#82988e}.control-section{border-top:1px solid var(--border);padding:17px 0 14px}.section-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.control-section h3{font-size:12px;font-weight:500}.value-chip{font-size:10px;color:var(--mint);border:1px solid #b5d89429;padding:3px 7px;border-radius:4px;background:#b5d8940b;min-width:36px;text-align:center}.value-chip>span{margin-left:2px}.range-labels{display:flex;justify-content:space-between;color:#87a094;font-size:9px;margin-top:8px}input[type=range]{appearance:none;display:block;height:4px;width:100%;margin:0;border-radius:3px;background:linear-gradient(to right,#bfdc9c var(--range-fill,40%),#34473f var(--range-fill,40%));cursor:pointer;accent-color:var(--mint)}input[type=range]::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border-radius:50%;background:var(--mint);border:2px solid #26382a;box-shadow:0 0 0 1px #c6eaa4}input[type=range]::-moz-range-thumb{width:9px;height:9px;border-radius:50%;background:var(--mint);border:2px solid #26382a}.view-section{padding-top:17px;padding-bottom:10px}.view-section h3{margin-bottom:9px}.toggle-row{display:flex;width:100%;align-items:center;justify-content:space-between;padding:7px 0;min-height:31px}.toggle-name{display:flex;gap:9px;align-items:center;font-size:11px;color:#adc0b5}.toggle-name>svg{color:#8eab9e}.switch{height:16px;width:29px;background:#334541;border-radius:10px;padding:3px;display:block;transition:background .2s}.switch>span{display:block;height:10px;width:10px;background:#728a7f;border-radius:50%;transition:transform .2s,background .2s}.switch.on{background:#c6eaa4}.switch.on>span{background:#3a5338;transform:translate(13px)}.toggle-row:hover .toggle-name{color:var(--text)}.wonder-note{display:flex;align-items:flex-start;gap:9px;background:#c6eaa406;border:1px solid #b6d39424;border-radius:7px;padding:12px 10px;text-align:left;margin-top:auto}.note-icon{color:#c2d598;margin-top:1px}.wonder-note strong{font-family:var(--display);color:#ccd7b3;font-size:10px;font-weight:500;letter-spacing:-.15px}.wonder-note p{font-size:9px;line-height:1.65;color:#91a794;margin-top:5px}.fact-pager{font-size:7px;letter-spacing:.8px;color:#89a17e;display:flex;justify-content:space-between;gap:6px;margin-top:10px}.fact-pager>span{display:flex;gap:6px;align-items:center;letter-spacing:0}.wonder-note:hover{background:#c6eaa40d;border-color:#b6d3944a}.selected-details{border:1px solid #b6d39429;background:#c6eaa406;border-radius:7px;padding:10px;margin-top:auto}.selected-heading{display:flex;justify-content:space-between;align-items:center;font-size:12px}.selected-heading>span{display:flex;align-items:center;gap:7px}.body-dot{width:7px;height:7px;border-radius:50%;display:inline-block}.selected-mass{display:flex;justify-content:space-between;font-size:9px;color:#a5b69b;margin:9px 0 13px}.selected-actions{display:flex;justify-content:space-between;align-items:center;margin-top:11px;color:#8da193;font-size:9px}.space-column{min-width:0;display:flex;flex-direction:column}.universe-window{position:relative;isolation:isolate;overflow:hidden;flex:1;min-height:440px;height:calc(100dvh - 410px);max-height:750px;background:#0c171c;border:1px solid #a5beac25;border-radius:11px 11px 0 0}.universe-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:none;cursor:crosshair}.universe-canvas.tool-select{cursor:grab}.universe-canvas.tool-select:active{cursor:grabbing}.universe-canvas.tool-erase{cursor:crosshair}.universe-top{position:absolute;top:22px;left:24px;right:23px;display:flex;align-items:center;justify-content:space-between;gap:15px;pointer-events:none}.universe-title{display:flex;align-items:center;gap:8px;font-size:11px;color:#cbd5c8}.live-dot{height:5px;width:5px;border-radius:50%;background:#c6eaa4;box-shadow:0 0 7px #c6eaa430}.free-play{font-size:8px;letter-spacing:.3px;background:#c6eaa40b;border:1px solid #c6eaa422;border-radius:4px;padding:4px 6px;color:#aabc9d;margin-left:3px}.universe-counts{display:flex;align-items:center;gap:14px;color:#8ca299;font-size:10px}.universe-counts>span{display:flex;align-items:center;gap:5px}.universe-counts svg{color:#829c8e}.universe-counts .object-total{font-size:9px;color:#7b9286;padding-left:12px;border-left:1px solid #9bad9626}.canvas-tools{position:absolute;top:69px;left:19px;background:#19272bdd;border:1px solid #abbea32a;display:flex;flex-direction:column;border-radius:8px;padding:5px;gap:3px;box-shadow:0 4px 15px #0002}.canvas-tools button{padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:5px;color:#8ba393}.canvas-tools button.active{background:#c6eaa417;color:#c6eaa4}.canvas-tools button:hover{background:#c6eaa427;color:#e2efd1}.canvas-tools button.erase{color:#f0b8a7;background:#ef9c751c}.canvas-tools>span{height:1px;background:var(--border);margin:2px 4px}.space-coordinate{position:absolute;left:25px;bottom:75px;font-size:7px;letter-spacing:1.5px;color:#839f8c70;pointer-events:none}.space-coordinate>span{margin:0 5px}.handwritten-note{position:absolute;left:12%;bottom:115px;font-family:Caveat,cursive;font-size:25px;line-height:1.05;color:#b6c5a39c;transform:rotate(-8deg);pointer-events:none}.handwritten-note svg{display:block;width:69px;height:52px;position:absolute;left:90%;top:-25px;transform:rotate(-70deg)}.handwritten-note path{stroke:#b6c5a388;fill:none;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.canvas-bottom{position:absolute;bottom:17px;left:22px;right:17px;display:flex;align-items:center;justify-content:space-between;pointer-events:none}.current-tool{display:flex;align-items:center;gap:7px;border:1px solid #b6c6ac25;border-radius:5px;background:#18262bcc;padding:7px 9px;color:#a5b99d;font-size:9px}.current-tool>span{height:4px;width:4px;border-radius:50%;background:var(--mint)}.zoom-control{pointer-events:auto;background:#19272bdd;border:1px solid #abbea32a;display:flex;align-items:center;border-radius:6px;padding:2px;gap:3px}.zoom-control>button{height:28px;width:27px;padding:0;color:#9fb69f;display:flex;align-items:center;justify-content:center;border-radius:4px}.zoom-control>button:hover{background:#c6eaa415}.zoom-control>span{font-size:9px;color:#a6b99f;min-width:27px;text-align:center}.zoom-control>i{height:14px;background:#b6c6ac26;width:1px;margin:0 3px}.transport-bar{height:64px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border:1px solid #a5beac25;border-top-color:#a5beac17;background:#182629;border-radius:0 0 10px 10px;gap:12px}.time-controls{display:flex;align-items:center;gap:11px}.play-button{height:32px;width:32px;display:flex;align-items:center;justify-content:center;background:var(--mint);color:#293f30;border-radius:50%;padding:0}.play-button:hover{background:#d4f4b9}.playing-label{font-size:10px;color:#c9d2bf;line-height:1.5}.playing-label>span{display:block;font-size:8px;color:#8ca193}.transport-divider{height:24px;width:1px;background:#a2b79422;margin:0 5px}.speed-switch{display:flex;align-items:center;gap:2px}.speed-switch>button{height:27px;min-width:32px;font-size:10px;color:#81998c;padding:0 7px;border-radius:4px}.speed-switch>button.active{background:#c6eaa417;color:var(--mint)}.speed-switch>button:hover{background:#c6eaa411;color:#d5e6c9}.step-button{margin-left:4px;width:25px}.space-shortcut{font-size:8px;color:#859b8c;white-space:nowrap}kbd{font-family:DM Sans,sans-serif;display:inline-block;font-size:8px;line-height:1.3;border:1px solid #9cb39431;padding:3px 6px;border-radius:4px;color:#a4b499;margin-right:3px;box-shadow:0 1px #9cb39414}.simulation-clock{font-variant-numeric:tabular-nums;font-size:11px;color:#abbda5;white-space:nowrap}.simulation-clock>span{font-size:9px;color:#819789;margin-left:3px}.challenge-banner{margin-top:15px;min-height:93px;display:flex;align-items:center;gap:21px;text-align:left;background:#1b2d2b;border:1px solid #b0c79a23;border-radius:10px;padding:16px 23px}.challenge-banner:hover{background:#223730;border-color:#b0c79a44}.challenge-art{position:relative;width:62px;height:52px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.challenge-art .mini-body{width:33px;height:33px}.tiny-moon{width:10px;height:10px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#cbd1c7,#8c9e92);position:absolute;right:0;top:0}.tiny-star{position:absolute;left:0;top:0;font-size:16px;color:#c1d2a0;font-weight:400}.challenge-copy{display:flex;flex-direction:column;gap:5px}.challenge-eyebrow{font-size:7px;letter-spacing:1.2px;color:#a0b795}.challenge-copy>strong{font-family:var(--display);font-size:17px;font-weight:500;letter-spacing:-.3px;color:#dde5cd}.challenge-copy>span:last-child{font-size:10px;color:#8fa68d}.challenge-link{margin-left:auto;display:flex;align-items:center;gap:9px;color:#c4dfaa;font-size:11px;font-weight:500;white-space:nowrap}.challenge-banner.complete{border-color:#b4e39758}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:21px 1px 23px;color:#788f83;font-size:9px}.site-footer>span{display:flex;align-items:center;gap:7px}.site-footer>span:first-child>svg{color:#9ab28b;transform:rotate(20deg)}.site-footer>span:nth-child(2){margin-left:-70px}.footer-star{font-size:17px;color:#9dae8e;margin-left:7px}.site-footer>button{display:flex;align-items:center;gap:6px;font-size:9px;color:#92a48d;padding:0}.site-footer>button:hover{color:var(--mint)}.keyboard-add{position:fixed;left:15px;bottom:15px;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;background:var(--mint);padding:0;color:#173322;border-radius:8px;z-index:20}.keyboard-add:focus-visible{clip-path:none;width:auto;height:auto;overflow:visible;padding:12px 20px}.empty-universe{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;max-width:440px;text-align:center;pointer-events:none}.empty-universe>svg{color:var(--mint);margin-bottom:17px}.empty-universe h2{font-family:var(--display);font-weight:500;font-size:24px;letter-spacing:-.5px}.empty-universe p{font-size:12px;color:#9eb1a1;line-height:1.6;margin:12px 0 20px}.empty-universe button{pointer-events:auto}.toast{position:absolute;left:50%;bottom:65px;transform:translate(-50%);z-index:6;display:flex;align-items:center;gap:9px;max-width:calc(100% - 40px);width:max-content;background:#2c4138f5;border:1px solid #bbd99e55;border-radius:8px;padding:11px 12px;color:#ddeace;font-size:11px;box-shadow:0 8px 30px #0003;animation:toast-in .2s ease-out}.toast>svg{color:var(--mint)}.toast button{padding:2px;color:#a9bf9b;display:flex}@keyframes toast-in{0%{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}.modal{position:fixed;border:1px solid #abc1993b;border-radius:17px;background:#192a2c;color:var(--text);padding:35px;width:calc(100% - 36px);max-width:510px;max-height:calc(100dvh - 70px);box-shadow:0 30px 150px #0008;overflow-y:auto}.modal::backdrop{background:#071214a6;-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}.modal.wide{max-width:850px}.modal-close{position:absolute;right:17px;top:16px}.modal-eyebrow{display:flex;align-items:center;gap:8px;color:#b7ce9c;font-size:9px;letter-spacing:1.4px;margin-bottom:17px}.modal h2{font-family:var(--display);font-size:31px;font-weight:500;letter-spacing:-.8px;line-height:1.12;margin-right:12px}.modal-intro{font-size:12px;color:#a2b4a6;line-height:1.75;margin:15px 0 25px}.modal-hero-icon{display:flex;align-items:center;justify-content:center;background:#c6eaa411;border:1px solid #c6eaa429;color:var(--mint);border-radius:13px;width:55px;height:55px;margin-bottom:22px}.help-steps{display:flex;flex-direction:column;gap:21px}.help-steps>div{display:flex;gap:17px}.help-steps>div>span{font-size:11px;padding-top:2px;color:#b9d69a}.help-steps h3{font-family:var(--display);font-weight:500;font-size:16px;margin-bottom:6px}.help-steps p{font-size:11px;color:#9fb2a5;line-height:1.8}.science-note{display:flex;gap:12px;align-items:flex-start;margin:23px 0;padding:14px;background:#c6eaa408;border:1px solid #c6eaa421;border-radius:8px}.science-note svg{color:#c7dba4;margin-top:2px}.science-note p{font-size:10px;color:#adbd9e;line-height:1.75}.shortcut-list{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:9px;color:#a9b99e;margin-bottom:15px}.shortcut-list kbd{font-size:9px}.keyboard-help{font-size:9px;line-height:1.7;color:#90a68e;margin:0 0 20px}.preset-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.preset-card{padding:0 0 17px;border:1px solid #c6eaa423;border-radius:9px;background:#1b3030;text-align:left;overflow:hidden}.preset-card:hover{border-color:#c6eaa48b;transform:translateY(-3px)}.preset-art{height:135px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 40% 30%,#27464030,#0e1e22 80%);display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:16px}.preset-art:before,.saved-art:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#aecb9970 .6px,transparent .8px),radial-gradient(#aecb9950 .6px,transparent .8px);background-size:37px 41px,67px 73px;background-position:10px 12px,30px 30px}.preset-art>.mini-body{z-index:1}.solar-art>.star{width:45px;height:45px;margin-right:27px}.solar-art>.planet{width:22px;height:22px;margin-top:-48px}.preset-orbit{position:absolute;inset:22px 6% 25px 11%;border:1px dashed #c6eaa42a;border-radius:50%;transform:rotate(-20deg)}.binary-art>.star{width:40px;height:40px}.binary-art>.star:nth-child(2){margin-top:-20px;filter:hue-rotate(15deg)}.binary-art>.planet{position:absolute;width:13px;height:13px;bottom:19px;right:32px}.comet-art>.star{position:absolute;left:50px;top:55px;width:36px;height:36px}.comet-art>.comet{position:absolute;left:62%;top:20px;transform:rotate(20deg) scale(.6)}.comet-art>.comet:nth-child(3){top:55px;left:70%}.comet-art>.comet:nth-child(4){top:85px;left:59%;transform:rotate(-10deg) scale(.6)}.preset-tag{display:block;margin:0 16px;font-size:7px;letter-spacing:1px;color:#adbd92}.preset-card h3{font-family:var(--display);font-size:19px;font-weight:500;letter-spacing:-.4px;margin:8px 16px}.preset-card p{font-size:10px;color:#9bb09d;line-height:1.8;margin:0 16px 15px}.preset-action{display:flex;align-items:center;justify-content:space-between;margin:0 16px;font-size:10px;color:#c6dfaa}.modal-footnote{font-size:10px;color:#8ea78e;line-height:1.8;margin-top:22px}.input-label{display:block;font-size:11px;color:#c5d2bb;margin-bottom:9px}.text-input{width:100%;height:44px;background:#0f2124;border:1px solid #aac19b47;color:var(--text);border-radius:7px;padding:0 13px;font-size:13px}.text-input::placeholder{color:#798e7e}.save-caption{font-size:9px;color:#8da283;margin:11px 0 24px}.saved-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.saved-card{text-align:left;background:#1c3030;border:1px solid #bcd6a82b;border-radius:8px;padding:0 0 16px;overflow:hidden}.saved-card:hover{border-color:#bcd6a87b;background:#243c35}.saved-art{position:relative;height:113px;background:#102126;display:flex;align-items:center;justify-content:center;gap:42px;overflow:hidden}.saved-art .star{width:35px;height:35px}.saved-art .planet{width:25px;height:25px;top:19px}.saved-stars{color:#b6c9a487;position:absolute;right:28px;top:14px;letter-spacing:10px}.saved-card h3{font-family:var(--display);font-weight:500;font-size:17px;line-height:1.3;overflow-wrap:anywhere;margin:15px 15px 7px}.saved-card p{font-size:9px;color:#8ba186;margin:0 15px 20px}.library-empty{padding:30px 10px 15px;text-align:center}.library-empty>svg{color:#bcd6a0;margin-bottom:20px}.library-empty h3{font-family:var(--display);font-size:24px;font-weight:500}.library-empty p{color:#9cb394;font-size:12px;margin:12px 0 24px}.fresh-options{display:flex;flex-direction:column;gap:11px}.fresh-options>button{display:flex;align-items:center;gap:15px;border:1px solid #c6eaa432;border-radius:8px;padding:19px 16px;text-align:left;background:#c6eaa406}.fresh-options>button:hover{background:#c6eaa40f;border-color:#c6eaa469}.fresh-options>button>svg{color:#c1dca1}.fresh-options>button>svg:last-child{margin-left:auto}.fresh-options>button>span{display:flex;flex-direction:column;gap:5px}.fresh-options strong{font-family:var(--display);font-size:16px;font-weight:500}.fresh-options>button>span>span{font-size:10px;color:#9caf94}.text-link{color:var(--mint);text-decoration:underline;padding:0;font:inherit}@media(min-width:1600px){.site-header{padding:0 55px}main{padding:36px 55px 0}.intro{margin-bottom:32px}h1{font-size:42px}.playground-layout{grid-template-columns:280px minmax(0,1fr);gap:24px}.control-panel{padding:24px 21px}.object-card{height:118px;padding-top:17px}.object-card strong{font-size:15px}.object-hint{font-size:9px}.panel-heading h2{font-size:19px}.panel-subtitle,.placement-hint p{font-size:11px}.control-section{padding-top:22px;padding-bottom:19px}.control-section h3{font-size:13px}.toggle-name{font-size:12px}.toggle-row{padding:9px 0}.wonder-note{padding:15px 12px}.wonder-note strong{font-size:12px}.wonder-note p{font-size:10px}.universe-window{min-height:540px}.challenge-banner{min-height:104px}.site-footer{font-size:10px}.handwritten-note{font-size:29px}}@media(max-width:1250px){.site-header{padding:0 27px;gap:15px}.main-nav{margin-left:0;gap:3px}.main-nav>button{padding:10px 11px}.made-for,.header-divider{display:none}.header-right{gap:12px}main{padding:27px 27px 0}.playground-layout{grid-template-columns:239px minmax(0,1fr);gap:17px}.control-panel{padding:20px 15px 16px}.panel-heading h2{font-size:16px}.panel-subtitle{font-size:9px}.universe-top{left:19px;right:18px}.universe-title{font-size:10px}.universe-counts{gap:10px;font-size:9px}.object-total{display:none!important}.transport-bar{padding:0 12px;gap:8px}.simulation-clock{display:none}.space-shortcut{font-size:7px}.speed-switch>button{min-width:29px;padding:0 6px}.time-controls{gap:9px}.challenge-banner{gap:13px;padding:16px 15px}.challenge-copy>strong{font-size:16px}.challenge-eyebrow{font-size:6.5px;letter-spacing:.9px}.challenge-copy>span:last-child{font-size:9px}.challenge-link{font-size:10px;gap:5px}.site-footer>span:nth-child(2){margin-left:0}}@media(max-width:1023px){.site-header{height:72px;padding:0 24px}.brand{font-size:27px}.brand-symbol>svg{width:31px}.main-nav{gap:2px}.main-nav>button{font-size:11px;gap:6px;padding:9px 10px}.main-nav svg{width:16px}.header-right{gap:8px}.explorer-avatar{display:none}.intro{margin-bottom:23px}h1{font-size:31px}.intro p{font-size:11px}.eyebrow{font-size:8px}.intro-actions{gap:7px}.button{height:38px;font-size:10px;padding:0 12px}.intro-actions .button svg{width:15px}.playground-layout{grid-template-columns:216px minmax(0,1fr);gap:14px}.control-panel{padding:17px 13px 14px}.panel-heading h2{font-size:15px}.panel-heading>svg{width:16px}.panel-subtitle{font-size:8px}.object-grid{margin-top:17px;gap:7px}.object-card{height:101px}.object-hint{font-size:7px}.placement-hint{gap:6px}.placement-hint p{font-size:9px}.wonder-note{padding:10px 8px;gap:6px}.wonder-note .note-icon svg{width:16px}.wonder-note strong{font-size:9px}.wonder-note p{font-size:8px}.fact-pager{font-size:6px}.universe-counts .count-label{display:none}.universe-counts{gap:9px}.universe-top{top:18px;gap:7px}.free-play{display:none}.canvas-tools{top:55px;left:14px}.canvas-tools button{width:28px;height:29px}.handwritten-note{font-size:21px;left:14%;bottom:110px}.space-coordinate{font-size:6px;letter-spacing:1px;left:18px}.canvas-bottom{left:15px;right:13px}.transport-bar{height:59px}.space-shortcut{display:none}.playing-label{font-size:9px}.playing-label>span{font-size:7px}.transport-divider{margin:0 2px}.speed-switch>button{min-width:25px;padding:0 5px;font-size:9px}.time-controls{gap:8px;justify-content:space-between;flex:1}.step-button{margin:0}.challenge-art{width:45px}.challenge-art .mini-body{width:27px;height:27px}.tiny-moon{width:8px;height:8px}.challenge-link{font-size:0;gap:0}.challenge-link svg{width:19px}.challenge-copy>strong{font-size:15px}.challenge-copy>span:last-child{font-size:8px}.challenge-eyebrow{font-size:6px}.challenge-banner{min-height:91px;padding:13px 15px;gap:13px}.site-footer{font-size:8px}.site-footer>span:nth-child(2){display:none}}@media(max-width:767px){.site-header{padding:0 17px;height:65px;gap:8px;flex-wrap:wrap}.brand{font-size:26px}.brand-symbol{margin-right:7px}.brand-symbol>svg{width:29px}.header-right{margin-left:auto;gap:7px}.header-right .icon-button{width:28px}.main-nav{order:3;width:100%;height:45px;justify-content:center;border-bottom:1px solid var(--border);position:absolute;left:0;top:65px;margin:0;gap:18px}.main-nav>button{font-size:11px;padding:7px 10px}.site-header{margin-bottom:45px}main{padding:23px 15px 0}.intro{align-items:flex-start;flex-wrap:wrap;gap:17px;margin-bottom:19px}h1{font-size:31px;letter-spacing:-.9px}.eyebrow{font-size:7px;margin-bottom:8px}.intro p{font-size:11px;margin-top:8px}.intro-actions{padding-top:0;width:100%;justify-content:flex-start;gap:9px}.intro-actions .button{height:34px;font-size:10px;padding:0 12px}.playground-layout{display:flex;flex-direction:column;gap:14px}.control-panel{display:grid;grid-template-columns:1fr 1fr;padding:14px;gap:0 19px}.panel-heading{grid-column:1/-1}.panel-heading h2{font-size:16px}.panel-subtitle{grid-column:1/-1;font-size:9px;margin-top:4px}.object-grid{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px;margin-top:14px}.object-card{height:87px;padding-top:12px}.object-card strong{font-size:12px;margin-top:8px}.object-card .mini-body{height:28px;width:28px}.object-card .moon{height:23px;width:23px;margin:2.5px}.object-card .comet{width:31px;height:28px}.object-card .comet>span{height:17px;width:17px}.object-card .comet:before{width:33px;bottom:13px;height:12px}.object-hint{display:none}.object-shortcut{right:5px;top:5px;font-size:8px;height:11px;width:11px;line-height:11px}.object-shortcut svg{width:9px}.placement-hint{grid-column:1/-1;padding:11px 0 12px;align-items:center}.placement-hint p{font-size:9px;line-height:1.4}.placement-hint br{display:none}.placement-hint p>span{margin-left:4px}.placement-hint>svg{width:13px;margin:0}.control-section{padding:13px 0 0}.section-title{margin-bottom:15px}.control-section h3{font-size:11px}.range-labels{font-size:8px}.view-section{display:grid;grid-template-columns:1fr 1fr;gap:0 7px}.view-section h3{grid-column:1/-1;margin-bottom:4px}.toggle-row{min-height:28px;gap:5px;grid-column:1/-1;padding:3px 0}.toggle-name{font-size:9px;gap:6px}.toggle-name svg{width:13px}.switch{width:26px;height:14px;padding:2px}.switch.on>span{transform:translate(12px)}.switch>span{height:10px;width:10px}.wonder-note{display:none}.selected-details{grid-column:1/-1;margin-top:13px;padding:9px 12px;display:grid;grid-template-columns:1fr 1fr;gap:5px 15px;align-items:center}.selected-heading{font-size:11px}.selected-mass{font-size:9px;margin:0}.selected-details>input{grid-column:2;grid-row:2}.selected-actions{grid-column:1;grid-row:2;margin:0;font-size:8px}.universe-window{height:460px;min-height:460px;flex:auto}.universe-top{left:15px;right:15px;top:17px}.universe-title{font-size:10px}.universe-counts{font-size:9px;gap:8px}.canvas-tools{left:11px;top:49px;padding:4px}.canvas-tools button{width:25px;height:27px}.canvas-tools svg{width:17px}.handwritten-note{left:11%;bottom:98px;font-size:22px}.handwritten-note svg{width:50px;left:96%}.space-coordinate{font-size:5.5px;letter-spacing:.8px;bottom:66px;left:15px}.canvas-bottom{bottom:13px;left:13px;right:12px}.current-tool{font-size:8px;padding:6px 7px}.zoom-control>button{width:24px;height:26px}.zoom-control>span{font-size:8px}.zoom-control>i{margin:0 1px}.zoom-control{gap:1px}.transport-bar{padding:0 13px;height:62px}.time-controls{gap:8px}.playing-label{font-size:9px}.playing-label>span{font-size:6.5px;max-width:92px}.speed-switch>button{min-width:26px;height:26px;font-size:9px}.play-button{width:29px;height:29px}.transport-divider{height:22px;margin:0 3px}.step-button{width:22px}.step-button>svg{width:16px}.challenge-banner{min-height:92px;gap:14px;padding:15px;margin-top:13px}.challenge-copy{gap:5px}.challenge-copy>strong{font-size:15px;max-width:230px;line-height:1.2}.challenge-copy>span:last-child{font-size:8px;line-height:1.5}.challenge-eyebrow{font-size:5.8px;letter-spacing:.7px}.challenge-art{width:44px}.site-footer{padding:19px 0 22px;font-size:8px;gap:10px}.site-footer>button{font-size:8px}.site-footer>button>svg{width:14px}.modal{padding:30px 22px;max-height:calc(100dvh - 35px);width:calc(100% - 26px);border-radius:13px}.modal h2{font-size:28px}.modal-intro{font-size:11px}.modal-eyebrow{font-size:8px}.preset-grid{grid-template-columns:1fr;gap:13px}.preset-card{display:grid;grid-template-columns:115px 1fr;gap:0;padding:0}.preset-art{height:100%;min-height:163px;grid-row:1/5;margin:0}.preset-tag{margin-top:17px;font-size:6.5px}.preset-card h3{font-size:18px;margin-top:7px}.preset-card p{font-size:9px;margin-bottom:12px}.preset-action{font-size:9px;margin-bottom:16px}.solar-art>.star{width:32px;height:32px;margin:0}.solar-art>.planet{width:17px;height:17px;position:absolute;right:17px;top:48px;margin:0}.binary-art{gap:10px}.binary-art>.star{width:29px;height:29px}.comet-art>.star{left:23px;top:65px;width:28px;height:28px}.comet-art>.comet{left:45%}.comet-art>.comet:nth-child(3){left:55%}.comet-art>.comet:nth-child(4){left:50%;top:108px}.saved-grid{grid-template-columns:1fr 1fr;gap:11px}.saved-card h3{font-size:16px}.saved-art{gap:25px}.saved-art>.planet{width:20px;height:20px}.saved-art>.star{width:28px;height:28px}.saved-card p{font-size:8px}.modal-footnote{font-size:9px}.toast{font-size:10px;max-width:calc(100% - 25px);bottom:58px;line-height:1.5}.empty-universe h2{font-size:22px}.empty-universe p{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}