body {
    font-family: 'Kanit', sans-serif;
}
/* Custom styles for better mobile experience */
.player-tag {
    transition: all 0.2s ease-in-out;
}
.court-card, .history-card {
    transition: all 0.3s ease-in-out;
}
.fade-in {
    animation: fadeIn 0.5s ease-in-out;
}
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}
.modal {
    display: none; /* Hidden by default */
}
.modal.is-open {
    display: flex; /* Show when open */
}

html, body {
  touch-action: manipulation; /* กัน double-tap zoom */
}
a, button {
  touch-action: manipulation; /* กัน double-tap zoom เฉพาะปุ่ม/ลิงก์ */
}