/* War of Emperium hours (woe/index, woe/custom) */

.fy-woe-intro { max-width: 70ch; margin-bottom: var(--sp-6); color: var(--text-2); }
.fy-woe-intro p { margin: 0 0 .6rem; }
.fy-woe-clock { display: flex; align-items: center; gap: .55rem; color: var(--text-2); }
.fy-woe-clock > .fy-i { flex: none; color: var(--gold-300); }
.fy-woe-clock strong { color: var(--gold-200); }

.fy-woe-server { margin-bottom: var(--sp-5); }
.fy-woe-times { display: grid; gap: var(--sp-3); grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); margin: 0; padding: 0; list-style: none; }
.fy-woe-times li, .fy-woe-times li + li { margin: 0; }
.fy-woe-times li { display: grid; gap: .35rem; padding: var(--sp-4); border: 1px solid var(--line); border-radius: var(--r-md); background: var(--surface-sunken); }
.fy-woe-times__day { color: var(--gold-300); font: 700 .74rem/1.2 var(--font-lore); letter-spacing: .16em; text-transform: uppercase; }
.fy-woe-times__span { display: flex; flex-wrap: wrap; align-items: center; gap: .4rem; color: var(--text-3); }
.fy-woe-times__span strong { color: var(--text); font: 600 1.4rem/1 var(--font-display); }
.fy-woe-times__end { color: var(--text-2); font-weight: 700; }

/* No hours configured */
.fy-woe-empty {
	display: grid;
	gap: var(--sp-5) var(--sp-8);
	align-items: center;
	--card-pad: clamp(1.5rem, 1rem + 2.4vw, 3rem);
	background:
		radial-gradient(420px 240px at 0% 50%, rgba(140, 87, 248, .2), transparent 70%),
		radial-gradient(380px 220px at 100% 0%, rgba(255, 196, 63, .1), transparent 70%),
		var(--grad-card), var(--surface);
}
.fy-woe-empty__poring { width: 112px; height: auto; animation: fy-bob 3.2s var(--ease-in-out) infinite; }
.fy-woe-empty__text { max-width: 62ch; }
.fy-woe-empty__text h2 { margin: 0 0 var(--sp-3); font-size: var(--fs-h3); }
.fy-woe-empty__text > p:not(.fy-eyebrow):not(.fy-woe-clock) { color: var(--text-2); }
.fy-woe-empty .fy-woe-clock { margin: var(--sp-4) 0 0; font-size: .92rem; }
.fy-woe-empty__ctas { margin-top: var(--sp-6); }
@media (min-width: 760px) {
	.fy-woe-empty { grid-template-columns: auto minmax(0, 1fr); }
	.fy-woe-empty__poring { width: 150px; }
}

.fy-woe-more { display: grid; gap: var(--sp-4); grid-template-columns: repeat(auto-fit, minmax(min(100%, 260px), 1fr)); margin-top: var(--sp-8); }
.fy-woe-more__link { --card-pad: var(--sp-5); display: flex; align-items: center; gap: var(--sp-4); color: var(--text); text-decoration: none; }
.fy-woe-more__link:hover { color: var(--text); }
.fy-woe-more__link strong { display: block; font: 600 1.05rem/1.25 var(--font-display); }
.fy-woe-more__link .fy-muted { display: block; margin-top: .1rem; font-size: .88rem; line-height: 1.35; }
.fy-woe-more__link > span:nth-child(2) { flex: 1; min-width: 0; }
.fy-woe-more__icon { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 16px; background: rgba(255, 196, 63, .14); color: var(--gold-300); }
.fy-woe-more__icon--pink { background: rgba(243, 90, 169, .15); color: var(--petal-300); }
.fy-woe-more__icon--sky { background: rgba(63, 140, 255, .15); color: var(--sky-300); }
.fy-woe-more__arrow { color: var(--text-4); transition: transform var(--t-med) var(--ease); }
.fy-woe-more__link:hover .fy-woe-more__arrow { color: var(--gold-300); transform: translateX(3px); }