/* Tùy chỉnh Font và Biến màu */
:root {
    --poker-green: #0a2e1d;
    --poker-green-light: #12402a;
    --gold: #d4af37;
    --gold-light: #f3d56b;
    --dark-panel: rgba(20, 25, 30, 0.85);
}

body {
    font-family: 'Inter', sans-serif;
}

/* Background cái nỉ bàn Poker cực ngầu */
.casino-bg {
    background: radial-gradient(circle at center, var(--poker-green-light) 0%, var(--poker-green) 100%);
    background-attachment: fixed;
}

/* Typography classes */
.font-cinzel { font-family: 'Cinzel', serif; }
.font-playfair { font-family: 'Playfair Display', serif; }
.font-inter { font-family: 'Inter', sans-serif; }

.text-gold { color: var(--gold); }

/* Hiệu ứng Panel kính tối màu */
.glass-card {
    background: var(--dark-panel);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    box-shadow: 0 10px 40px rgba(0, 0, 0, 0.5);
}

/* Ô nhập liệu */
.dark-input {
    background: rgba(0, 0, 0, 0.4);
    border: 1px solid #374151; /* gray-700 */
    color: #e5e7eb; /* gray-200 */
    transition: all 0.3s ease;
}
.dark-input:focus {
    outline: none;
    border-color: var(--gold);
    box-shadow: 0 0 10px rgba(212, 175, 55, 0.2);
}

/* Các nút bấm phong cách Chip Casino */
.btn-gold {
    background: linear-gradient(135deg, #b8860b 0%, #d4af37 100%);
    color: #000;
    transition: all 0.2s;
}
.btn-gold:hover {
    background: linear-gradient(135deg, #d4af37 0%, #f3d56b 100%);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(212, 175, 55, 0.3);
}

.btn-green {
    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
    color: white;
    transition: all 0.2s;
}
.btn-green:hover {
    background: linear-gradient(135deg, #34d399 0%, #10b981 100%);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(16, 185, 129, 0.3);
}

/* Số tiền thắng thua */
.money-plus { 
    color: #34d399; /* Xanh lá sáng */
    text-shadow: 0 0 5px rgba(52, 211, 153, 0.3);
}
.money-minus { 
    color: #f87171; /* Đỏ nhạt */
}

/* Custom Scrollbar cho phần Lịch sử */
.custom-scrollbar::-webkit-scrollbar {
    width: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
    background: rgba(0,0,0,0.2); 
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
    background: #4b5563; 
    border-radius: 4px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
    background: var(--gold); 
}

/* Hiệu ứng mượt mà khi xuất hiện */
@keyframes slideUpFade {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}
.animate-enter {
    animation: slideUpFade 0.4s ease-out forwards;
}