.rounds {
	margin: 1rem 0;
	padding: 0;

	.round {
		margin: 1rem 0;
		border: $border-width solid $secondary;
		border-radius: $border-radius;
		background: $gray-700;
		padding: 1ex;
		list-style: none;

		&.has-not-finished {
			border-color: $light;
			box-shadow: 0 0 0.25rem 0.25rem $info;
		}

		.info {
			padding-right: 1rem;
			min-width: 13em;

			.date {
				font-size: 125%;
			}

			.rolled-by {
				display: inline-block;
				vertical-align: middle;

				img {
					max-height: 2rem;
					width: auto;
					border-radius: 50%;
				}
			}

			.seed-code, .btn, .rolled-by {
				margin-bottom: 1ex;
			}
		}
	}
}

.seed-code {
	align-items: center;
	align-content: center;
	justify-content: flex-start;
	gap: 0.5ex;
	padding: 0.5ex;
	border-radius: 0.5ex;
	background: $dark;
	color: $light;
	vertical-align: middle;

	&.game-alttpr {
		display: inline-flex;
		flex-direction: row;
		flex-wrap: nowrap;
	}

	&.game-smr {
		display: inline-grid;
		grid-template-columns: 1fr 1fr;
		> span {
			text-transform: uppercase;
		}
	}
}

.seed-code-input {
	border: none;
	padding: 0;

	&.game-smr {
		display: grid;
		grid-template-columns: 1fr 1fr;
	}
}