:root{color-scheme:dark;font-family:system-ui,sans-serif;background:#070c17;color:#e5edff}*{box-sizing:border-box}body{margin:0;padding:env(safe-area-inset-top) 12px env(safe-area-inset-bottom);max-width:1100px;margin-inline:auto}header{padding:14px 3px 10px;display:flex;align-items:baseline;justify-content:space-between;gap:12px}h1{font-size:21px;margin:0;font-weight:600}#status{font-size:12px;color:#96c7cf}main{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:14px}.view{position:relative;border:1px solid #263349;border-radius:16px;overflow:hidden;height:min(75vh,700px);background:#050914}canvas{display:block;width:100%;height:100%;touch-action:none}.hud{position:absolute;top:12px;left:14px;right:14px;display:flex;justify-content:space-between;font-variant-numeric:tabular-nums;font-size:13px;color:#a9bad4;pointer-events:none}.hint{position:absolute;bottom:5px;width:100%;text-align:center;font-size:12px;color:#778cae;pointer-events:none}.controls{background:#111a2a;border-radius:16px;padding:15px;align-self:start}label{font-size:13px;color:#b5c5df;display:block;flex:1;min-width:0}.row{display:flex;gap:10px;margin-bottom:12px}select,input[type=number],button{font:inherit;border-radius:9px;border:1px solid #35445d;background:#1c2a40;color:#f0f5ff;min-height:44px;width:100%;padding:8px}select,input[type=number]{margin-top:6px}button{cursor:pointer;font-size:13px;font-weight:600}button:active{background:#344963}button:disabled{opacity:.5;cursor:default}.slider{margin:12px 0 16px}output{float:right;color:#b4e6ef}input[type=range]{width:100%;margin:12px 0 0;accent-color:#70d0e2;min-height:28px}details{border-top:1px solid #2b3950;padding-top:14px}summary{font-size:15px;font-weight:600;cursor:pointer}.explain,.note{font-size:12px;line-height:1.5;color:#90a5c6}.fire{background:#235d6d;border-color:#4f9eb0;font-size:16px}#launchInfo{font-size:12px;min-height:0;color:#b4e6ef;margin:8px 0}#launchInfo:empty{display:none}.bottom{align-items:center;margin-top:14px}.bottom button{width:auto}.check{display:flex;align-items:center;gap:9px}.check input{width:20px;height:20px}footer{text-align:right;color:#5e7396;font-size:10px;margin:12px 0}#error{position:absolute;inset:60px 18px auto;background:#3a2029;border:1px solid #ae6576;border-radius:10px;padding:16px;font-size:14px;line-height:1.5}@media(max-width:700px){main{grid-template-columns:1fr;gap:10px}.view{height:46vh;min-height:280px;max-height:500px}header{padding-top:10px}h1{font-size:19px}.controls{padding:13px}.row{margin-bottom:10px}details{padding-top:10px}.slider{margin:9px 0 12px}.note{margin-bottom:0}}

#axes{position:absolute;right:10px;bottom:36px;width:104px;height:104px;pointer-events:none;user-select:none}#axes text{font:600 13px system-ui,sans-serif;text-anchor:middle;dominant-baseline:central}