.hidden{display:none!important}@keyframes blink{0%,50%{opacity:1}51%,to{opacity:.3}}.play-button-blink{animation:1.5s infinite blink}.controls-wrapper #controls{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#6c757d #0000001a;border-right:2px solid #54c8ff26;width:230px;height:100vh;min-height:100vh;margin-bottom:0;position:sticky;top:0;left:0;overflow:hidden auto;border-radius:0!important}.controls-wrapper #controls::-webkit-scrollbar{width:8px}.controls-wrapper #controls::-webkit-scrollbar-track{background:#0000001a;border-radius:4px}.controls-wrapper #controls::-webkit-scrollbar-thumb{opacity:.7;background:#6c757d;border-radius:4px}.controls-wrapper #controls::-webkit-scrollbar-thumb:hover{opacity:1;background:#007bff}.controls-wrapper #controls .controls_item{color:inherit}.controls-wrapper #controls .controls_item .controls_inner{margin-top:10px;margin-bottom:15px}.controls-wrapper #controls .status_bar span{margin-top:5px}.controls-wrapper #controls .status_bar span.running{color:green}.controls-wrapper #controls .status_bar span.paused{color:orange}.controls-wrapper #controls .status_bar .status_time{flex-direction:column;display:flex}.controls-wrapper #controls .sim_controls .status_controls,.controls-wrapper #controls .sim_controls .reset_controls{flex-direction:row;display:flex}.controls-wrapper #controls .sim_controls .status_controls button,.controls-wrapper #controls .sim_controls .reset_controls button{width:100px}.controls-wrapper #controls .depth_controls{background:linear-gradient(135deg,#1a3a4a 0%,#2a4a5a 100%);border:2px solid #54c8ff;border-radius:8px;box-shadow:0 4px 12px #54c8ff4d;margin:10px 0!important;padding:15px!important}.controls-wrapper #controls .depth_controls .header{text-align:center;text-shadow:0 1px 3px #54c8ff80;color:#54c8ff!important;margin-bottom:15px!important;font-size:1.3em!important;font-weight:700!important}.controls-wrapper #controls .depth_controls .depth_buttons{flex-direction:column;gap:8px;width:100%;display:flex}.controls-wrapper #controls .depth_controls .depth_buttons .depth_btn{justify-content:center;align-items:center;width:100%;min-height:32px;display:flex;box-shadow:0 1px 3px #0003;color:#fff!important;background:linear-gradient(135deg,#2a4a5a 0%,#3a5a6a 100%)!important;border:1px solid #54c8ff!important;border-radius:4px!important;font-size:.9em!important;font-weight:400!important;transition:all .2s!important}.controls-wrapper #controls .depth_controls .depth_buttons .depth_btn:hover{transform:translateY(-1px);box-shadow:0 2px 6px #54c8ff4d;background:linear-gradient(135deg,#54c8ff 0%,#3a9acc 100%)!important;border-color:#fff!important}.controls-wrapper #controls .depth_controls .depth_buttons .depth_btn:active{transform:translateY(0);box-shadow:0 1px 3px #54c8ff33}.controls-wrapper #controls .depth_controls .depth_buttons .depth_btn i{font-size:.9em;margin-right:4px!important}.controls-wrapper #controls .gas_controls .gas_list .gas{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:15px;display:flex}.controls-wrapper #controls .gas_controls .gas_list .gas.active{color:#54c8ff}.controls-wrapper #controls .gas_controls .gas_list .gas .gas_btn i{margin:0!important}.controls-wrapper #controls .gas_controls .new_gas_controls .new_gas_creator .cancel_add_gas{margin-top:10px}.controls-wrapper #controls .gradient_factors_controls .gf_selects_wrapper{flex-flow:wrap;flex:1;justify-content:space-around;align-items:center;display:flex}.controls-wrapper #controls .gradient_factors_controls .gf_selects_wrapper .gf_separator{margin:0 10px;font-size:25px}.controls-wrapper #controls .gradient_factors_controls .gf_selects_wrapper .select_wrap{flex:1;width:35px;margin:0}.controls-wrapper #controls .gradient_factors_controls .gf_selects_wrapper .gf_buttons{justify-content:flex-start;width:100%;margin-top:10px;display:flex}.controls-wrapper #controls .gradient_factors_controls .gf_selects_wrapper .gf_buttons .save_gf{width:80px}.controls-wrapper #controls .gradient_factors_controls .gf_controls_display{flex-direction:row;justify-content:space-between;align-items:center;display:flex}.controls-wrapper #controls .scenarios_controls .scenarios_actions{flex-direction:column;align-items:flex-start;display:flex}.controls-wrapper #controls .scenarios_controls .scenarios_actions button{width:120px;margin-bottom:8px}.controls-wrapper #controls .gas_tank_controls .tank_list .tank{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;flex-direction:column;margin-bottom:10px;padding:8px;display:flex}.controls-wrapper #controls .gas_tank_controls .tank_list .tank.active{background-color:#1a3a4a;border-color:#54c8ff}.controls-wrapper #controls .gas_tank_controls .tank_list .tank.disabled{opacity:.6;background-color:#1a1a1a}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_display{flex-direction:row;justify-content:space-between;align-items:center;gap:10px;display:flex}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_display .tank_info{flex:1;min-width:0}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_display .tank_info .tank_name{color:#54c8ff;word-break:break-word;margin-bottom:2px;font-size:.9em;font-weight:700;line-height:1.2}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_display .tank_info .tank_status{color:#ccc;font-size:.8em;line-height:1.1}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_display .tank_controls{flex-shrink:0;gap:3px;display:flex}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_display .tank_controls button{justify-content:center;align-items:center;min-width:24px;height:24px;padding:0;display:flex}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_display .tank_controls button i{font-size:.8em;margin:0!important}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_editor .tank_field{margin-bottom:10px}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_editor .tank_field label{color:#ccc;margin-bottom:4px;font-size:.9em;display:block}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_editor .tank_field input,.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_editor .tank_field select{color:#fff;background-color:#333;border:1px solid #555;border-radius:3px;width:100%;padding:6px}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_editor .tank_field input:focus,.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_editor .tank_field select:focus{border-color:#54c8ff;outline:none}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_editor .tank_field.tank_actions{gap:10px;margin-top:15px;display:flex}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_editor .tank_field.tank_actions button{flex:1}.controls-wrapper #controls .gas_tank_controls .new_tank_controls .add_tank_btn{width:100%;margin-bottom:10px}.controls-wrapper #controls .gas_tank_controls .new_tank_controls .new_tank_creator{background-color:#2a2a2a;border:1px solid #444;border-radius:4px;padding:15px}.controls-wrapper #controls .gas_tank_controls .new_tank_controls .new_tank_creator .tank_field{margin-bottom:10px}.controls-wrapper #controls .gas_tank_controls .new_tank_controls .new_tank_creator .tank_field label{color:#ccc;margin-bottom:4px;font-size:.9em;display:block}.controls-wrapper #controls .gas_tank_controls .new_tank_controls .new_tank_creator .tank_field input,.controls-wrapper #controls .gas_tank_controls .new_tank_controls .new_tank_creator .tank_field select{color:#fff;background-color:#333;border:1px solid #555;border-radius:3px;width:100%;padding:6px}.controls-wrapper #controls .gas_tank_controls .new_tank_controls .new_tank_creator .tank_field input:focus,.controls-wrapper #controls .gas_tank_controls .new_tank_controls .new_tank_creator .tank_field select:focus{border-color:#54c8ff;outline:none}.controls-wrapper #controls .gas_tank_controls .new_tank_controls .new_tank_creator .custom_mix_fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.controls-wrapper #controls .gas_tank_controls .new_tank_controls .new_tank_creator .custom_mix_fields .tank_field{min-width:0}.controls-wrapper #controls .gas_tank_controls .new_tank_controls .new_tank_creator .tank_actions{gap:10px;margin-top:15px;display:flex}.controls-wrapper #controls .gas_tank_controls .new_tank_controls .new_tank_creator .tank_actions button{flex:1}.controls-wrapper #controls .sac_controls .sac_display{text-align:center;color:#54c8ff;margin-bottom:10px;font-weight:700}.controls-wrapper #controls .sac_controls .sac_buttons{flex-direction:row;justify-content:space-between;gap:5px;margin-bottom:10px;display:flex}.controls-wrapper #controls .sac_controls .sac_buttons button{flex:1;min-width:40px;font-size:.8em}.controls-wrapper #controls .sac_controls .sac_presets{flex-direction:column;gap:5px;display:flex}.controls-wrapper #controls .sac_controls .sac_presets button{width:100%;font-size:.8em}.controls-wrapper #controls .acceleration_controls .acceleration_display{text-align:center;color:#54c8ff;margin-bottom:10px;font-weight:700}.controls-wrapper #controls .acceleration_controls .acceleration_buttons{flex-direction:row;justify-content:space-between;gap:5px;margin-bottom:10px;display:flex}.controls-wrapper #controls .acceleration_controls .acceleration_buttons button{flex:1;min-width:40px;font-size:.8em}.controls-wrapper #controls .acceleration_controls .acceleration_presets{flex-direction:column;gap:5px;display:flex}.controls-wrapper #controls .acceleration_controls .acceleration_presets button{width:100%;font-size:.8em}@media (min-width:1301px){.controls-wrapper #controls{width:280px}}@media (max-width:768px){.controls-wrapper{z-index:1000;width:100%;height:auto;max-height:50vh;position:fixed;bottom:0;left:0;right:0}.controls-wrapper #controls{scroll-behavior:smooth;border-top:2px solid #54c8ff;border-radius:8px 8px 0 0;width:100%;height:auto;min-height:auto;max-height:45vh;position:relative;top:auto;left:auto;overflow:hidden auto;box-shadow:0 -4px 12px #0000004d;color:#fff!important;background-color:#2a2a2a!important}.controls-wrapper #controls .item{background-color:#0000!important;padding:6px 10px!important}.controls-wrapper #controls .item .header{color:#fff!important;margin-bottom:6px!important;font-size:.85em!important}.controls-wrapper #controls .item .controls_inner{margin-top:4px!important;margin-bottom:6px!important}.controls-wrapper #controls button{color:#fff!important;background-color:#3a3a3a!important;border:1px solid #54c8ff!important;min-height:32px!important;padding:6px 10px!important;font-size:.8em!important}.controls-wrapper #controls button:hover{color:#fff!important;background-color:#54c8ff!important}.controls-wrapper #controls .depth_controls{margin:4px 0!important;padding:8px!important}.controls-wrapper #controls .depth_controls .depth_buttons{gap:6px}.controls-wrapper #controls .depth_controls .depth_buttons .depth_btn{min-height:36px!important;font-size:.85em!important}.controls-wrapper #controls .gas_tank_controls .tank_list .tank{margin-bottom:6px;padding:4px;background-color:#3a3a3a!important;border-color:#555!important}.controls-wrapper #controls .gas_tank_controls .tank_list .tank.active{background-color:#1a3a4a!important;border-color:#54c8ff!important}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_display{gap:8px}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_display .tank_info .tank_name{color:#54c8ff!important}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_display .tank_info .tank_status{color:#ccc!important}.controls-wrapper #controls .gas_tank_controls .tank_list .tank .tank_display .tank_controls button{min-width:32px;height:32px;background-color:#4a4a4a!important;border-color:#54c8ff!important}.controls-wrapper #controls span,.controls-wrapper #controls p,.controls-wrapper #controls div{color:#fff!important}.controls-wrapper #controls .status_bar span.running{color:#28a745!important}.controls-wrapper #controls .status_bar span.paused{color:#ffc107!important}.controls-wrapper #controls input,.controls-wrapper #controls select{color:#fff!important;background-color:#4a4a4a!important;border:1px solid #666!important}.controls-wrapper #controls input:focus,.controls-wrapper #controls select:focus{background-color:#5a5a5a!important;border-color:#54c8ff!important}.controls-wrapper #controls .acceleration_display,.controls-wrapper #controls .sac_display{color:#54c8ff!important}.controls-wrapper.hidden{transition:transform .3s ease-in-out;transform:translateY(100%)}.controls-wrapper:not(.hidden){transition:transform .3s ease-in-out;transform:translateY(0)}}.reset_confirmation_backdrop{z-index:999999999;background-color:#000c;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.reset_confirmation_modal{background-color:var(--card-bg);z-index:1001;border-radius:8px;flex-direction:column;width:450px;max-width:90vw;margin:0;padding:0;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 12px #00000014}.reset_confirmation_modal .reset_confirmation_header{background-color:var(--theme_bg);border-bottom:1px solid #22242626;justify-content:space-between;align-items:center;padding:18px 20px;display:flex}.reset_confirmation_modal .reset_confirmation_header .header_content h2{color:#333;margin:0;font-size:1.3rem;font-weight:600}.reset_confirmation_modal .reset_confirmation_header .header_actions button{margin:0}.reset_confirmation_modal .reset_confirmation_content{background-color:var(--theme_bg);flex-direction:column;padding:24px;line-height:1.5;display:flex;overflow-y:auto}.reset_confirmation_modal .reset_confirmation_content p{color:var(--text-primary);margin:0;font-size:1rem;line-height:1.5}.reset_confirmation_modal .footer{background-color:var(--theme_bg);border-top:1px solid #22242626;flex-direction:row;justify-content:flex-end;align-items:center;padding:18px 20px;display:flex}.reset_confirmation_modal .footer button{margin:0 8px}.reset_confirmation_modal .footer button:last-child{margin-right:0}.unit-toggle-container,.theme-toggle-container{justify-content:space-around;align-items:center;padding:5px 0;display:flex}.unit-toggle-container .unit-label,.theme-toggle-container .unit-label{color:var(--text-primary)}