body {
	background: linear-gradient(135deg, hsl(240 20% 10% / 1) 0%, hsl(240 20% 16% / 1) 100%);
}

.help-dialog.hidden {
    height: 1px;
    opacity: 0;
	display: initial;
}

#show-planet-btn, #show-map-btn, .turn-status {
	display: none;
}

.btn-primary {
    background: black;
    box-shadow: none;
	color: #ffd700;
	border: 2px solid #ffd700;
	font-weight: 600;
}

.btn:hover, .nav-btn:hover, .action-btn:hover {
    transform: none;
    box-shadow: none;
}

.turn-result {
    position: absolute;
    top: 30%;
    left: 50%;
    transform: translate(-50%, -50%);
	background: hsl(134deg 25% 5% / 90%);
    width: 70%;
}

.turn-result.damage-result {
    background: hsl(354deg 50% 5% / 90%);
    border-color: rgba(220, 53, 69, 0.3);
}

.turn-result.success-result {
    background: hsl(134deg 25% 5% / 90%);
    border-color: rgba(40, 167, 69, 0.3);
}

.planet-item {
    background-image: url(../images/starmap.png);
    background-size: 400px;
    width: 106px;
    height: 116px;
}
/* 
.planet-item * {
    visibility: hidden;
} */

.planet-item .planet-button {
    padding: 0.25em;
    height: 100%;
    display: inline-block;
    text-align: left;
    font-size: 0.75em;
    position: relative;
}

.planet-item .planet-title {
    display: block;
    position: absolute;
    bottom: 0.25em;
    left: 0.25em;
}

.planet-item .planet-attribs {
    display: block;
    position: absolute;
    top: 0.25em;
    right: 0.25em;
    font-size: 0.75em;
}

#reset-game-btn {
    display: none;
}