* {
                box-sizing: border-box;
                margin: 0;
                padding: 0;
            }

            body {
                background: linear-gradient(to top, #fbeec1, #e0c097);
                font-family: "Inter", sans-serif;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: flex-start;
                text-align: center;
                position: relative;
            }

            h1 {
                font-family: "Bangers", cursive;
                font-size: 1.8em;
                margin-bottom: 10px;
                margin-top: 10px;
                color: #5a3e1b;
                text-shadow: 2px 2px #fff0c4;
            }

            .arena {
                display: flex;
                justify-content: space-around;
                align-items: center;
                width: 90%;
                max-width: 400px;
                margin: 10px 0;
                font-size: 4em;
                background: #fffef4;
                border-radius: 20px;
                box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
                padding: 30px 10px;
                border: 3px solid #d2b48c;
            }

            .cowboy {
                display: flex;
                flex-direction: column;
                align-items: center;
                transition: all 0.3s ease;
            }

            .cowboy span {
                font-size: 1.1rem;
                margin-top: 10px;
                font-weight: bold;
                color: #444;
            }

            #message {
                font-size: 1.3em;
                min-height: 2em;
                margin-top: 10px;
                color: #222;
            }

            .btn-group {
                display: flex;
                gap: 10px;
                margin-top: 10px;
            }

            .btn {
                padding: 12px 28px;
                font-size: 1.1em;
                cursor: pointer;
                border: none;
                border-radius: 12px;
                background: #5a3e1b;
                color: white;
                font-weight: bold;
                transition:
                    transform 0.2s,
                    background 0.2s;
            }

            .btn:hover {
                background: #7b5633;
                transform: scale(1.05);
            }

            .gun {
                font-size: 1.2em;
                opacity: 0;
                transition: opacity 0.3s;
            }

            .gun.show {
                opacity: 1;
            }