#simulationCanvas {
            border: 2px solid #e2e8f0;
            /* Tailwind slate-200, lighter for light theme */
            background-color: #001020;
            /* Keep canvas dark for simulation visibility */
            display: block;
            max-width: 100%;
            height: auto;
            border-radius: 0.5rem;
            /* Tailwind rounded-lg */
            box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            /* Tailwind shadow-lg */
        }

        /* Fullscreen canvas styles */
        #simulationCanvas:fullscreen {
            width: 100vw !important;
            height: 100vh !important;
            max-width: 100vw !important;
            border-radius: 0 !important;
            /* Optional: remove border radius in fullscreen */
        }

        #simulationCanvas:-webkit-full-screen {
            width: 100vw !important;
            height: 100vh !important;
            max-width: 100vw !important;
            border-radius: 0 !important;
        }

        #simulationCanvas:-moz-full-screen {
            width: 100vw !important;
            height: 100vh !important;
            max-width: 100vw !important;
            border-radius: 0 !important;
        }

        #simulationCanvas:-ms-fullscreen {
            width: 100vw !important;
            height: 100vh !important;
            max-width: 100vw !important;
            border-radius: 0 !important;
        }

        /* Custom styles for range input thumb - adapt colors to new theme */
        input[type="range"]::-webkit-slider-thumb {
            -webkit-appearance: none;
            appearance: none;
            width: 20px;
            /* Slightly larger thumb */
            height: 20px;
            background: #3b82f6;
            /* Tailwind blue-500 */
            cursor: pointer;
            border-radius: 50%;
            border: 2px solid white;
            /* Add a white border for better visibility */
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        }

        input[type="range"]::-moz-range-thumb {
            width: 20px;
            height: 20px;
            background: #3b82f6;
            /* Tailwind blue-500 */
            cursor: pointer;
            border-radius: 50%;
            border: 2px solid white;
            box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
        }

        .speed-btn.active {
            background-color: #3b82f6;
            /* Tailwind blue-600 for active */
            color: white;
            font-weight: 600;
        }