.highlight-move {
            box-shadow: inset 0 0 3px 3px #fddd04;
        }

        #board {
            max-width: 90vw;
        }

        @media (max-width: 640px) {
            #board {
                width: 300px !important;
            }
        }

.player-card.is-active {
    border-color: rgba(52, 211, 153, 0.4);
    background-color: rgba(16, 185, 129, 0.08);
    box-shadow: 0 0 0 1px rgba(52, 211, 153, 0.25), 0 8px 24px -12px rgba(16, 185, 129, 0.5);
}

.turn-dot.flex {
    display: inline-flex;
}

.swal2-confirm{background-color:#214395 !important}
.swal2-confirm:focus{box-shadow:0 0 0 3px rgba(33,67,149,.4) !important}
.swal2-popup{border-radius:1rem !important;font-family:"Plus Jakarta Sans",sans-serif !important}

        button:not(:disabled):active {
            transform: scale(0.96);
        }