#game-container {
    text-align: center;
    padding: 20px; border: 2px solid #0073aa; border-radius: 10px;
}

.ticket-container {
    padding: 20px;
    perspective: 1000px;
}

.ticket {
    display: flex;
    background: #ffffff;
    width: 600px;
    margin: 0 auto;
    border-radius: 10px;
    box-shadow: 0 10px 25px rgba(0,0,0,0.1);
    position: relative;
    overflow: hidden;
    border: 1px solid #eee;
    margin-bottom: 0!important;
}
.ticket-left {
    flex: 2;
    padding: 25px;
    text-align: left;
    border-right: 2px dashed #ddd;
    margin-bottom: 0!important;
}
.ticket-right {
    flex: 1.2;
    background: #2da44e; /* Màu xanh lá như ảnh bạn muốn */
    color: white;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 20px;
    margin-bottom: 0!important;
}
.ticket-event {
    color: #2da44e;
    font-weight: 800;
    font-size: 14px;
    letter-spacing: 1px;
}
.ticket-user {
    font-size: 20px;
    font-weight: bold;
    margin: 10px 0 5px;
    color: #333;
}
.ticket-desc {
    font-size: 12px;
    color: #888;
}
.ticket-label {
    font-size: 10px;
    opacity: 0.8;
    margin-bottom: 5px;
}
.ticket-code span{
    font-size: 36px !important;
    font-weight: 900;
    letter-spacing: 2px;
}
/* Hiệu ứng khoét lỗ vé số */
.ticket-circle-top, .ticket-circle-bottom {
    position: absolute;
    background: #f4f4f4; /* Trùng với màu nền trang web */
    width: 20px;
    height: 20px;
    border-radius: 50%;
    left: 61%; /* Khớp với vị trí đường dashed */
    margin-left: -10px;
}
.ticket-circle-top { top: -10px; box-shadow: inset 0 -2px 5px rgba(0,0,0,0.05); }
.ticket-circle-bottom { bottom: -10px; box-shadow: inset 0 2px 5px rgba(0,0,0,0.05); }

/* Animation hiện vé số */
@keyframes slideIn {
    from { transform: translateY(60px) rotateX(-10deg); opacity: 0; }
    to { transform: translateY(0) rotateX(0); opacity: 1; }
}
.ticket { animation: slideIn 0.5s ease-out forwards; }

/* Responsive cho điện thoại */
@media (max-width: 430px) {
    .ticket { width: 100%; flex-direction: column; }
    .ticket-left { border-right: none; border-bottom: 2px dashed #ddd; }
    .ticket-circle-top, .ticket-circle-bottom { display: none; }
}