body{margin:0;overflow:hidden;font-family:sans-serif;display:flex;flex-direction:column;height:100vh;background-color:#121212;color:#e0e0e0}#main-menu-bar{-webkit-user-select:none;user-select:none;font-family:Arial,sans-serif;font-size:14px;background:linear-gradient(#ececec,#d9d9d9);border-bottom:1px solid #b5b5b5;height:24px;line-height:24px;padding:0 6px;display:flex;gap:12px;position:fixed;top:0;left:0;right:0;z-index:60}.menu-root{position:relative;padding:0 8px;cursor:default;color:#000}.menu-root:hover,.menu-root.open{background:#c5daf7}.menu-dropdown{position:absolute;top:24px;left:0;min-width:180px;background:#fff;border:1px solid #a9a9a9;box-shadow:0 2px 6px #00000040;display:none;flex-direction:column;padding:4px 0;z-index:1000}.menu-root.open .menu-dropdown{display:flex}.menu-item{padding:4px 18px 4px 28px;position:relative;white-space:nowrap;cursor:default;font-size:13px;color:#000}.menu-item:hover{background:#c5daf7}.menu-separator{height:1px;background:#d0d0d0;margin:4px}#menu-bar{position:fixed;top:24px;left:0;width:100%;height:50px;background:#1e1e1e;display:flex;align-items:center;padding:0 10px;gap:10px;z-index:10}#menu-bar img{position:absolute;right:40px;height:30px}#container{display:flex;flex:1;overflow:hidden;margin-top:74px}#sidebar{width:250px;min-width:150px;max-width:500px;background:#1e1e1e;color:#e0e0e0;overflow-y:auto;border-right:1px solid #333;position:relative}#resizer{width:5px;cursor:ew-resize;position:absolute;top:0;right:0;bottom:0;background:#333;z-index:1}#scene{flex:1;position:relative;background:#121212}.nested{display:none;list-style:none;padding-left:20px}.active{display:block}.toggle{cursor:pointer;-webkit-user-select:none;user-select:none}#sim-time{margin-left:10px;font-weight:400;font-size:14px;font-family:Arial,sans-serif;color:#fff;align-self:center}#menu-bar button{background:linear-gradient(to bottom,#4a90e2,#357ab8);border:1px solid #2c6aa6;color:#fff;font-size:14px;font-weight:700;padding:8px 16px;border-radius:4px;cursor:pointer;transition:background .3s,transform .2s}#menu-bar button:hover{background:linear-gradient(to bottom,#5aa0f2,#468ac8);transform:scale(1.05)}#menu-bar button:active{background:linear-gradient(to bottom,#357ab8,#2c6aa6);transform:scale(.95)}#menu-bar button:disabled{opacity:.5;cursor:default}#menu-bar button.active{background-color:#07f;color:#fff;border:1px solid #0055cc}#sidebar li.selected{background-color:#d0e0ff;border-left:3px solid #0077ff}#speed-select{background:#333;border:none;padding:6px;color:#e0e0e0;font-size:14px;border-radius:4px}#timeline-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:8px;border-radius:4px;background:linear-gradient(to right,#4a90e2,#357ab8);outline:none;transition:background .3s;position:fixed;bottom:40px;left:0;width:100%;z-index:10;flex-grow:1;margin:0 0 0 10px}#timeline-slider:hover{background:linear-gradient(to right,#5aa0f2,#468ac8)}#timeline-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #357ab8;cursor:pointer;transition:transform .2s}#timeline-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}#timeline-slider::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #357ab8;cursor:pointer;transition:transform .2s}#timeline-slider::-moz-range-thumb:hover{transform:scale(1.2)}#disconnect-btn{background-color:#c44}.tree{font-size:14px;font-family:sans-serif;-webkit-user-select:none;user-select:none;color:#e0e0e0}.tree-node{margin-left:16px}.tree-toggle{cursor:pointer;color:#e0e0e0;padding:2px 0;display:flex;align-items:center}.tree-toggle:hover{background-color:#333}.tree-children{display:none;margin-left:16px;padding-left:4px;border-left:1px dotted #aaa}.tree-children.visible{display:block}.tree-label{margin-left:4px}.tree-item{margin-left:20px;padding:2px 4px;cursor:pointer;color:#e0e0e0}.tree-item:hover{background-color:#333}.tree-item.selected{background-color:#444;border-left:3px solid #0077ff}#player-controls{display:flex;align-items:center;gap:10px}#player-controls button{background:transparent;border:none;padding:0;margin:0 2px;cursor:pointer}#player-controls button img{display:block;background:transparent}#settings-btn{background:none;border:none;cursor:pointer;padding:0;margin:0;height:30px;width:30px;display:inline-flex;align-items:center;justify-content:center;position:relative}#settings-btn img{height:100%;width:100%;position:absolute;top:0;left:0}#floating-stats{display:none;position:fixed;top:60px;left:60px;min-width:220px;min-height:60px;max-width:40vw;max-height:60vh;background:#1e1e1ed9;color:#e0e0e0;font-family:Fira Mono,Consolas,Menlo,"monospace";font-size:14px;border-radius:8px;box-shadow:0 2px 12px #0000004d;z-index:1001;padding:12px 16px;-webkit-user-select:text;user-select:text;cursor:move;overflow:auto}#floating-stats-header{font-weight:700;cursor:move;margin-bottom:6px}#floating-stats-content{margin:0;white-space:pre-wrap;word-break:break-word}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-dialog{background:#2a2a2a;border:1px solid #444;border-radius:6px;min-width:400px;max-width:600px;box-shadow:0 4px 16px #00000080;display:flex;flex-direction:column}.modal-header{padding:10px 16px;border-bottom:1px solid #444;display:flex;justify-content:space-between;align-items:center;background:#333;border-radius:6px 6px 0 0}.modal-header h2{margin:0;font-size:16px;color:#e0e0e0;font-weight:600}.modal-close-btn{background:none;border:none;color:#e0e0e0;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;line-height:20px;text-align:center}.modal-close-btn:hover{color:#fff;background:#555;border-radius:3px}.modal-body{padding:8px 16px;color:#e0e0e0;line-height:1.4;white-space:pre-wrap;word-wrap:break-word}.modal-body p,.modal-body div{margin:0;padding:0}.modal-footer{padding:8px 16px;border-top:1px solid #444;display:flex;justify-content:flex-end;gap:8px}.modal-btn{padding:6px 16px;background:#0e639c;color:#fff;border:none;border-radius:3px;cursor:pointer;font-size:14px}.modal-btn:hover{background:#17b}.modal-btn:active{background:#0d5689}#settings-form-close-btn:hover,#stats-form-close-btn:hover{background:#ffffff1a!important}
