#current-zone-text {
    font-size: 18px;
}
#mapModal {
    z-index: 100000;
}
.view-old-step:hover, .view-old-step:focus {
    color: #764; 
     background-color: #F8F5F0FF;
     font-weight:   bold
}
.list-group-item.active {
    background-color: #764;
    border-color: #764;

}

.view-old-step.active {
    color: #fff; 
}
.list-group-item  {
    font-size: 17px;
}
.btn-violet  {
    background:#BA68C8FF;
    border-color: #BA68C8FF;
}
 .border-success.border-violet  {
    border-color: #BA68C8FF !important;
    color: #BA68C8FF;
}

.text-violet {
    color: #BA68C8FF !important;

}
.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: #f8f9fa;
    border-top: 1px solid #1653B3;
    padding: 12px 20px;
    box-shadow: 0 -2px 10px #000;
    z-index: 1050;
    display: none; /* Скрыто по умолчанию */
}
.cookie-banner .text-coockie {
    text-align: center;
}

.btn-outline-primary {
    color: #764;
    border-color: #764;
}

.btn:hover { 
    background-color: #764;
    border-color: #764 !important;  
}
.border-primary {
 border-color: #764 !important;  
}

#field-title {
  color: #764 !important;

}

.game-step { display: none; } /* Скрываем этапы до нужного момента */
.active-step { display: block; }
.dice-btn { font-size: 2.5rem; cursor: pointer; transition: transform 0.2s; }
.dice-btn:hover { transform: scale(1.1); color: #248B5C; }
#history-log { max-height: 300px; overflow-y: auto; font-size: 0.9rem; }

.player-dot {
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #ff00ea; /* Яркий цвет */
    border: 2px solid white;
    border-radius: 50%;
    transform: translate(-50%, -50%); /* Центрирование */
    box-shadow: 0 0 15px rgba(255, 0, 234, 0.8);
    pointer-events: none;
    display: none; /* Скрыта до начала игры */
    z-index: 9999 !important; /* Выше всего остального */
    pointer-events: none; /* Чтобы она не мешала кликать по карте */
    transition: left 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95), 
    top 0.6s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

/* Пульсация */
.player-dot::after {
    content: '';
    position: absolute;
    top: -2px; left: -2px; right: -2px; bottom: -2px;
    border-radius: 50%;
    border: 2px solid #ff00ea;
    animation: map-pulse 1.5s infinite;
}

@keyframes map-pulse {
    0% { transform: scale(1); opacity: 1; }
    100% { transform: scale(3); opacity: 0; }
}

.pay-card {  margin:  0px auto; max-width: 450px; width: 100%; border-radius: 20px; overflow: hidden; }
.pay-header { background: #764; color: white; padding: 30px; text-align: center; }
.tariff-badge { background: rgba(13, 110, 253, 0.1); color: #0d6efd; padding: 5px 24px; margin-bottom: 15px; border-radius: 50px; font-size: 26px; font-weight: bold; }
.price-big { font-size: 2.5rem; font-weight: 800; color: #212529; }