.lucky-jet {
	outline: 1px solid;
	height: 100%;
	position: relative;
	overflow: hidden;

}
.lucky-jet__pilot {
	visibility: hidden;
	width: 80px;
	position: absolute;
	left: 0;
	top: 0;
}
.lucky-jet._animating .lucky-jet__pilot {
	visibility: visible;
}
.lucky-jet__pilot::before {
	content: '';
	display: block;
	padding-top: 100%;
}
.lucky-jet__pilot-img {
position: absolute;
top: 0;
left: 0;	
width: 100%;
height: 100%;
object-fit: contain;
transform: rotate(7deg);
}


.lucky-jet__svg {
	width: 100%;
	height: 100%;
	pointer-events: none;
}
@media (min-width: 768px) {
	.lucky-jet__pilot {
		width: 110px;
	}
}

/* Balance animation styles */
.balance-increase {
    animation: balanceGlow 0.5s ease-in-out;
    background: rgba(0, 255, 0, 0.1);
    border-radius: 4px;
    transition: background 0.5s ease;
}

.balance-decrease {
    animation: balanceGlow 0.5s ease-in-out;
    background: rgba(255, 0, 0, 0.1);
    border-radius: 4px;
    transition: background 0.5s ease;
}

@keyframes balanceGlow {
    0% { transform: scale(1); }
    50% { transform: scale(1.05); }
    100% { transform: scale(1); }
}

/* Balance notification styles */
.balance-notification {
    position: absolute;
    top: -40px;
    right: 0;
    background: rgba(0, 0, 0, 0.8);
    color: white;
    padding: 8px 12px;
    border-radius: 6px;
    font-size: 14px;
    font-weight: bold;
    z-index: 1000;
    opacity: 0;
    transform: translateY(20px);
    transition: all 0.3s ease;
    min-width: 100px;
    text-align: center;
}

.balance-notification.show {
    opacity: 1;
    transform: translateY(0);
}

.balance-notification.hide {
    opacity: 0;
    transform: translateY(-20px);
}

.balance-notification.win {
    background: rgba(76, 175, 80, 0.9);
    box-shadow: 0 2px 10px rgba(76, 175, 80, 0.3);
}

.balance-notification.loss {
    background: rgba(244, 67, 54, 0.9);
    box-shadow: 0 2px 10px rgba(244, 67, 54, 0.3);
}

.balance-notification .amount {
    font-size: 16px;
    font-weight: bold;
}

.balance-notification .reason {
    font-size: 12px;
    opacity: 0.8;
    margin-top: 2px;
}
/* Cache version: 55972997 - Updated: 2025-08-23 21:16:37 */