@media screen, speech {
	.arena .folders {
		margin: 0.5rem 0 1.5rem;
	}

	.arena .folder {
		margin: 0.5rem 0;
	}

	.arena .folder-tab {
		display: inline-block;
		font-family: "Space Mono", monospace;
		font-variant-ligatures: none;
		font-size: 90%;
		padding: 0.2rem 0.8rem;
		border: 1px solid var(--text-color);
		border-bottom: none;
		border-radius: 4px 4px 0 0;
		background: var(--tertiary-color);
		cursor: pointer;
		list-style: none;
		user-select: none;
		white-space: nowrap;
		max-width: 100%;
		overflow: hidden;
		text-overflow: ellipsis;
		vertical-align: bottom;
	}
	.arena .folder-tab::-webkit-details-marker {
		display: none;
	}
	.arena .folder-tab::before {
		content: "▸ ";
	}
	.arena details[open] .folder-tab::before {
		content: "▾ ";
	}

	.arena .folder-count {
		opacity: 0.6;
	}

	.arena .folder-body {
		border: 1px solid var(--text-color);
		padding: 0.6rem;
		margin-top: -1px;
	}

	.arena .folder-grid {
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(72px, 1fr));
		gap: 4px;
		font-family: "Space Mono", monospace;
		font-size: 80%;
	}

	.arena .folder-grid a {
		display: block;
		text-decoration: none;
	}
	.arena .folder-grid img {
		width: 100%;
		aspect-ratio: 1 / 1;
		object-fit: cover;
		display: block;
		background: var(--tertiary-color);
	}

	.arena .tile-text {
		display: flex;
		align-items: center;
		aspect-ratio: 1 / 1;
		padding: 4px;
		border: 1px solid var(--primary-color);
		overflow: hidden;
		font-size: 70%;
		line-height: 1.2;
	}

	.arena .folder-status {
		font-family: "Space Mono", monospace;
		font-size: 80%;
		opacity: 0.7;
	}
}