@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Space+Mono:wght@400;700&display=swap');
:root{color-scheme:dark;--bg:#0c110e;--panel:#101612;--line:#253027;--muted:#809084;--text:#e5eadd;--green:#c5ee89;--mono:'Space Mono',monospace;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:13px var(--sans);overflow:hidden}button,select,input{font:inherit}button{cursor:pointer;color:inherit;background:none;border:0}button,input,select,a{ -webkit-tap-highlight-color:transparent}button:hover{color:var(--green)}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,canvas:focus-visible{outline:2px solid var(--green);outline-offset:4px}button:disabled{opacity:.35;cursor:default}a{color:inherit;text-decoration:none}.topbar{height:77px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 27px;gap:25px;background:#101511}.brand{display:flex;align-items:center;gap:12px;color:var(--green)}.brand svg{width:37px;height:37px}.brand b{font-size:25px;letter-spacing:4px;color:#edf0e8}.beta{display:inline-block;margin-left:10px;letter-spacing:1px;font:9px var(--mono);color:var(--green);border:1px solid #465438;padding:4px 5px;vertical-align:middle}.top-divider{height:22px;width:1px;background:var(--line)}.top-caption{color:#9caa9d;font-size:12px}.top-right{margin-left:auto;display:flex;align-items:center;gap:18px}.local-badge{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:8px}.local-badge i,.scene-tag i{height:5px;width:5px;background:var(--green);display:inline-block;border-radius:50%}.icon-button{width:27px;height:27px;border:1px solid #354131;border-radius:50%;color:#a0b095}.quiet-button{border:1px solid #3c4937;padding:10px 13px;border-radius:5px;font-size:11px}.quiet-button span{font-size:15px;margin-right:6px}.workspace{height:calc(100dvh - 111px);min-height:560px;display:grid;grid-template-columns:232px minmax(300px,1fr) 260px}.left-panel,.right-panel{background:var(--panel);padding:25px 20px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#334130 transparent}.left-panel{border-right:1px solid var(--line);display:flex;flex-direction:column}.eyebrow,.section-heading,.field-label{font:9px var(--mono);letter-spacing:1.2px;color:#92a18e}.panel-heading{display:flex;justify-content:space-between;align-items:center}.tiny-square{height:5px;width:5px;background:var(--green)}h1{font-size:24px;letter-spacing:-1px;font-weight:500;margin:14px 0 7px}h1 span{color:var(--green)}.intro{color:var(--muted);font-size:11px;line-height:1.8;margin:0 0 25px}.field-label{display:block;margin-bottom:9px}.select-wrap select{width:100%;background:#1a231a;color:#cfdbbf;border:1px solid #34422e;padding:11px 8px;border-radius:4px;font-size:11px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:25px 0 14px}.create-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.create-card{height:94px;background:#151c16;border:1px solid #2b362a;border-radius:5px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;transition:background .2s,border .2s}.create-card:hover,.create-card.chosen{background:#202c1b;border-color:#93ac65}.create-card>span:nth-child(2){font-size:10px}.create-card small{font:8px var(--mono);color:#778670}.mini-planet{display:block;width:23px;height:23px;margin-bottom:2px;image-rendering:pixelated;clip-path:polygon(25% 0,75% 0,75% 12%,90% 12%,90% 25%,100% 25%,100% 75%,85% 75%,85% 90%,75% 90%,75% 100%,25% 100%,25% 90%,10% 90%,10% 75%,0 75%,0 25%,10% 25%,10% 12%,25% 12%);box-shadow:inset -6px -5px #0005}.rock{background:linear-gradient(125deg,#b7cfa8 25%,#6e9a76 25%,#6e9a76 46%,#7291a1 46%,#7291a1 65%,#4d7286 65%)}.gas{background:repeating-linear-gradient(0deg,#bd9c71 0 4px,#deb88b 4px 7px,#98765a 7px 10px)}.star{background:linear-gradient(120deg,#ffe4a0,#f4ac3d 70%,#b97128)}.ice{background:linear-gradient(130deg,#c5e7d9,#88c8cd 40%,#5298b5 60%)}.asteroid{height:19px;width:19px;background:#948a7a;transform:rotate(18deg)}.blackhole{background:#050807;border:3px solid #9e9678;box-shadow:0 0 8px #cfb188;clip-path:circle(48%)}.materials{display:grid;grid-template-columns:1fr 1fr;gap:6px}.materials button{border:1px solid #2a3429;display:flex;gap:7px;align-items:center;padding:8px 7px;border-radius:4px;font-size:9px;color:#97a18f}.materials b{font:10px var(--mono);color:#d5decd;min-width:19px}.materials i{height:4px;width:4px;background:var(--dot);margin-left:auto}.text-button{font-size:13px;padding:0}.left-footer{margin-top:auto;padding-top:23px;display:flex;gap:10px;align-items:center}.pixel-cross{font-size:26px;color:#5a6b48}.left-footer p{font-size:9px;line-height:1.8;color:#71806e}.mono{font-family:var(--mono)}.muted{color:var(--muted)}.universe{position:relative;overflow:hidden;background:#090f0e;isolation:isolate}.universe>canvas{width:100%;height:100%;display:block;touch-action:none;outline-offset:-3px}.scene-header{pointer-events:none;position:absolute;left:30px;top:28px}.scene-tag{font:8px var(--mono);letter-spacing:1px;color:#9eb094;display:flex;align-items:center;gap:9px}.version{margin-left:7px;border:1px solid #374434;padding:3px 5px;color:#7e9175}.scene-header h2{font-size:38px;line-height:1.12;letter-spacing:-1.5px;font-weight:450;margin:18px 0 10px}.scene-header h2 span{color:#a3b993}.scene-header p{font-size:10px;color:#7f9281}.view-bar{position:absolute;top:28px;right:20px;display:flex;padding:4px;background:#101812db;border:1px solid #2c3b2e;border-radius:5px;gap:3px}.view-toggle{font-size:9px;padding:6px 7px;color:#788e7c;border-radius:3px}.view-toggle span{font-size:13px;margin-right:4px}.view-toggle.active{color:#c4d9b9;background:#243022}.scene-bottom{position:absolute;bottom:106px;left:25px;right:25px;display:flex;justify-content:space-between;align-items:end;font-size:8px}.scale{font:8px var(--mono);color:#7c927e;display:grid;gap:6px}.scale i{width:80px;height:6px;border:1px solid #72836e;border-top:0}.zoom-controls{position:absolute;right:20px;bottom:144px;display:flex;flex-direction:column;align-items:center;gap:8px;border:1px solid #2e3d2e;background:#111a14e8;border-radius:5px;padding:6px 7px;color:#b2c8a7}.zoom-controls button{width:22px;height:23px;font-size:18px}.zoom-controls span{font:8px var(--mono)}.zoom-divider{height:1px;width:22px;background:var(--line);margin:2px 0}.axis-marker{position:absolute;left:28px;bottom:151px;font:8px var(--mono);color:#65846c;width:28px;height:28px;opacity:.7}.axis-marker i{position:absolute;left:4px;top:8px;width:19px;height:18px;border-left:1px solid #65846c;border-bottom:1px solid #65846c}.axis-marker b{position:absolute;right:-5px;bottom:-3px;font-weight:400}.canvas-tip{position:absolute;bottom:164px;left:50%;transform:translateX(-50%);background:#152018e8;border:1px solid #34432e;max-width:calc(100% - 140px);border-radius:5px;padding:11px 12px;display:flex;align-items:center;gap:11px;font-size:9px;color:#8c9e86;white-space:nowrap}.canvas-tip b{font-weight:500;color:#bfceb2}.mouse-icon{font-size:20px;color:var(--green)}.canvas-tip button{color:#8c9e86;font-size:16px}.transport{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:12px;padding:9px 13px 9px 9px;border:1px solid #3d4a31;border-radius:7px;background:#152016f5;box-shadow:0 8px 35px #0006;white-space:nowrap}.play-button{background:var(--green);color:#26321e;width:34px;height:34px;border-radius:4px;font-size:18px;font-weight:700}.play-button:hover{color:#10160d;background:#d8ffa9}.step-button{font-size:12px;color:#a5b898;padding:0 2px}.transport-separator{width:1px;height:21px;background:#37452e}.speed-label{font:8px var(--mono);color:#829175}.speeds{display:flex;gap:3px}.speeds button{font:10px var(--mono);padding:7px 8px;border-radius:3px;color:#849678}.speeds .active{background:#354529;color:var(--green)}.reset-button{font-size:17px;color:#a8bc99;display:flex;align-items:center;gap:7px}.reset-button span{font-size:10px}.sim-clock{font:9px var(--mono);color:#8fa27e;margin-left:4px}.right-panel{border-left:1px solid var(--line);padding:25px 20px 14px}.section-heading.first{margin-top:0;margin-bottom:12px}.live-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#b1d780}.inspector-art{height:132px;background:radial-gradient(ellipse,#24372b50,transparent 70%);position:relative;display:flex;align-items:center;justify-content:center}.inspector-art canvas{width:140px;height:112px;image-rendering:pixelated}.object-number{position:absolute;left:0;bottom:10px;font:8px var(--mono);color:#5f745f}.object-title{display:flex;align-items:center;justify-content:space-between}.object-title h2{font-size:27px;font-weight:450;letter-spacing:-.8px;margin:2px 0 5px}.object-title>span{color:#a5bd91;font-size:22px}.object-type{color:#869c78;font:8px var(--mono);letter-spacing:1px}.object-metrics{margin-top:22px;display:grid;gap:13px}.object-metrics>div{display:flex;justify-content:space-between;font-size:10px;color:#859581}.object-metrics b{font:10px var(--mono);color:#c7d5bc;font-weight:400}.composition-title{margin:24px 0 12px;font-size:8px}.composition-row{margin:9px 0}.composition-label{display:flex;justify-content:space-between;font-size:9px;color:#a5b79a;margin-bottom:5px}.composition-track{height:3px;background:#253023;border-radius:1px}.composition-track i{display:block;height:100%;background:var(--bar);border-radius:1px}.object-actions{display:flex;gap:7px;margin-top:19px}.object-actions button{border:1px solid #3a4832;border-radius:4px;padding:9px;font-size:10px;color:#a8bc95}.object-actions button:first-child{flex:1}.object-actions button.active{background:#34442b;color:var(--green)}.object-actions .delete-button{font-size:14px;padding:6px 10px}.physics-block{margin-top:23px;border-top:1px solid var(--line)}.physics-block .section-heading{margin-top:20px}.lab-mark{border:1px solid #46543a;padding:0 4px;color:#afc895}.physics-row{display:flex;justify-content:space-between;font-size:10px;color:#99ac8e}.physics-row output{font:10px var(--mono);color:#b7cc9f}input[type=range]{width:100%;accent-color:var(--green);height:3px;margin:14px 0 19px;cursor:pointer}.switch-row{display:flex;align-items:center;justify-content:space-between;position:relative;font-size:9px;color:#9aac90;margin:0 0 15px;gap:7px;cursor:pointer}.switch-row small{font:7px var(--mono);color:#6c8063}.switch-row input{position:absolute;right:0;width:28px;height:16px;opacity:0;margin:0}.switch{width:25px;height:13px;border:1px solid #4d5e42;background:#253020;border-radius:20px;position:relative;flex-shrink:0}.switch:after{content:'';width:7px;height:7px;position:absolute;left:2px;top:2px;background:#809472;border-radius:50%;transition:transform .2s}.switch-row input:checked+.switch{background:#475c32;border-color:#75904c}.switch-row input:checked+.switch:after{background:var(--green);transform:translateX(11px)}.switch-row input:focus-visible+.switch{outline:2px solid var(--green)}.model-note{font-size:9px;color:#7c916d;padding:0;display:flex;gap:6px;align-items:center}.event-block{border-top:1px solid var(--line);margin-top:21px}.event-block .section-heading{margin-top:18px}.event{font-size:9px;color:#a4b397;line-height:1.6;padding-left:12px;border-left:1px solid #405532;margin:11px 0}.event small{display:block;color:#627558;font:7px var(--mono);margin-bottom:3px}.statusbar{height:34px;border-top:1px solid var(--line);display:flex;align-items:center;gap:28px;padding:0 24px;background:#101611;font:8px var(--mono);letter-spacing:.5px;color:#7c8c71}.statusbar>span{display:flex;align-items:center;gap:7px}.statusbar b{font-weight:400;color:#b3c6a2}.status-divider{width:1px;height:10px;background:#35442d;margin:0 6px}.footer-right{margin-left:auto;font:10px var(--sans);letter-spacing:0;color:#7f9175}.pixel-spark{font-size:18px;color:#bcd48e;margin-left:5px}.mode-hint{position:absolute;left:50%;top:130px;transform:translateX(-50%);padding:12px 15px;background:#25351c;border:1px solid #8ba563;color:#d0e8b0;border-radius:5px;font-size:11px;white-space:nowrap;max-width:95%}.mode-hint button{margin-left:12px;font-size:18px}.toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);z-index:10;padding:13px 20px;background:#293b20;border:1px solid #7e9e55;border-radius:5px;color:#d5e9bd;font-size:12px;max-width:90%}.toast[hidden],.mode-hint[hidden]{display:none}dialog{width:500px;max-width:90vw;background:#151e16;color:var(--text);border:1px solid #4a5e3c;border-radius:9px;padding:35px;box-shadow:0 25px 120px #000a}dialog::backdrop{background:#030805b8;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:17px;top:12px;font-size:24px;color:#94a787}dialog h2{font-size:28px;font-weight:450;letter-spacing:-1px;margin:18px 0}dialog p,dialog li{font-size:12px;color:#a8baa0;line-height:1.8}dialog strong{color:#d4e4c8;font-weight:500}dialog a{color:var(--green);text-decoration:underline}dialog kbd{font:10px var(--mono);background:#2c3b24;border:1px solid #496039;border-radius:3px;padding:2px 5px}.primary-button{background:var(--green);color:#23311a;padding:12px 18px;border-radius:4px;margin-top:12px;font-size:11px}.primary-button:hover{background:#d2fba0;color:#182010}.empty-inspector{padding:25px 0;color:#889d7d;font-size:11px;line-height:1.8}.universe.placing{cursor:crosshair}.universe.grabbing{cursor:grabbing}
@media(min-height:880px){.left-panel,.right-panel{padding-top:30px}.create-card{height:108px}.inspector-art{height:152px}.object-metrics{gap:16px}.section-heading{margin-top:30px}.scene-header{top:35px}.view-bar{top:35px}.scene-header h2{font-size:44px}}
@media(min-width:1650px){.workspace{grid-template-columns:260px minmax(400px,1fr) 290px}.left-panel,.right-panel{padding-left:25px;padding-right:25px}.scene-header{left:40px;top:38px}.scene-header h2{font-size:48px}}
@media(max-width:1190px){.workspace{grid-template-columns:200px minmax(260px,1fr) 225px}.left-panel,.right-panel{padding:23px 14px}.top-caption{display:none}.view-bar{top:175px;left:27px;right:auto}.scene-header h2{font-size:34px}.canvas-tip{white-space:normal;width:270px;max-width:calc(100% - 90px);bottom:153px}.canvas-tip span:nth-child(2){line-height:1.7}.transport{gap:8px;padding:8px}.speed-label,.sim-clock,.reset-button span{display:none}.topbar{height:65px}.workspace{height:calc(100dvh - 99px)}.top-right{gap:12px}.local-badge{font-size:10px}.create-card{height:90px}.create-card>span:nth-child(2){font-size:9px}}
@media(max-width:900px){.workspace{grid-template-columns:174px minmax(250px,1fr)}.right-panel{display:none}.left-panel{padding:22px 12px}.top-divider{display:none}.create-grid{gap:6px}.create-card{height:92px}.create-card>span:nth-child(2){font-size:9px}.local-badge{display:none}.scene-header h2{font-size:36px}.view-bar{top:26px;left:auto;right:15px}.materials{gap:5px}.materials button{padding:8px 4px;gap:4px;font-size:8px}h1{font-size:22px}.intro{font-size:10px}.quiet-button{font-size:10px}.select-wrap select{font-size:9px}.scene-header{left:23px}.canvas-tip{white-space:normal;width:290px;bottom:150px}.footer-right{font-size:9px}}
@media(max-width:620px){body{overflow:auto}.topbar{height:62px;padding:0 15px;gap:10px}.brand{gap:7px}.brand b{font-size:21px;letter-spacing:3px}.brand svg{width:29px}.beta{margin-left:5px}.top-right{gap:8px}.quiet-button{padding:8px;font-size:0}.quiet-button span{font-size:18px;margin:0}.workspace{height:calc(100dvh - 94px);min-height:580px;display:flex;flex-direction:column-reverse;position:relative}.universe{flex:1;min-height:0;width:100%}.left-panel{height:109px;min-height:109px;border:0;border-top:1px solid var(--line);padding:10px;overflow-x:auto;overflow-y:hidden;display:block}.panel-heading,h1,.intro,.field-label,.select-wrap,.left-panel>.section-heading,.materials,.left-footer{display:none}.create-grid{display:flex;gap:7px;min-width:470px;height:86px}.create-card{height:86px;flex:1;min-width:72px}.create-card>span:nth-child(2){font-size:8px}.create-card small{font-size:7px}.mini-planet{width:22px;height:22px}.scene-header{left:19px;top:20px}.scene-header h2{font-size:30px;margin-top:16px}.scene-tag{font-size:7px}.scene-header p{font-size:9px}.view-bar{top:150px;left:18px;right:auto;padding:3px}.view-toggle{padding:5px 7px;font-size:8px}.transport{bottom:18px;gap:10px;padding:7px 10px;max-width:95%}.play-button{height:30px;width:30px}.speeds button{padding:5px 7px}.canvas-tip{display:none}.scene-bottom{bottom:80px;left:20px;right:18px}.zoom-controls{bottom:111px;right:13px;padding:5px}.axis-marker{display:none}.statusbar{padding:0 13px;gap:17px;font-size:7px;height:32px}.footer-right{display:none!important}.mode-hint{top:204px;white-space:normal;width:85%;font-size:10px}.toast{bottom:155px}.top-right .icon-button{height:26px;width:26px}dialog{padding:27px}dialog h2{font-size:25px}.scale i{width:60px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.inspector-toggle,.mobile-scenario{display:none}@media(max-width:900px){.inspector-toggle{display:block}.mobile-scenario{display:block;margin-bottom:23px}.right-panel.mobile-open{display:block;position:absolute;right:0;top:65px;bottom:34px;width:260px;z-index:7;box-shadow:-20px 0 70px #0008}.workspace{position:static}}@media(max-width:620px){.right-panel.mobile-open{top:62px;bottom:32px;width:260px}}

.damage-metrics{margin-top:18px;padding-top:14px;border-top:1px solid var(--line);display:grid;gap:10px}.damage-metrics>div{display:flex;justify-content:space-between;font-size:9px;color:#859581;gap:8px}.damage-metrics b{font:9px var(--mono);color:#bedba0;font-weight:400}.damage-metrics button{border:1px solid #4b5635;padding:8px;color:#d2ba88;border-radius:4px;font-size:10px;margin-top:3px}.damage-metrics button:hover{border-color:#b8ca80;background:#29351e}.composition-label{gap:5px;font-size:8px}.composition-label span:last-child{white-space:nowrap}@media(max-width:620px){.statusbar{gap:11px}.statusbar>span{gap:5px}.status-divider{margin:0 2px}}

.switch{pointer-events:none}

/* The camera controls follow the existing view toolbar on every screen size. */
.view-toggle b{font:inherit}.camera-controls{position:absolute;top:76px;right:20px;display:flex;align-items:center;gap:9px;padding:7px 10px;border:1px solid #2c3b2e;border-radius:5px;background:#101812df;color:#a5b59a}.camera-controls label{font:7px var(--mono);letter-spacing:1px}.camera-controls input[type=range]{width:70px;height:3px;margin:0}.camera-controls output{min-width:24px;font:8px var(--mono)}.camera-controls button{width:26px;height:25px;font-size:19px;border-left:1px solid #2e3d2e}.camera-controls[hidden]{display:none}
@media(min-height:880px){.camera-controls{top:83px}}
@media(max-width:1190px){.camera-controls{top:219px;left:27px;right:auto}.view-bar{flex-wrap:wrap;max-width:calc(100% - 44px)}}
@media(max-width:900px){.camera-controls{top:70px;left:auto;right:15px}}
@media(max-width:620px){.view-bar{top:150px;left:18px;right:auto;max-width:calc(100% - 36px)}.camera-controls{top:191px;left:18px;right:auto;gap:8px;padding:5px 8px}.mode-hint{top:242px}.camera-controls input[type=range]{width:80px}}

.axis-marker{width:48px;height:48px;pointer-events:none}.axis-marker svg{width:48px;height:48px;overflow:visible}.axis-marker text{fill:currentColor;font:7px var(--mono);text-anchor:middle;dominant-baseline:middle}