body { font-family: 'Inter', sans-serif; }
            .timer-circle { stroke-dasharray: 283; stroke-dashoffset: 0; transition: stroke-dashoffset 1s linear; }
            .player-dot { transition: background-color 0.3s ease; }
            .player-in { background-color: #4ade80; }
            .player-out { background-color: #f87171; }
            .player-selectable { cursor: pointer; border: 2px solid transparent; transition: all 0.2s ease-in-out; }
            .player-selectable:hover { border-color: #60a5fa; }
            .player-selected { border-color: #3b82f6 !important; background-color: #bfdbfe !important; color: #1e3a8a !important; }
            .elim-touched { border-color: #3b82f6 !important; background-color: #60a5fa !important; }
            .elim-bounds { border-color: #f97316 !important; background-color: #fb923c !important; }
            .btn-active { ring: 2px; ring-offset-2; ring-offset-gray-800; background-color: #dc2626 !important; }
            .revival-queue .player-card:first-child { border-color: #fbbf24; }
            .custom-scrollbar::-webkit-scrollbar { width: 8px; height: 8px; }
            .custom-scrollbar::-webkit-scrollbar-track { background: #1f2937; }
            .custom-scrollbar::-webkit-scrollbar-thumb { background: #4b5563; border-radius: 4px; }
            .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #6b7280; }
            .do-or-die-indicator { animation: pulse-bg 1.5s infinite; }
            @keyframes pulse-bg {
                0% { background-color: #c2410c; }
                50% { background-color: #ea580c; }
                100% { background-color: #c2410c; }
            }

            /* Light Mode Styles */
            .light .bg-gray-900 { background-color: #f3f4f6; }
            .light .bg-gray-800 { background-color: #ffffff; }
            .light .text-white { color: #1f2937; }
            .light .text-gray-400 { color: #6b7280; }
            .light .border-gray-700 { border-color: #d1d5db; }
            .light .custom-scrollbar::-webkit-scrollbar-track { background: #e5e7eb; }
            .light .custom-scrollbar::-webkit-scrollbar-thumb { background: #9ca3af; }
            .light .custom-scrollbar::-webkit-scrollbar-thumb:hover { background: #6b7280; }
            .light .player-selected { border-color: #3b82f6 !important; background-color: #bfdbfe !important; color: #1e3a8a !important; }
            .light .bg-gray-700 { background-color: #e5e7eb; }