@keyframes spin{to{transform:rotate(360deg)}}.loading-spinner{animation:spin 1s linear infinite}.panel{background:#0f172ae6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(59,130,246,.2);border-radius:.75rem;overflow:hidden;transition:all .3s ease}.panel-header{background:#1e293b80;border-bottom:1px solid rgba(59,130,246,.1)}.panel-header:hover{background:#1e293bcc}.toggle-icon{transition:transform .3s ease;color:#64748b}.panel-collapsed .toggle-icon{transform:rotate(-90deg)}.panel-collapsed .panel-content{display:none}.slider{-webkit-appearance:none;appearance:none;height:6px;background:#1e293b;border-radius:3px;outline:none}.slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;background:#3b82f6;border-radius:50%;cursor:pointer;transition:background .2s}.slider::-webkit-slider-thumb:hover{background:#60a5fa}.slider::-moz-range-thumb{width:16px;height:16px;background:#3b82f6;border:none;border-radius:50%;cursor:pointer}.toggle-checkbox{-webkit-appearance:none;appearance:none;width:40px;height:22px;background:#1e293b;border-radius:11px;position:relative;cursor:pointer;transition:background .3s}.toggle-checkbox:before{content:"";position:absolute;width:18px;height:18px;background:#64748b;border-radius:50%;top:2px;left:2px;transition:all .3s}.toggle-checkbox:checked{background:#1e3a5f}.toggle-checkbox:checked:before{background:#3b82f6;transform:translate(18px)}.toggle-item{padding:.5rem 0;cursor:pointer;color:#94a3b8}.toggle-item:hover{color:#e2e8f0}.btn-primary{background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s;border:none;cursor:pointer}.btn-primary:hover{background:linear-gradient(135deg,#60a5fa,#3b82f6);transform:translateY(-1px)}.btn-secondary{background:#1e293bcc;color:#94a3b8;padding:.5rem 1rem;border-radius:.5rem;font-weight:500;transition:all .2s;border:1px solid rgba(59,130,246,.2);cursor:pointer}.btn-secondary:hover{background:#334155cc;color:#fff;border-color:#3b82f666}.modal{opacity:0;visibility:hidden;transition:all .3s ease}.modal:not(.hidden){opacity:1;visibility:visible}.modal-content{transform:scale(.9);transition:transform .3s ease}.modal:not(.hidden) .modal-content{transform:scale(1)}@media(max-width:768px){.panel{width:calc(100vw - 2rem)!important;max-width:320px}#controlPanel{left:1rem;top:auto;bottom:5rem}#infoPanel{right:1rem;top:1rem}#statsPanel{bottom:auto;top:1rem;left:50%;transform:translate(-50%)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.panel{animation:fadeIn .3s ease-out}.glow{box-shadow:0 0 20px #3b82f64d}.panel-content::-webkit-scrollbar{width:6px}.panel-content::-webkit-scrollbar-track{background:#1e293b}.panel-content::-webkit-scrollbar-thumb{background:#3b82f6;border-radius:3px}.panel-content{max-height:calc(100vh - 200px);overflow-y:auto}