@import url('https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;700&display=swap');body { margin: 0; overflow: hidden; background: #000; font-family: 'JetBrains Mono', monospace; color: #0f0; }#ui-layer { position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }.header { position: absolute; top: 20px; left: 20px; text-shadow: 0 0 10px #0f0; }h1 { margin: 0; font-size: 24px; letter-spacing: 2px; }.status { font-size: 12px; opacity: 0.7; margin-top: 5px; }#status-text { color: #0f0; font-weight: bold; }.controls { position: absolute; bottom: 40px; left: 50%; transform: translateX(-50%); pointer-events: auto; display: flex; gap: 10px; background: rgba(0, 20, 0, 0.8); padding: 10px; border: 1px solid #0f0; box-shadow: 0 0 20px rgba(0, 255, 0, 0.2); }input[type='text'] { background: transparent; border: none; border-bottom: 1px solid #0f0; color: #fff; font-family: inherit; font-size: 16px; width: 300px; padding: 5px; outline: none; }button { background: #0f0; color: #000; border: none; padding: 5px 15px; font-family: inherit; font-weight: bold; cursor: pointer; text-transform: uppercase; }button:hover { background: #fff; }.physics-panel { position: absolute; top: 20px; right: 20px; width: 250px; background: rgba(0, 10, 0, 0.9); border: 1px solid #0f0; padding: 15px; pointer-events: auto; }h3 { margin-top: 0; font-size: 14px; border-bottom: 1px solid #333; padding-bottom: 5px; }label { display: block; font-size: 10px; margin-top: 10px; opacity: 0.8; }input[type='range'] { width: 100%; accent-color: #0f0; }.action-btn { width: 100%; margin-top: 15px; background: transparent; border: 1px solid #0f0; color: #0f0; }.action-btn:hover { background: #0f0; color: #000; }#log-console { position: absolute; bottom: 20px; left: 20px; width: 300px; height: 150px; overflow-y: hidden; font-size: 10px; color: rgba(0, 255, 0, 0.7); display: flex; flex-direction: column-reverse; pointer-events: none; text-shadow: 0 0 2px #000; }