*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e8;background:#d2d4d8;font-family:Helvetica Neue,Arial,Hiragino Sans,sans-serif;overflow:hidden}#renderCanvas{touch-action:none;width:100vw;height:100vh;display:block}#panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);-webkit-user-select:none;user-select:none;background:#0f0f19e0;border:1px solid #ffffff1f;border-radius:10px;width:220px;padding:14px 16px;position:fixed;top:16px;left:16px}#drawerHandle,.mobile-hint{display:none}#panel h2.desktop-title{letter-spacing:.05em;color:#a0c8ff;margin-bottom:12px;font-size:13px;font-weight:700}#panel h3{color:#88a;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;font-size:11px;font-weight:600}section{border-bottom:1px solid #ffffff12;margin-bottom:14px;padding-bottom:14px}section:last-child{border-bottom:none;margin-bottom:0;padding-bottom:0}label{color:#c0c0d8;flex-direction:column;gap:4px;margin-bottom:10px;font-size:12px;display:flex}label span{font-variant-numeric:tabular-nums;color:#e0e8ff;margin-left:4px;font-size:13px;font-weight:600}input[type=range]{accent-color:#59f;cursor:pointer;width:100%}label.checkbox{flex-direction:row;align-items:center;gap:8px;margin-bottom:0;font-size:12px}label.checkbox input{accent-color:#59f;cursor:pointer}.btn-row{gap:6px;margin-bottom:6px;display:flex}button{color:#c8d8ff;cursor:pointer;background:#506ec840;border:1px solid #ffffff26;border-radius:6px;flex:1;padding:7px 4px;font-size:12px;font-weight:600;transition:background .15s}button:hover{background:#506ec873}button.danger{color:#ffc8c8;background:#b43c3c40;border-color:#ff646433}button.danger:hover{background:#b43c3c80}.hint p{color:#668;font-size:11px;line-height:1.6}#bodyCount{color:#88a;margin-top:2px}@media (pointer:coarse),(max-width:640px){.desktop-title,.desktop-hint{display:none}.mobile-hint{display:block}#drawerHandle{cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:10px;padding:14px 0 10px;display:flex}.handle-bar{background:#ffffff4d;border-radius:2px;flex-shrink:0;width:36px;height:4px;display:block}.handle-label{color:#a0c8ff;letter-spacing:.04em;font-size:13px;font-weight:700}#panel{-webkit-overflow-scrolling:touch;border-radius:16px 16px 0 0;width:100%;max-height:85vh;padding:0 16px 32px;transition:transform .35s cubic-bezier(.4,0,.2,1);inset:auto 0 0;overflow-y:auto;transform:translateY(calc(100% - 169px))}#panel.open{transform:translateY(0)}#panel:not(.open) #physicsParams,#panel:not(.open) .hint{pointer-events:none}button{min-height:44px;padding:12px 4px;font-size:13px}input[type=range]{height:28px}label.checkbox input{width:18px;height:18px}}