/* Upcoming skins page. Loaded only when the emberforge/skins block renders.
   Does not change Forgelands or any other page. */

.ef-skins-fire {
	background: linear-gradient(90deg, #f5c451, #ff8a3d 45%, #e4520b);
	-webkit-background-clip: text;
	background-clip: text;
	color: transparent;
}

.ef-skins-status {
	display: inline-flex;
	flex-wrap: wrap;
	align-items: center;
	gap: .5rem .8rem;
	margin: 0 0 1.4rem;
	padding: .55rem 1rem .55rem .85rem;
	font-family: var(--ef-mono, ui-monospace, monospace);
	font-size: .75rem;
	letter-spacing: .16em;
	text-transform: uppercase;
	color: var(--ef-soft, #c9cfe4);
	background: rgba(12, 9, 8, .62);
	border: 1px solid rgba(255, 138, 61, .45);
}

.ef-skins-status strong { color: #ffb347; font-weight: 500; }

.ef-skins-status__dot {
	width: .55rem;
	height: .55rem;
	border-radius: 50%;
	background: #ff8a3d;
}

.ef-skins-fine {
	margin: 1rem 0 0;
	color: var(--ef-soft, #c9cfe4);
	font-size: .9rem;
}

.ef-skins-sheet {
	margin: 1.6rem 0 0;
	max-width: 720px;
	background: #0c0908;
	border: 1px solid rgba(255, 138, 61, .28);
}

.ef-skins-sheet img {
	display: block;
	width: 100%;
	height: auto;
}

.ef-skins-sheet figcaption {
	padding: .55rem .8rem .7rem;
	font-family: var(--ef-mono, ui-monospace, monospace);
	font-size: .75rem;
	letter-spacing: .12em;
	text-transform: uppercase;
	color: #ffb347;
}

.ef-skins-cta .ef-actions { margin-top: 1.6rem; }

@media (prefers-reduced-motion: reduce) {
	.ef-skins-status__dot { animation: none; }
}