/* 
 * ИСПРАВЛЕНИЕ ЦЕНТРИРОВАНИЯ АНИМАЦИИ BATTLE
 * Файл для точного центрирования круга при анимации
 */

/* Основные стили для SVG контейнера */
.game-content .battle-slider .slider-svg svg {
    overflow: visible !important;
    width: 400px !important;
    height: 400px !important;
}

/* Точное центрирование группы chart */
.game-content .battle-slider .slider-svg svg .chart {
    transform: translate(200px, 200px) !important;
}

/* Центрирование элемента circle */
.game-content .battle-slider .slider-svg #circle {
    transform-origin: 0 0 !important; /* Центр относительно translate(200, 200) */
    transition: transform 4s cubic-bezier(0.15, 0.15, 0, 1) !important;
    will-change: transform !important;
}

/* Убираем конфликтующие стили */
.game-content .battle-slider .slider-svg #circle.spinning {
    transition: transform 4s cubic-bezier(0.15, 0.15, 0, 1) !important;
}

/* Дополнительное центрирование для групп внутри circle */
.game-content .battle-slider .slider-svg .bets {
    transform-origin: 0 0 !important;
    transform-style: preserve-3d !important;
}

/* Стрелка указателя - центрируем относительно SVG */
.game-content .battle-slider .slider-svg svg polygon {
    fill: #b1c0ef !important;
    stroke: #3a4055 !important;
    stroke-width: 5px !important;
}