@import url('https://fonts.googleapis.com/css2?family=Press+Start+2P&family=Teko:wght@600;700&family=Inter:wght@400;700;900&display=swap');

        body {
            margin: 0;
            overflow: hidden;
            background-color: #0d0a12;
            font-family: 'Inter', sans-serif;
            user-select: none;
            -webkit-user-select: none;
        }

        .font-game {
            font-family: 'Press Start 2P', cursive;
        }

        .font-header {
            font-family: 'Teko', sans-serif;
        }

        /* Blood splatter vignette effect on death */
        #death-overlay {
            pointer-events: none;
            transition: opacity 0.1s ease-out;
        }

        /* Custom Scrollbar */
        ::-webkit-scrollbar {
            width: 8px;
        }
        ::-webkit-scrollbar-track {
            background: #111827;
        }
        ::-webkit-scrollbar-thumb {
            background: #ef4444;
            border-radius: 4px;
        }

        .retro-btn {
            position: relative;
            transition: all 0.15s ease;
            box-shadow: 0 6px 0 #7f1d1d;
        }
        .retro-btn:hover {
            transform: translateY(-2px);
            box-shadow: 0 8px 0 #7f1d1d;
        }
        .retro-btn:active {
            transform: translateY(4px);
            box-shadow: 0 2px 0 #7f1d1d;
        }

        /* Touch control styling */
        .touch-btn {
            background: rgba(239, 68, 68, 0.25);
            border: 2px solid rgba(239, 68, 68, 0.6);
            backdrop-filter: blur(4px);
            touch-action: manipulation;
        }
        .touch-btn:active {
            background: rgba(239, 68, 68, 0.6);
        }