.screen-container {
	position: absolute;
	overflow: hidden;
    top: 0;
    left: 0;
	height: 100%;
	width: 100%;
    background: rgba(0,0,0,.8);
}

.element-container {
	position: absolute;
    left: 4.5%;
    top: 21.94%;
    height: 27.7%;
    width: 47.7%;
}


.deck-card-comp {
    position: absolute;
    width: 24%;
    height: 63%;
    background-size: 100%;
    background-repeat: no-repeat;
/*    background-image: url('../cg/ui/empty.png');*/
    background-image: url(https://lh3.googleusercontent.com/GwNU3d_JVfl_3ONlamC2pKl32UVu70lrNljyhWXUvHu8ny5YnA7cJbfY0NryKXsWO7ioA5JiNiStO53AL5ZS0We8nL4DD5B8fhE2Gcvud7Y7zPnD1p4HUbJ7B7X18Q7Au6uGOtvmIxdx684AQ0dFvpcEZqWhTQSUVDLwO36XtSnVtTq3fqwtUuMD2DVOXokxRg5zJPaHEimPO7mhuquXBKPbIG3HakuUfRHUlHdU5kwvBiRmHUDKOm7qPxp5Uuay8e0S7syiA21K8wJHQ37G9wGjV530f_iKTarHc_7IKSVVF3SweQyxpJFl9U-VizuodNHcE1QSt8UrjdeKqphGdd5ZZCGwcPWYBUNdNa-kKvnkVRB1aOQjL281-vT1H1eXjUDpNeUXAAn2J2xasQAr2MXoAtVrqSbreESyp5wGuO24c7wh9KjAaZh2NGwx3oL0eIj577D4mvbyhwcGhTS87HEerijnVjGDDsLAPD1M2F6rLBWkQYMYlI5z0WLlvMLRKI-b6s_g4LrGw18Y-zi-tZ75z_zR8gIhEO1sLipY2wIBohgj5wYEb0MsW1Mkuqq4989K=w256-h222-no);
}
.deck-card-suit {
    position: absolute;
    width: 28.45%;
    height: 75%;
    background-size: 100%;
    background-repeat: no-repeat;
/*    background-image: url('../cg/ui/empty.png');*/
    background-image: url(https://lh3.googleusercontent.com/GwNU3d_JVfl_3ONlamC2pKl32UVu70lrNljyhWXUvHu8ny5YnA7cJbfY0NryKXsWO7ioA5JiNiStO53AL5ZS0We8nL4DD5B8fhE2Gcvud7Y7zPnD1p4HUbJ7B7X18Q7Au6uGOtvmIxdx684AQ0dFvpcEZqWhTQSUVDLwO36XtSnVtTq3fqwtUuMD2DVOXokxRg5zJPaHEimPO7mhuquXBKPbIG3HakuUfRHUlHdU5kwvBiRmHUDKOm7qPxp5Uuay8e0S7syiA21K8wJHQ37G9wGjV530f_iKTarHc_7IKSVVF3SweQyxpJFl9U-VizuodNHcE1QSt8UrjdeKqphGdd5ZZCGwcPWYBUNdNa-kKvnkVRB1aOQjL281-vT1H1eXjUDpNeUXAAn2J2xasQAr2MXoAtVrqSbreESyp5wGuO24c7wh9KjAaZh2NGwx3oL0eIj577D4mvbyhwcGhTS87HEerijnVjGDDsLAPD1M2F6rLBWkQYMYlI5z0WLlvMLRKI-b6s_g4LrGw18Y-zi-tZ75z_zR8gIhEO1sLipY2wIBohgj5wYEb0MsW1Mkuqq4989K=w256-h222-no);
}

.deck-slot-0 {
    left: 22.25%;
    top: 37%;
}
.deck-slot-1 {
    left: 40.1%;
    top: 5%;
}
.deck-slot-2 {
    left: 57.9%;
    top: 37%;
}
.deck-slot-3 {
    left: 75.65%;
    top: 5%;
}

.suit-list-container {
	position: absolute;
    top: 6%;
    left: 57%;
    height: 26%;
    width: 40%;
}

.suit-list-container .deck-card-suit {
	height: 68%;
}

.suit-list-container .position-1 {
    left: 21%;
    top: 33%;
}

.companion-list-container {
    width: 40%;
    height: 44%;
    position: absolute;
    left: 57%;
    top: 37%;
}

.companion-list-container .deck-card-comp {
	height: 33%;
}

.companion-list-container .position-1 {
    left: 17.75%;
    top: 16%;
}

.companion-list-container .position-2 {
    top: 0;
    left: 35.5%;
}

.companion-list-container .position-3 {
    left: 53.3%;
    top: 16%;
}

.in-deck .hover-anchor {
    opacity: .7;
}
.in-deck .hover-anchor:hover {
    opacity: 1;
}

.hover-anchor {
    box-sizing: border-box;
    position: absolute;
    width: 56%;
    height: 64%;
    left: 22%;
    top: 16%;
}

.hover-anchor:hover,
.in-deck .hover-anchor {
    border: white solid .15em;
    border-radius: 1em;
    box-shadow: white 0 0 1em .33em, inset white 0 0 1em .33em;
}