/*jcp2612 31 de ago 2025 */
body{
margin: 0;
display: flex;
align-items: center;
background: rgb(199, 199, 199);
user-select: none;
justify-content: center;
overflow: hidden;
height: 100vh;    
}
#puntaje{
position:absolute;
top:0px; bottom:auto;
font-size:50px;
z-index: 4;
color:rgb(0, 0, 0);
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
#anterior{
position:absolute;
top:0px; bottom:auto;
font-size:20px;
z-index: 4;
color:rgb(0, 0, 0);
font-family:'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
}
#jugador{
position: absolute;
width:40px; height:100px;
z-index: 1;
left: 50%;
top:50%;
/*background: black;*/
}
#flecha{
z-index: 1;
position: absolute;
width:50px; height:10px;
background: black;
}

#perdiste{
z-index: 3;
display: flex;
align-items: center;
justify-content: center;
height: 100vh;    
width:500px; height:300px;
border-radius:10px;
background: black;
visibility: hidden;
}
#volver{
background-color: white;
border-radius:60px;
cursor: pointer;
width:120px; height:120px;
display: flex;
align-items: center;
justify-content: center;
 
}
.tri{
width:0px; height:0px;
border-top: 40px solid transparent;
border-bottom: 40px solid transparent;
border-left: 60px solid rgb(0, 0, 0);
}


.tri:hover{

border-left: 60px solid rgb(163, 163, 163);
}

#pincho{
z-index: 1;
position: absolute;
width:50px; height:10px;
top:400px;
background: black;
}
.pincho{
width:0px; height:0px;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 60px solid rgb(0, 0, 0);
}
.money{
position: absolute;
width:100px;height:100px;
z-index: 2;
}
#skin{
position: absolute;
height:100px; width:80px;
top:0px; bottom: auto;
left:auto; right: 0px;

margin:42px;
background: rgb(0, 0, 0);
}
#manga1{
position: absolute;
width:30px;height:30px;
background: rgb(41, 41, 41);
left: -30px;
}
#manga2{
position: absolute;
width:30px;height:30px;
background: rgb(41, 41, 41);
left: 80px;
}

#skin:hover{
cursor: pointer;
rotate: 10deg;
}
#skin1{
position: absolute;
width:40px; height:100px;
z-index: 5;
}
/*jcp2612 31 de ago 2025 */