div#buildBtns {
	position: absolute;
	top: 50px;
	left: 0px;
}

/* 火堆状态（常驻显示）：档位条 + 档位名 + 一句提示。
   ⚠️ 必须绝对定位：面板本身只有一行按钮那么高（38px），在流内插块级元素会把面板撑高、
   影响 locationSlider 的几何。位置取「生火/添柴按钮右边、库存盒左边」那段空位。 */
div#fireStatus {
	position: absolute;
	left: 150px;
	top: 3px;
	width: 220px;
	pointer-events: none;
}

div#fireStatus span.fireStatus__cell {
	display: inline-block;
	width: 7px;
	height: 12px;
	margin-left: 3px;
	border: 1px solid #b2b2b2;
	vertical-align: -1px;
}

div#fireStatus span.fireStatus__cell.on {
	background: black;
	border-color: black;
}

div#fireStatus span.fireStatus__name {
	margin-left: 7px;
}

div#fireStatus div.fireStatus__hint {
	color: #b2b2b2;
	font-size: 14px;
	margin-top: 2px;
}

div#buildBtns:before, div#craftBtns:before, div#buyBtns:before {
	content: attr(data-legend);
	position: relative;
	top: -5px;
}

div#craftBtns {
	position: absolute;
	top: 50px;
	left: 150px;
}

div#buyBtns {
	position: absolute;
	top: 50px;
	left: 300px;
}

div#storesContainer {
	position: absolute;
	top: 0px;
	right: 0px;
}

div#stores:before, div#weapons:before {
	position: absolute;
	background: white;
	content: attr(data-legend);
	left: 8px;
	top: -13px;
}

div#stores {
	position: relative;
	z-index:10;
	border: 1px solid black;
	cursor: default;
	padding: 5px 10px;
	/* 200 -> 215：行首多了图标，窄了会挤着右边的数字 */
	width: 215px;
}

div.storeRow {
	position: relative;
}

div#weapons {
	margin-top: 15px;
	position: relative;
	right: 0px;
	border: 1px solid black;
	cursor: default;
	padding: 5px 10px;
	width: 215px;
}