/* reset */

body, html {
margin:0;
padding:0;
height:100%;
background:black;
overflow:hidden;
}

/* container */

.dungeon-container{
position:relative;
width:100vw;
height:100vh;
}

/* image */

.dungeon-image{
width:100%;
height:100%;
object-fit:contain;
display:block;
}

/* zones */

.choice{
position:absolute;
cursor:pointer;
}

/* avancer (croix centre bas) */

.forward{
bottom:21.5%;
left:50.15%;
width:80px;
height:80px;
transform:translateX(-50%);
}

/* gauche */

.left{
bottom:16.55%;
left:27.85%;
width:90px;
height:90px;
}

/* droite */

.right{
bottom:16.55%;
right:27.95%;
width:90px;
height:90px;
}

/* debug visuel */

.choice:hover{
background:rgba(0,150,255,0.3);
border-radius:50%;
}