/* =================================================== */
/* КОМПАКТНЫЕ ИЗОЛИРОВАННЫЕ СТИЛИ РУЛЕТКИ (340px)      */
/* =================================================== */

#aion-gacha .gacha-banner-box {
    max-width: 450px !important;
    margin: 0 auto !important;
    border-radius: 4px !important;
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
    overflow: hidden !important;
}
#aion-gacha .gacha-form-box { 
    max-width: 400px !important; 
}
/* Ограничивающий контейнер всей конструкции */
#aion-gacha .gacha-wheel-wrapper {
    position: relative !important;
    width: 340px !important; /* Четкий фиксированный размер */
    height: 340px !important;
    margin: 30px auto !important;
    display: block !important;
}
/* Верхняя стрелочка-указатель ▼ */
#aion-gacha .gacha-marker {
    position: absolute !important;
    top: -16px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    color: #00f0ff !important;
    font-size: 22px !important;
    z-index: 10 !important;
    text-shadow: 0 0 10px #00f0ff !important;
}
/* Крутящийся диск (барабан) */
#aion-gacha .gacha-wheel {
    width: 340px !important;
    height: 340px !important;
    border-radius: 50% !important;
    border: 5px solid #0b0c16 !important;
    outline: 2px solid rgba(0, 240, 255, 0.3) !important;
    box-shadow: 0 0 25px rgba(0, 240, 255, 0.15), inset 0 0 20px rgba(0,0,0,0.8) !important;
    position: relative !important;
    overflow: hidden !important;
    background: radial-gradient(circle, #151730 0%, #05060f 100%) !important;
    display: block !important;
}
/* АВТОНОМНЫЕ ГЕОМЕТРИЧЕСКИЕ СЛОТЫ ДЛЯ ПРЕДМЕТОВ */
#aion-gacha .gacha-slot {
    position: absolute !important;
    width: 34px !important;
    height: 34px !important;
    z-index: 2 !important;
}
/* На корню подавляем любые таблицы, строки и ячейки, которые Java-метод out.println() 
   выплевывает вместе с иконкой предмета из базы данных */
#aion-gacha .gacha-slot table, 
#aion-gacha .gacha-slot td, 
#aion-gacha .gacha-slot tr,
#aion-gacha .gacha-slot tbody {
    background: transparent !important;
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    display: block !important;
    width: auto !important;
    height: auto !important;
}
/* Фирменная стилизация самой картинки предмета */
#aion-gacha .gacha-slot img {
    width: 34px !important;
    height: 34px !important;
    border: 1px solid rgba(0, 240, 255, 0.25) !important;
    border-radius: 4px !important;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.9) !important;
    background: #000 !important;
    display: block !important;
}
/* Цифры количества предметов (x50, x100) поверх иконки, как в инвентаре Aion */
#aion-gacha .gacha-slot .badge {
    position: absolute !important;
    bottom: -3px !important;
    right: -5px !important;
    font-size: 9px !important;
    padding: 1px 4px !important;
    background: rgba(0, 0, 0, 0.85) !important;
    border: 1px solid rgba(255, 255, 255, 0.12) !important;
    color: #ffb800 !important; /* Игровой золотой цвет */
    font-family: monospace !important;
    z-index: 5 !important;
    border-radius: 3px !important;
}
/* Оранжевое неоновое свечение для невероятно редких предметов (джекпотов) на окружности */
#aion-gacha .gacha-glow-legend img {
    border-color: #e67e22 !important;
    box-shadow: 0 0 10px rgba(230, 126, 34, 0.7), 0 2px 5px rgba(0, 0, 0, 0.9) !important;
}
/* Кнопка START строго по центру диска */
#aion-gacha .gacha-spin-btn {
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 65px !important;
    height: 65px !important;
    border-radius: 50% !important;
    background: linear-gradient(135deg, #0052d4, #4364f7) !important;
    border: 2px solid #00f0ff !important;
    color: #fff !important;
    font-family: 'Orbitron', sans-serif !important;
    font-weight: bold !important;
    font-size: 11px !important;
    box-shadow: 0 0 15px rgba(0, 240, 255, 0.5), inset 0 0 5px rgba(0,0,0,0.5) !important;
    cursor: pointer !important;
    z-index: 5 !important;
}
#aion-gacha .gacha-spin-btn:hover:not(:disabled) {
    box-shadow: 0 0 25px #00f0ff, inset 0 0 8px rgba(255,255,255,0.6) !important;
    transform: translate(-50%, -50%) scale(1.05) !important;
}
#aion-gacha .gacha-spin-btn:disabled {
    background: #2d3748 !important; 
    border-color: #4a5568 !important; 
    color: #718096 !important; 
    box-shadow: none !important;
}
/* Заставляем ссылку внутри слота вести себя аккуратно */
#aion-gacha .gacha-slot a {
    display: block !important;
    width: 34px !important;
    height: 34px !important;
    text-decoration: none !important;
}