*{box-sizing:border-box;margin:0;padding:0}.panel-derecho,.panel-izquierdo,.lista-particulas{scrollbar-width:none;-ms-overflow-style:none;overflow-x:hidden;overflow-y:auto}.gui-wrapper{position:absolute;top:0;left:0;width:100vw;height:100vh;z-index:9999;pointer-events:none;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;font-size:14px}.panel-derecho,.panel-izquierdo{position:absolute;top:20px;background:linear-gradient(135deg,#14141ef2,#0a0a14f2);color:#e0e0e0;padding:20px;border-radius:12px;border:1px solid rgba(100,100,150,.3);box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:all;width:340px;transition:all .3s ease;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none}.panel-izquierdo{z-index:10001}.panel-derecho::-webkit-scrollbar,.panel-izquierdo::-webkit-scrollbar{display:none}.panel-derecho{right:20px;border-right:4px solid #ff6b6b}.panel-izquierdo{left:20px;border-left:4px solid #4ecdc4}.panel-derecho:hover,.panel-izquierdo:hover{transform:translateY(-2px);box-shadow:0 12px 40px #0009,inset 0 1px #ffffff26}h3{color:#fff;margin-bottom:15px;text-shadow:0 2px 4px rgba(0,0,0,.5);font-weight:600}h4{color:#b8d4f0;margin-bottom:10px;font-weight:500}input{background:linear-gradient(135deg,#1e1e28cc,#14141ecc);border:1px solid rgba(100,100,150,.4);color:#fff;width:100%;padding:8px 12px;margin:6px 0;border-radius:6px;transition:all .3s ease;font-size:13px}input:focus{outline:none;border-color:#4ecdc4;box-shadow:0 0 0 2px #4ecdc44d;background:linear-gradient(135deg,#23232de6,#191923e6)}button{width:100%;padding:10px 15px;cursor:pointer;border:none;border-radius:6px;font-weight:600;margin-bottom:8px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;font-size:12px}button:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000004d}.btn-play{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.btn-play:hover{background:linear-gradient(135deg,#218838,#1aa085)}.btn-pause{background:linear-gradient(135deg,#dc3545,#e74c3c);color:#fff}.btn-pause:hover{background:linear-gradient(135deg,#c82333,#c0392b)}.btn-delete{width:auto;padding:4px 8px;background:linear-gradient(135deg,#ff4757,#ff3838);color:#fff;font-size:12px;font-weight:700;border-radius:4px;margin-left:10px;flex-shrink:0}.btn-delete:hover{background:linear-gradient(135deg,#ff3742,#ff2828);transform:scale(1.05)}.particle-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;margin-bottom:5px;border-radius:6px;background:#28283280;transition:all .3s ease;cursor:pointer}.particle-item:hover{background:#32323cb3;transform:translate(2px)}.particle-item.selected{background:#4ecdc433;border-left:3px solid #4ecdc4}hr{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(100,100,150,.5),transparent);margin:15px 0}label{display:block;margin-bottom:5px;color:#b8d4f0;font-weight:500}.syntax-guide{margin-top:20px;padding:15px;background:linear-gradient(135deg,#1e1e28cc,#14141ecc);border-radius:8px;font-size:12px;color:#ccc;border:1px solid rgba(100,100,150,.3);box-shadow:inset 0 1px #ffffff1a}.syntax-guide code{color:#4ecdc4;display:block;margin:6px 0;background:#0000004d;padding:4px 8px;border-radius:4px;font-family:Consolas,monospace}.syntax-guide p{margin:8px 0}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel-derecho,.panel-izquierdo{animation:fadeIn .5s ease-out}.force-row{display:flex;gap:4px;align-items:center;margin-bottom:5px}.force-row input{margin:0;padding:4px}.btn-add-force{background:#4ecdc4;color:#1a1a1a;margin-top:10px}.toggle-container{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}.toggle-container button{width:auto;padding:5px 10px;margin:0}.section{margin-bottom:12px;border-radius:8px;background:#1e1e2880;overflow:hidden;border:1px solid rgba(100,100,150,.2)}.section-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;cursor:pointer;background:#28283799;transition:background .2s ease;-webkit-user-select:none;user-select:none}.section-header:hover{background:#323241cc}.section-header h4{margin:0;font-size:13px;color:#e0e0e0;display:flex;align-items:center;gap:8px}.section-header .toggle-icon{font-size:12px;color:#888;transition:transform .3s ease}.section-header .toggle-icon.open{transform:rotate(180deg)}.section-content{padding:12px;animation:slideDown .3s ease}.section-content.collapsed{display:none}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.config-buttons{display:flex;gap:8px;margin-bottom:10px}.config-buttons button{flex:1;padding:8px 12px;font-size:11px;margin:0}.btn-save{background:linear-gradient(135deg,#6c5ce7,#a55eea);color:#fff}.btn-save:hover{background:linear-gradient(135deg,#5b4bd5,#9645d9)}.btn-load{background:linear-gradient(135deg,#0984e3,#00cec9);color:#fff}.btn-load:hover{background:linear-gradient(135deg,#0773c8,#00b5b1)}.btn-example{background:linear-gradient(135deg,#f39c12,#e74c3c);color:#fff;margin-bottom:15px}.btn-example:hover{background:linear-gradient(135deg,#d68910,#c0392b)}.hidden-input{display:none}.button-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:10px}.button-grid button{margin:0;font-size:11px;padding:8px}.formula-input{display:flex;flex-direction:column;flex:1}.formula-error{font-size:10px;color:#ff6b6b;margin-top:2px;line-height:1.2}.event-list{max-height:260px;overflow-y:auto;margin-bottom:10px;padding-right:4px}.event-card{border-radius:10px;padding:10px;margin-bottom:10px;border:1px solid rgba(100,100,150,.25);background:linear-gradient(135deg,#20202eb3,#161622b3);box-shadow:inset 0 1px #ffffff0d}.event-card-on{border-color:#ffc10766}.event-card-off{opacity:.7}.event-card-triggered{box-shadow:inset 0 0 0 1px #28a74566}.event-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.event-title{flex:1;font-size:12px;padding:6px 8px}.event-header-actions{display:flex;gap:6px;align-items:center}.event-toggle{width:auto;padding:4px 8px;font-size:10px;border-radius:6px}.event-toggle-on{background:linear-gradient(135deg,#28a745,#20c997);color:#fff}.event-toggle-off{background:#555;color:#ddd}.event-delete{width:auto;padding:4px 8px;font-size:10px;background:#dc3545;color:#fff;border-radius:6px}.event-status{font-size:10px;color:#20c997;margin-bottom:6px}.event-section{margin-bottom:8px}.event-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px;font-size:11px;color:#b8d4f0}.event-section-title{display:block;margin-bottom:6px;font-size:11px;color:#b8d4f0}.event-logic{width:auto;font-size:10px;padding:2px 6px}.event-row{display:flex;align-items:center;gap:6px;margin-bottom:6px}.event-select{width:auto;font-size:10px;padding:4px 6px}.event-input{width:70px;font-size:10px;padding:4px 6px;margin:0}.event-color{width:36px;height:24px;padding:0;border:none;background:transparent}.event-remove{width:24px;height:24px;padding:0;font-size:12px;background:#dc3545;color:#fff}.event-add{width:auto;padding:4px 10px;font-size:10px;background:#17a2b8;color:#fff}.lista-particulas{max-height:200px;margin-top:8px}.info-panel{position:absolute;top:20px;left:20px;background:linear-gradient(135deg,#14141ef2,#0a0a14f2);color:#e0e0e0;padding:15px;border-radius:12px;border:1px solid rgba(100,100,150,.3);border-left:4px solid #4ecdc4;box-shadow:0 8px 32px #00000080,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);pointer-events:all;width:320px;max-height:calc(100vh - 40px);overflow-y:auto;scrollbar-width:none;-ms-overflow-style:none;animation:fadeIn .3s ease-out}.info-panel::-webkit-scrollbar{display:none}.info-time{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px;background:linear-gradient(135deg,#4ecdc433,#4ecdc41a);border-radius:8px;margin-bottom:10px}.time-label{font-size:16px;font-weight:600;color:#4ecdc4}.time-value{font-size:22px;font-weight:700;color:#fff;font-family:Consolas,Courier New,monospace}.info-divider{border:none;height:1px;background:linear-gradient(90deg,transparent,rgba(100,100,150,.5),transparent);margin:10px 0}.info-particles-list{display:flex;flex-direction:column;gap:10px}.info-particle-card{background:#1e1e2899;border-radius:8px;overflow:hidden;border:1px solid rgba(100,100,150,.2)}.info-particle-header{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#282837cc;border-left:4px solid #ffffff}.info-particle-name{font-weight:600;font-size:14px;color:#fff}.info-ground-badge{background:linear-gradient(135deg,#28a745,#20c997);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.info-massless-badge{background:linear-gradient(135deg,#6c5ce7,#a55eea);color:#fff;padding:2px 6px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase}.info-particle-body{padding:10px 12px}.info-row{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:6px;font-size:12px}.info-label{color:#b8d4f0;font-weight:500;min-width:40px}.info-value{color:#fff;font-family:Consolas,Courier New,monospace;text-align:right}.info-subvalue{display:block;font-size:10px;color:#888;margin-top:2px}.info-forces-section{margin-top:8px;padding-top:8px;border-top:1px solid rgba(100,100,150,.3)}.info-forces-title{display:block;font-size:11px;font-weight:600;color:#b8d4f0;margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px}.info-force-row{display:flex;align-items:center;gap:8px;padding:4px 8px;margin-bottom:4px;border-radius:4px;font-size:11px}.force-name{min-width:80px;font-weight:500}.force-value{min-width:60px;font-family:Consolas,Courier New,monospace;text-align:right}.force-components{font-size:10px;color:#888;font-family:Consolas,Courier New,monospace}.info-force-weight{background:#00ff001a;border-left:3px solid #00ff00}.info-force-applied{background:#00ffff1a;border-left:3px solid #00ffff}.info-force-normal{background:#ffff001a;border-left:3px solid #ffff00}.info-force-friction{background:#ff00ff1a;border-left:3px solid #ff00ff}.info-no-forces{font-size:11px;color:#666;font-style:italic;text-align:center;padding:8px}.info-empty{text-align:center;color:#666;font-style:italic;padding:20px}body{margin:0;padding:0;box-sizing:border-box}.mobile-warning{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);z-index:99999;justify-content:center;align-items:center;flex-direction:column;text-align:center;padding:20px;box-sizing:border-box}.mobile-warning h1{color:#fff;font-size:2rem;margin-bottom:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.mobile-warning p{color:#b8d4f0;font-size:1.1rem;max-width:300px;line-height:1.6;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.mobile-warning .icon{font-size:4rem;margin-bottom:20px}@media(max-width:768px){.mobile-warning{display:flex}#root{display:none}}