body {
    font-family: 'Inter', sans-serif;
}
.score-input {
    @apply w-32 h-24 text-center text-3xl bg-gray-100 dark:bg-gray-700 rounded-lg focus:outline-none focus:ring-2 focus:ring-indigo-500 border-transparent;
}
/* Hide default number input spinners */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
input[type=number] {
    -moz-appearance: textfield;
}

.score-input::placeholder {
    @apply text-center;
}

.score-input:disabled {
    @apply bg-gray-200 dark:bg-gray-600 line-through;
}
.total-field {
    @apply w-32 h-24 text-center flex items-center justify-center font-bold text-3xl rounded-lg;
}
.header-cell {
    @apply sticky top-0 bg-white dark:bg-gray-800 z-10;
}
.row-label {
    @apply sticky left-0 bg-white dark:bg-gray-800 font-semibold text-left p-2;
}
.step-btn {
    @apply w-20 h-20 flex items-center justify-center bg-gray-200 dark:bg-gray-600 text-gray-700 dark:text-gray-200 rounded-full font-bold text-4xl;
    font-size: 30px;
    margin: 10px;
    min-width: 40px;
}

.score-input {
    text-align: center;
    padding: 10px 20px;
    min-width: 100px;
}

.delete-player-btn:disabled {
    @apply opacity-50 cursor-not-allowed bg-gray-400 dark:bg-gray-500 hover:bg-gray-400 dark:hover:bg-gray-500;
}
.erase-btn {
    @apply w-16 h-16 flex-shrink-0 bg-gray-200 dark:bg-gray-600 text-gray-500 dark:text-gray-300 rounded-full flex items-center justify-center font-bold text-base hover:bg-red-500 hover:text-white dark:hover:bg-red-500 transition-colors;
}
.erased-cell {
    background-color: rgba(107, 114, 128, 0.2) !important; /* Semi-transparent gray overlay */
}

/* Classes for alignment */
.score-cell-wrapper {
    @apply flex items-center justify-center h-24 mx-auto;
    min-width: 100px;
}
.score-content-area {
    @apply flex-grow flex items-center justify-center;
}
.erase-btn-area {
    @apply w-16 h-16 ml-2 flex-shrink-0 flex items-center justify-center;
}