/* Forums — multi-emoji rating component (no counts) on top of glow */

.glowed .post-edited {
	margin-top: 6px;
	font-size: 0.6875rem; color: rgba(216, 240, 255, 0.45); font-style: italic;
}

.glowed .post-actions .ratings {
	list-style: none;
	margin: 0; padding: 0;
	display: inline-flex; align-items: center; gap: 6px;
}
.glowed .post-actions .ratings .rating {
	width: 30px; height: 30px;
	border-radius: 8px;
	display: inline-flex; align-items: center; justify-content: center;
	color: #fff; font-size: 0.875rem;
	background: rgba(143, 234, 255, 0.05);
	background-clip: padding-box;
	border: 1px solid rgba(143, 234, 255, 0.18);
	box-shadow: 0 1px 2px #0009;
	text-shadow: 0 1px 2px #0009;
	cursor: default;
	transition: transform 0.1s ease, border-color 0.1s ease, background 0.1s ease;
}
.glowed .post-actions .ratings.interactive .rating {
	cursor: pointer;
}
.glowed .post-actions .ratings.interactive .rating:hover {
	transform: scale(1.1);
	border-color: rgba(143, 234, 255, 0.5);
}
.glowed .post-actions .ratings .rating.active {
	box-shadow: 0 0 0 1px #fff, 0 0 8px rgba(143, 234, 255, 0.4);
}
/* Color the active rating with its data-color (set as background tint via JS) */
.glowed .post-actions .ratings .rating.active i {
	color: #fff;
	text-shadow: 0 0 6px currentColor;
}

/* Render a soft accent background based on data-color attribute when active */
.glowed .post-actions .ratings .rating[data-color="2a2"].active { background: rgba(38, 170, 38, 0.25); border-color: rgba(38, 170, 38, 0.6); }
.glowed .post-actions .ratings .rating[data-color="777"].active { background: rgba(120, 120, 120, 0.25); border-color: rgba(160, 160, 160, 0.5); }
.glowed .post-actions .ratings .rating[data-color="e33"].active { background: rgba(238, 51, 51, 0.25); border-color: rgba(238, 51, 51, 0.6); }
.glowed .post-actions .ratings .rating[data-color="dc0"].active { background: rgba(221, 204, 0, 0.25); border-color: rgba(221, 204, 0, 0.6); }
.glowed .post-actions .ratings .rating[data-color="28c"].active { background: rgba(34, 136, 204, 0.25); border-color: rgba(34, 136, 204, 0.6); }
.glowed .post-actions .ratings .rating[data-color="915"].active { background: rgba(153, 17, 85, 0.25); border-color: rgba(153, 17, 85, 0.6); }

/* Keep the right column stable when long content sits in a post body */
.glowed .post .post-col { min-width: 0; }

/* Empty state */
.glowed .threads .empty {
	padding: 24px; text-align: center;
	color: rgba(216, 240, 255, 0.45);
	border: 1px dashed rgba(143, 234, 255, 0.18);
	border-radius: 14px;
}

/* A game's forum box on its page (views/forums/box.php): on its own under GT's worlds bar, in Sector G's reading column */
.glowed .forums-box {
	margin: 8px 40px 32px;
	padding: 18px;
	border: 1px solid rgba(143, 234, 255, 0.2);
	border-radius: 18px;
	background: rgba(143, 234, 255, 0.04);
}
.glowed .gp-body .forums-box { margin: 1.5rem 0 0; }
.glowed .forums-box .forums-box-head {
	display: flex; align-items: center; gap: 14px;
	padding: 0 6px 14px;
}
/* .forums-box first, to beat a page's own h3 (Sector G's) */
.glowed .forums-box .forums-box-head h3 {
	font-family: 'Space Grotesk', sans-serif;
	font-weight: 600; font-size: 1.125rem; color: #fff;
	margin: 0;
}
.glowed .forums-box .forums-box-head .line {
	flex: 1; height: 1px;
	background: linear-gradient(90deg, rgba(143, 234, 255, 0.3), transparent);
}
.glowed .forums-box .forums-box-more {
	font-family: 'JetBrains Mono', monospace;
	font-size: 0.625rem; letter-spacing: 0.15em;
	text-transform: uppercase;
	color: #8feaff; text-decoration: none;
	transition: color 0.2s;
}
.glowed .forums-box .forums-box-more:hover { color: #fff; }
.glowed .forums-box .threads { padding: 0; }
@media (max-width: 720px) {
	.glowed .forums-box { margin: 8px 16px 24px; padding: 14px; }
}