:root {
            --led-red: #ff3333;
            --led-green: #33ff33;
            --led-amber: #ffcc00;
            --bg-dark: #121212;
        }

        body {
            background-color: var(--bg-dark);
            color: white;
            font-family: 'Chakra Petch', sans-serif;
            -webkit-tap-highlight-color: transparent;
        }

        .digital-font {
            font-family: 'Orbitron', sans-serif;
            letter-spacing: 1px;
        }

        .win-indicator {
            animation: blink 1s infinite;
        }

        @keyframes blink {
            0% {
                opacity: 0.2;
            }

            50% {
                opacity: 1;
                box-shadow: 0 0 15px var(--led-green);
            }

            100% {
                opacity: 0.2;
            }
        }

        .status-pulse {
            animation: pulse-green 2s infinite;
        }

        @keyframes pulse-green {
            0% {
                box-shadow: 0 0 0 0 rgba(51, 255, 51, 0.7);
            }

            70% {
                box-shadow: 0 0 0 10px rgba(51, 255, 51, 0);
            }

            100% {
                box-shadow: 0 0 0 0 rgba(51, 255, 51, 0);
            }
        }

        .bottom-nav {
            position: fixed;
            bottom: 0;
            left: 0;
            right: 0;
            background: #252525;
            border-top: 1px solid #333;
            padding-bottom: env(safe-area-inset-bottom);
            z-index: 50;
        }

        .nav-item.active {
            color: var(--led-amber);
        }

        #historyTableBody tr {
            cursor: pointer;
        }

        .split-row {
            border-bottom: 1px solid #262626;
            padding-bottom: 2px;
            margin-bottom: 2px;
        }

        .timing-row {
            min-height: 3rem;
        }