/* --------- zone de resultats --------------*/
wheelsres{ 
    display: flex; flex: none; flex-direction: column; border-radius: 1vw; overflow: hidden;
    position: absolute; top: -2em; left: 0; width: 100%; height: calc( var(--wheelctHeight) + 4em );
}
wheelsres .overlay{ 
    display: flex; flex: none; width: 100%; height: calc( var(--wheelctHeight) + 4em );
    position: absolute; top: 0; left: 0; overflow: hidden;
}
wheelsres #wheels_win_cars{
    background: url(images/wheels/win/wheel_win_cars.png) no-repeat; background-position: left 30% bottom -12%; background-size: 110% auto;
    filter: drop-shadow( 0 -1em 3em #d24f00 );
}
#wheelsView.resShow.small #wheelsres_small #wheels_win_cars{ animation: reszonecars 1s linear both; }
@keyframes reszonecars{
    from{ background-position: left 30% bottom -75%; }
    to{ background-position: left 30% bottom -12%; }
}





.slotsign_overlay{ justify-content: center; }

wheelsres #slotsign{ display: flex; flex: none; justify-content: center; width: 78%; position: relative; margin-top: 0.5em; animation: slotsignraise 1s linear both; }
@keyframes slotsignraise{
    from{ margin-top: -10em; }
    to{ margin-top: 0.5em; }
}

wheelsres #slotsign .overlay{ width: 100%; aspect-ratio: 481/255; height: auto; }
wheelsres #slotsign .slotsign_roueback_overlay{ justify-content: center; }
wheelsres #slotsign .slotsign_roueback_overlay div{ justify-content: center; width: 34%; padding-top: 6%; }
wheelsres #slotsign #slotsign_roueback{ 
    width: 100%; aspect-ratio: 1/1; height: auto; background: no-repeat center center; background-size: contain; 
    animation: slotsrouebacktourne 4s linear both infinite; transform-origin: center;
}
@keyframes slotsrouebacktourne{
    0%{ transform: rotate(0deg); }
    25%{ transform: rotate(90deg); }
    50%{ transform: rotate(180deg); }
    75%{ transform: rotate(270deg); }
    100%{ transform: rotate(359deg); }
}

wheelsres #slotsign reszone{ 
    display: flex; flex: none; align-items: flex-end; justify-content: center; width: 100%; aspect-ratio: 481/255;
    position: absolute; top: 0; left: 0;
    background: no-repeat center center; background-size: contain; 
}
wheelsres #slotsign reszone #main{ 
    display: flex; flex: none; flex-direction: column; align-items: center; justify-content: center; width: 90%; margin-bottom: -0.66em;
} 
wheelsres #slotsign reszone #main h1{ display:flex; flex: none; align-items: center; justify-content: center; font-size: 2.5em; margin: 0; }
wheelsres #slotsign reszone #main h1 img{ height: 1em; margin-left: 0.25em; } 
wheelsres #slotsign reszone #main a{ text-decoration: none; padding: 0.5em 1em; color: #fff; border-radius: 0.5em; text-shadow: 0 0 0.5em #000; } 



#wheelsView #wheelsres_small{ display: none; } /* #wheelsView #wheelsres_small_reg, #wheelsView #wheelsres_small_big */
#wheelsView.resShow.small #wheelsres_small{ display: block; }

/*-- originale */
#wheelsView #wheelsres_small wheelsres #slotsign #slotsign_roueback{ background-image: url(images/wheels/win/slotsign_roueback_Rs.png); }
#wheelsView #wheelsres_small wheelsres #slotsign reszone{ background-image: url(images/wheels/win/slotsign_Rs.png); }
#wheelsView #wheelsres_small wheelsres #slotsign reszone #main a{ border: 4px solid #FCC848; background: linear-gradient(to bottom, #AA7D0C 0%,#FCC848 50%,#BB7826 51%,#EEB21D 100%); } 

#wheelsView #wheelsres_big{ display: none; } /* #wheelsView #wheelsres_small_reg, #wheelsView #wheelsres_small_big */
#wheelsView.resShow.big #wheelsres_big{ display: block; }
wheelsres #wheels_win_safes{
    background: url(images/wheels/win/wheel_win_safe.png) no-repeat; background-position: left 10% bottom -12%; background-size: 105% auto;
    filter: drop-shadow( 0 -1em 3em #d24f00 );
}
#wheelsView.resShow.big #wheelsres_big #wheels_win_safes{ animation: reszonesafe 1s linear both; }
@keyframes reszonesafe{
    from{ background-position: left 10% bottom -75%; }
    to{ background-position: left 10% bottom -12%; }
}

#wheelsView #wheelsres_big wheelsres #slotsign #slotsign_roueback{ background-image: url(images/wheels/win/slotsign_roueback_Rb.png); }
#wheelsView #wheelsres_big wheelsres #slotsign reszone{ background-image: url(images/wheels/win/slotsign_Rb.png); }
#wheelsView #wheelsres_big wheelsres #slotsign reszone #main a{ border: 4px solid #F55B85; background: linear-gradient(to bottom, #ad0104 0%,#ef010a 50%,#800000 51%,#ad0104 100%); } 

#wheelsView #wheelsres_big wheelsres reszone .resSPE{ 
    display: inline-flex; flex: none; align-items: center; font-size: 0.9em; height: 1.2em; margin-bottom: 0.25em; padding: 0.1em 1.75em 0.1em 0.5em; border-radius: 0.5em; 
    background: right center no-repeat; background-size: cover; border: 2px solid #000;
}
#wheelsView #wheelsres_big wheelsres reszone .resBTC{ background-image: url(images/wheels/btc_fond.png); }
#wheelsView #wheelsres_big wheelsres reszone .resETH{ background-image: url(images/wheels/eth_fond.png); }

#fireworksCanvas{ width: 100%; height: 100%; }

/*-- gains normaux */