.ta-overlay-maestro {
    position: fixed; top: 0; left: 0;
    width: 100vw; height: 100vh;
    background: rgba(10, 10, 10, 0.98);
    z-index: 2147483647; 
    display: flex; align-items: center; justify-content: center;
    pointer-events: auto; overflow-y: auto;
}

.ta-contenedor-layout {
    width: 95%; max-width: 1450px;
    display: flex; flex-direction: column; gap: 15px; padding: 15px 0;
}

.ta-header-banner {
    width: 100%;
    background: linear-gradient(90deg, #111 0%, #222 50%, #111 100%);
    border: 3px solid #d4af37; border-radius: 8px;
    color: #fff; font-size: 2.2em; font-weight: 800;
    text-align: center; padding: 15px; letter-spacing: 3px;
    text-shadow: 2px 2px 5px rgba(0,0,0,0.9);
    box-shadow: 0 4px 15px rgba(212, 175, 55, 0.3);
}

.ta-punto-parpadeo {
    color: #dc3232; animation: ta-pulse 1.2s infinite;
    display: inline-block; margin-right: 5px;
}

@keyframes ta-pulse { 0% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.2); opacity: 0.4; } 100% { transform: scale(1); opacity: 1; } }

.ta-grid-estudio { display: grid; grid-template-columns: 55% 43%; gap: 2%; width: 100%; box-sizing: border-box; }

.ta-marco-dorado {
    background: #151515; border: 4px solid #d4af37; border-radius: 12px;
    box-shadow: 0 0 25px rgba(212, 175, 55, 0.25); padding: 20px; box-sizing: border-box;
}

.ta-col-video { display: flex; flex-direction: column; gap: 15px; }
.ta-video-wrapper { position: relative; padding-bottom: 56.25%; height: 0; width: 100%; overflow: hidden; background: #000; border-radius: 4px; }
.ta-video-wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.ta-col-herramienta { display: flex; align-items: center; justify-content: center; }
.ta-vista-panel { width: 100%; }
.ta-mascara-juego { background-color: #1c1c1c; border-width: 5px; padding: 60px 25px; }

/* LA RULETA CON HTML HABILITADO */
.ta-pantalla-ruleta { 
    background: #ffffff; color: #000000; font-size: 2.2vw; font-weight: 900; 
    padding: 45px 15px; margin-top: 25px; border-radius: 8px; 
    border: 5px solid #d4af37; box-shadow: inset 0 0 20px rgba(0,0,0,0.6);
    text-transform: uppercase; text-align: center;
    word-break: break-word; line-height: 1.3;
}

.ta-estado-girando { background: #ffffff !important; color: #000000 !important; font-size: 2.4vw; border-color: #e5e5e5; }
.ta-estado-eliminado { background: #ce2c2c !important; color: #ffffff !important; font-size: 2.4vw; border-color: #ff4d4d; text-shadow: 2px 2px 4px #000; animation: ta-shake 0.4s ease-in-out; }
.ta-estado-ganador { background: #3fa147 !important; color: #ffffff !important; font-size: 2.8vw; border-color: #ffffff; text-shadow: 2px 2px 5px #000; animation: ta-pop 0.5s cubic-bezier(0.175, 0.885, 0.32, 1.275); }

@keyframes ta-shake { 0%, 100% {transform: translateX(0);} 20%, 60% {transform: translateX(-10px);} 40%, 80% {transform: translateX(10px);} }
@keyframes ta-pop { 0% {transform: scale(0.95);} 50% {transform: scale(1.06);} 100% {transform: scale(1);} }

@media (max-width: 768px) {
    .ta-header-banner { font-size: 1.3em; padding: 10px; letter-spacing: 1px; }
    .ta-grid-estudio { grid-template-columns: 100%; gap: 15px; }
    .ta-pantalla-ruleta { font-size: 5.5vw; padding: 30px 10px; }
    .ta-estado-ganador { font-size: 6.5vw; }
}