.dropzone {
	fill-opacity: 50%;
	stroke: black;
}
.hexTile {
	fill-opacity: 100%;
	stroke: black;
	touch-action: none;
}
.panContainer {
	-ms-touch-action: none;
	user-select: none;
	touch-action: none;
}
.tier-1 {
	fill: #aaa;
}
.tier-2 {
	fill: #e44;
}
.tier-3 {
	fill: #5c5;
}
.tier-4 {
	fill: #66f;
}
.tier-5 {
	fill: #a6a;
}
.tier-6 {
	fill: #ee3;
}
.drop-target {
	fill: yellow;
}

.tileSubTitleText,.tileTitleText {
	stroke: none;
	fill: black;
	text-anchor: middle;
}
.tileTitleText {
	font: 0.3px sans-serif;
	filter: drop-shadow(0px 0px 0.03px rgba(255, 255, 255, 0.5));
}
.tileSubTitleText {
	font: 0.2px sans-serif;
	filter: drop-shadow(0px 0px 0.02px rgba(255, 255, 255, 0.5));
}
.undockedTile {
	filter: grayscale(0.5);
}
.dockedTile {
}
.selectedTile {
	filter: brightness(1.3) drop-shadow(0px 0px 0.5px white);
}
.selectedTile .hexCore {
	stroke: #aa0;
}
.undockedTile.selectedTile {
	filter: grayscale(0.5) brightness(1.3) drop-shadow(0px 0px 0.5px white);
}
.unfilledHex {
	fill: #777;
	fill-opacity: 100%;
	stroke-width: 0.015px;
	stroke: #333;
}