/* MZO site: COMMUNITY page ("THE NETWORK"): BO7 Kowakajo hero with embers + party panel, TOGETHER totals, RECENT
   MATCHES feed + weekend events, MAP RECORDS over BO7's Ashes art, FROM THE TEAM posts, GET INVOLVED.
   Accent: volcano ember (--ec). Markup: public/community.php, behaviour: site/js/community.js. */
body.page-community { --ec: #ff8a3d; --ec-2: #ffc08a; --live: #7cf29b; overflow-x: clip; }

/* ---------- NETWORK hero (runs under the top bar like HOME) ---------- */
.net { position: relative; isolation: isolate; overflow: hidden; margin-top: calc(-1 * var(--pm, 0rem)); padding: calc(6rem + var(--pm, 0rem)) var(--g) 3rem; min-height: calc(36rem + var(--pm, 0rem)); display: flex; flex-direction: column; justify-content: flex-end; }
.net-art { position: absolute; inset: 0; z-index: -2; }
.net-art img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 40%; transform-origin: 70% 30%; animation: kenburns 40s ease-in-out infinite alternate; }
.net::before { content: ""; position: absolute; inset: 0; z-index: -1; background:
	radial-gradient(60% 70% at 72% 18%, rgba(255, 110, 40, .16), transparent 70%),
	linear-gradient(90deg, rgba(5, 6, 8, .94) 0%, rgba(5, 6, 8, .66) 36%, rgba(5, 6, 8, .18) 68%, rgba(5, 6, 8, .5) 100%),
	linear-gradient(180deg, rgba(5, 6, 8, .65) 0%, transparent 26%, transparent 58%, var(--bg, #050608) 100%); }
.net::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: repeating-linear-gradient(0deg, rgba(255, 255, 255, .022) 0 1px, transparent 1px 0.25rem); }
/* embers: two layers of dots drifting up */
.embers, .embers::before { position: absolute; inset: 0; pointer-events: none; background-repeat: repeat; }
.embers { background-image: radial-gradient(2px 2px at 12% 80%, rgba(255, 160, 80, .9), transparent 60%), radial-gradient(1.5px 1.5px at 38% 62%, rgba(255, 120, 50, .8), transparent 60%), radial-gradient(2px 2px at 64% 90%, rgba(255, 190, 110, .85), transparent 60%), radial-gradient(1.5px 1.5px at 84% 70%, rgba(255, 140, 60, .8), transparent 60%); background-size: 22rem 22rem; animation: ember 18s linear infinite; mix-blend-mode: screen; opacity: .8; }
.embers::before { content: ""; background-image: radial-gradient(1px 1px at 22% 40%, rgba(255, 200, 140, .9), transparent 60%), radial-gradient(2px 2px at 54% 20%, rgba(255, 110, 40, .7), transparent 60%), radial-gradient(1px 1px at 76% 52%, rgba(255, 170, 90, .9), transparent 60%); background-size: 15rem 15rem; animation: ember 11s linear infinite; }
@keyframes ember { from { background-position: 0 0; } to { background-position: 3rem -22rem; } }
.net-head { display: grid; grid-template-columns: minmax(0, 1fr) minmax(22rem, 32rem); gap: 2rem 3rem; align-items: end; }
.net-title p { display: flex; align-items: center; gap: 0.625rem; margin: 0; font: 700 max(11px, 1.125rem) var(--head); letter-spacing: .22em; color: var(--ec); }
.net-title p img { width: 1.875rem; height: 1.875rem; }
.net-title h1 { margin: 0.25rem 0 0; font: 900 clamp(max(11px, 3.25rem), 7vw, 7.5rem) / .9 var(--head); letter-spacing: .02em; text-shadow: 0 0 2.5rem rgba(255, 120, 50, .3); overflow-wrap: anywhere; }
.net-sub { display: block; margin-top: 0.75rem; font: 700 max(10px, 0.8125rem) var(--head); letter-spacing: .16em; color: var(--muted); }
.net-counts { display: grid; grid-template-columns: repeat(4, auto); justify-content: start; gap: 0.75rem 2.5rem; margin: 1.75rem 0 0; }
.net-counts div { padding-left: 0.875rem; border-left: 2px solid rgba(255, 138, 61, .6); }
.net-counts .is-live { border-left-color: var(--live); }
.net-counts dt { font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .16em; color: var(--muted); }
.net-counts dd { margin: 0.125rem 0 0; font: 900 max(11px, 2.25rem) / 1 var(--head); font-variant-numeric: tabular-nums; }
.net-counts .is-live dd { color: var(--live); }
.net-hints { display: flex; flex-wrap: wrap; gap: 0.625rem; margin-top: 1.75rem; }

/* BO7 party panel */
.party { position: relative; background: linear-gradient(180deg, rgba(20, 14, 12, .9), rgba(8, 9, 12, .92)); border: 1px solid rgba(255, 138, 61, .3); box-shadow: 0 1.25rem 3rem rgba(0, 0, 0, .5); backdrop-filter: blur(6px); }
.party::before { content: ""; position: absolute; left: -1px; right: -1px; top: -1px; height: 3px; background: linear-gradient(90deg, var(--ec), rgba(255, 138, 61, 0)); }
.party-h { display: flex; align-items: center; gap: 0.625rem; margin: 0; padding: 0.875rem 1rem 0.625rem; font: 700 max(10px, 0.8125rem) var(--head); letter-spacing: .18em; }
.party-h img { width: 1.125rem; height: 1.125rem; }
.party-n { margin-left: auto; min-width: 1.75rem; padding: 0.125rem 0.5rem; text-align: center; color: #04140a; background: var(--live); font-weight: 900; }
.party-list { display: grid; gap: 0.375rem; padding: 0 0.625rem 0.625rem; max-height: 21rem; overflow-y: auto; scrollbar-width: thin; }
.pm { position: relative; overflow: hidden; display: grid; grid-template-columns: 2.75rem minmax(0, 1fr) auto; gap: 0.75rem; align-items: center; min-height: 3.75rem; padding: 0.5rem 0.75rem 0.5rem 0.5rem; background: rgba(24, 20, 18, .85); border: 1px solid #2e2924; transition: border-color .2s, transform .2s var(--ease); opacity: 0; transform: translateX(1rem); }
body.is-ready .pm { animation: in .6s var(--ease) both; animation-delay: calc(var(--i) * 80ms + 450ms); }
.pm:hover, .pm:focus-visible { border-color: var(--ec); transform: translateX(-0.25rem); }
.pm.is-live { border-left: 3px solid var(--live); }
.pm-map { position: absolute; inset: 0 0 0 40%; z-index: 0; width: 60%; height: 100%; object-fit: cover; opacity: .32; -webkit-mask-image: linear-gradient(90deg, transparent, #000 60%); mask-image: linear-gradient(90deg, transparent, #000 60%); }
.pm > :not(.pm-map) { position: relative; z-index: 1; }
.pm-av { width: 2.75rem; height: 2.75rem; object-fit: cover; border: 1px solid #3e3832; background: #0b0e13; }
.pm-who { min-width: 0; }
.pm-who b { display: block; font: 700 max(13px, 1rem) var(--head); letter-spacing: .04em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm-who small { display: block; margin-top: 0.125rem; font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .1em; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.pm.is-live .pm-who small { color: var(--live); }
.pm-lv { display: flex; align-items: center; gap: 0.375rem; font: 900 max(12px, 1rem) var(--head); }
.pm-lv img { width: 1.75rem; height: 1.75rem; object-fit: contain; }
.pm-empty { margin: 0; padding: 1rem; color: var(--muted); }

/* ---------- shared section heading ---------- */
.page-community .section { scroll-margin-top: 4rem; }
.sec-h { display: flex; flex-wrap: wrap; align-items: end; gap: 0.5rem 1.5rem; margin-bottom: 1.75rem; }
.sec-k { flex-basis: 100%; display: flex; align-items: center; gap: 0.5rem; font: 700 max(10px, 0.75rem) var(--head); letter-spacing: .2em; color: var(--ec); }
.sec-k img { width: 1.25rem; height: 1.25rem; }
.sec-h h2 { font: 900 max(11px, 2.75rem) / 1 var(--head); letter-spacing: .03em; }
.sec-h p { margin: 0; color: var(--muted); max-width: 46rem; }
.sec-h p a { color: var(--ec-2); text-decoration: underline; text-underline-offset: 0.2em; }

/* ---------- TOGETHER ---------- */
.tg { display: grid; grid-template-columns: minmax(0, 1fr) minmax(20rem, 30rem); gap: 1.25rem; align-items: start; }
.tg-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.625rem; }
.tg-c { position: relative; min-width: 0; padding: 1rem 1.125rem 0.875rem; background: var(--panel); border: 1px solid var(--frame); transition: border-color .2s, transform .2s var(--ease); }
.tg-c::before { content: ""; position: absolute; left: -1px; top: -1px; width: 1.5rem; height: 2px; background: var(--ec); transition: width .3s var(--ease); }
.tg-c:hover { border-color: #4a423b; transform: translateY(-0.125rem); }
.tg-c:hover::before { width: 4rem; }
.tg-c span { display: block; font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .14em; color: var(--muted); }
.tg-c b { display: block; margin-top: 0.375rem; font: 900 max(14px, 2rem) / 1 var(--head); font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.tg-c small { display: block; margin-top: 0.375rem; color: #7d8691; font-size: max(11px, 0.875rem); }
.tg-c.is-big { grid-column: span 2; background: linear-gradient(120deg, rgba(255, 110, 40, .2), rgba(16, 18, 24, .85) 60%); border-color: rgba(255, 138, 61, .45); }
.tg-c.is-big b { font-size: max(22px, 3.5rem); color: var(--ec-2); text-shadow: 0 0 1.5rem rgba(255, 120, 50, .35); }
.recs { display: grid; gap: 0.625rem; }
.rec { position: relative; overflow: hidden; display: grid; gap: 0.25rem; min-height: 9.5rem; padding: 1rem 1.125rem; background: #0c0d11; border: 1px solid var(--frame); transition: border-color .2s; }
.rec:hover, .rec:focus-visible { border-color: var(--ec); }
.rec-map { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: .4; transition: transform .6s var(--ease), opacity .3s; }
.rec::after { content: ""; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(8, 9, 12, .92) 20%, rgba(8, 9, 12, .3)); }
.rec:hover .rec-map { transform: scale(1.05); opacity: .55; }
.rec > :not(.rec-map) { position: relative; z-index: 1; }
.rec-l { font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .16em; color: var(--ec); }
.rec-v { font: 900 max(18px, 2.5rem) / 1 var(--head); }
.rec-who { display: flex; align-items: center; gap: 0.625rem; margin-top: 0.375rem; min-width: 0; }
.rec-who img { width: 2.25rem; height: 2.25rem; object-fit: cover; border: 1px solid #3e3832; flex: none; }
.rec-who span { min-width: 0; }
.rec-who b { display: block; font: 700 max(12px, 0.9375rem) var(--head); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.rec-who small { display: block; font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .1em; color: var(--muted); overflow-wrap: anywhere; }

/* ---------- RECENT MATCHES + events ---------- */
.mf { display: flex; gap: 0.375rem; margin-left: auto; }
.chip { height: 2.25rem; padding: 0 0.875rem; font: 700 max(10px, 0.75rem) var(--head); letter-spacing: .12em; color: #aebbc2; background: rgba(14, 16, 21, .9); border: 1px solid #2a2f37; transition: border-color .2s, color .2s, background .2s; }
.chip:hover { border-color: #59626d; color: #fff; }
.chip.is-on { color: #1d0c00; background: var(--ec); border-color: var(--ec); }
.mt { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, 24rem); grid-template-areas: "feed ev" "more ev"; gap: 0.75rem 1.25rem; align-items: start; }
.feed { grid-area: feed; list-style: none; margin: 0; padding: 0; display: grid; gap: 0.375rem; }
.fm a { position: relative; overflow: hidden; display: grid; grid-template-columns: 4.5rem minmax(9rem, 1fr) auto 7.5rem 6rem; gap: 1rem; align-items: center; min-height: 4.25rem; padding: 0.5rem 1rem 0.5rem 0; background: rgba(14, 15, 19, .88); border: 1px solid #23262c; transition: border-color .2s, background .2s; }
.fm a:hover, .fm a:focus-visible { border-color: var(--ec); background: rgba(24, 20, 18, .92); }
.fm-map { position: absolute; left: 0; top: 0; bottom: 0; width: 40%; height: 100%; object-fit: cover; opacity: .38; -webkit-mask-image: linear-gradient(90deg, #000 30%, transparent); mask-image: linear-gradient(90deg, #000 30%, transparent); }
.fm-nomap { background: linear-gradient(90deg, #1a1612, transparent); }
.fm a > :not(.fm-map) { position: relative; z-index: 1; }
.fm-round { display: grid; place-items: center; align-self: stretch; margin: -0.5rem 0; background: rgba(255, 110, 40, .14); border-right: 1px solid rgba(255, 138, 61, .35); }
.fm-round small { font: 700 max(9px, 0.5625rem) var(--head); letter-spacing: .16em; color: var(--ec-2); align-self: end; }
.fm-round b { font: 900 max(16px, 1.75rem) / 1 var(--head); align-self: start; }
.fm-who { min-width: 0; }
.fm-who b { display: block; font: 700 max(13px, 1.0625rem) var(--head); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fm-who small { display: block; margin-top: 0.125rem; font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .1em; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fm-nums { display: grid; grid-template-columns: repeat(4, minmax(3.5rem, auto)); gap: 1rem; }
.fm-nums span { display: grid; }
.fm-nums small { font: 700 max(9px, 0.5625rem) var(--head); letter-spacing: .14em; color: var(--muted); }
.fm-nums b { font: 700 max(12px, 1rem) var(--head); font-variant-numeric: tabular-nums; }
.fm-tag { justify-self: start; padding: 0.1875rem 0.5rem; font: 700 max(9px, 0.625rem) var(--head); letter-spacing: .12em; color: var(--ec-2); border: 1px solid rgba(255, 138, 61, .4); white-space: nowrap; }
.fm[data-squad="solo"] .fm-tag { color: #aebbc2; border-color: #39414c; }
.fm-ago { justify-self: end; font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .1em; color: var(--muted); white-space: nowrap; }
.fm.is-more:not(.is-shown), .fm.is-hidden { display: none; }
.fm-empty { padding: 1rem; color: var(--muted); background: var(--panel); border: 1px solid var(--frame); }
.feed-more { grid-area: more; justify-self: start; }
.feed-more[hidden] { display: none; }
.ev { grid-area: ev; position: sticky; top: 6.5rem; padding: 1rem 1.125rem 1.125rem; background: linear-gradient(180deg, rgba(26, 18, 12, .92), rgba(10, 10, 13, .92)); border: 1px solid rgba(255, 138, 61, .3); }
.ev-h { display: flex; align-items: center; gap: 0.625rem; margin: 0; font: 700 max(10px, 0.8125rem) var(--head); letter-spacing: .18em; }
.ev-h img { width: 2.25rem; height: 2.25rem; object-fit: contain; }
.ev-now { margin: 0.875rem 0 0; padding: 0.625rem 0.75rem; font: 900 max(12px, 1rem) var(--head); letter-spacing: .06em; color: var(--muted); background: rgba(0, 0, 0, .35); border-left: 3px solid #39414c; }
.ev-now.is-on { color: var(--live); border-left-color: var(--live); }
.ev-list { list-style: none; margin: 0.75rem 0 0; padding: 0; display: grid; gap: 0.375rem; }
.ev-list li { display: grid; grid-template-columns: 3.25rem minmax(0, 1fr) auto; align-items: center; gap: 0.75rem; padding: 0.5rem 0.625rem; background: rgba(14, 15, 19, .8); border: 1px solid #23262c; }
.ev-list b { text-align: center; padding: 0.125rem 0; font: 900 max(11px, 0.875rem) var(--head); color: #6c747d; background: #15181d; }
.ev-list .is-on b { color: #04140a; background: var(--live); }
.ev-list small { font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .08em; color: var(--live); }
.ev-note { margin: 0.875rem 0 0; color: #7d8691; font-size: max(11px, 0.875rem); }

/* ---------- MAP RECORDS ---------- */
.maprec { isolation: isolate; overflow: hidden; }
.maprec-bg { position: absolute; inset: 0; z-index: -1; }
.maprec-bg img { width: 100%; height: 100%; object-fit: cover; opacity: .28; filter: saturate(.7); }
.maprec-bg::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, var(--bg) 0%, rgba(5, 6, 8, .55) 30%, rgba(5, 6, 8, .55) 70%, var(--bg) 100%); }
.mr-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; }
.mr { position: relative; overflow: hidden; display: flex; flex-direction: column; min-height: 13rem; padding: 0.875rem 1rem 1rem; background: rgba(10, 11, 14, .9); border: 1px solid var(--frame); transition: border-color .2s, transform .25s var(--ease); }
.mr:hover { border-color: var(--ec); transform: translateY(-0.25rem); }
.mr-img { position: absolute; inset: 0 0 auto; width: 100%; height: 62%; object-fit: cover; opacity: .55; -webkit-mask-image: linear-gradient(180deg, #000 40%, transparent); mask-image: linear-gradient(180deg, #000 40%, transparent); transition: transform .6s var(--ease); }
.mr:hover .mr-img { transform: scale(1.05); }
.mr > :not(.mr-img) { position: relative; z-index: 1; }
.mr-n { align-self: flex-start; padding: 0.125rem 0.5rem; font: 900 max(11px, 0.875rem) var(--head); color: #1d0c00; background: var(--ec); }
.mr h3 { margin-top: auto; padding-top: 3rem; font: 900 max(13px, 1.25rem) / 1.1 var(--head); letter-spacing: .03em; overflow-wrap: anywhere; text-shadow: 0 2px 0.75rem #000; }
.mr dl { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.5rem; margin: 0.75rem 0 0; }
.mr dt { font: 700 max(9px, 0.5625rem) var(--head); letter-spacing: .14em; color: var(--muted); }
.mr dd { margin: 0.125rem 0 0; font: 900 max(13px, 1.25rem) / 1 var(--head); font-variant-numeric: tabular-nums; }
.mr .is-best dd { color: var(--ec-2); }
.mr-holder { display: flex; align-items: center; gap: 0.5rem; min-width: 0; margin-top: 0.75rem; padding-top: 0.625rem; border-top: 1px solid #23262c; font: 700 max(11px, 0.8125rem) var(--head); color: #c9d0d6; }
.mr-holder:hover { color: #fff; }
.mr-holder img { width: 1.5rem; height: 1.5rem; object-fit: cover; flex: none; }
.mr-holder span { min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------- FROM THE TEAM ---------- */
.posts { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 0.75rem; }
.post { display: flex; flex-direction: column; min-width: 0; padding: 1rem 1.125rem 1.125rem; background: var(--panel); border: 1px solid var(--frame); border-top: 3px solid #39414c; }
.post.is-new { border-top-color: var(--ec); background: linear-gradient(180deg, rgba(40, 22, 12, .9), rgba(16, 18, 24, .85) 40%); }
.post header { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0.25rem 0.75rem; }
.post header b { font: 900 max(13px, 1.25rem) var(--head); letter-spacing: .03em; }
.post time { font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .12em; color: var(--muted); }
.post em { margin-left: auto; padding: 0.125rem 0.5rem; font: 700 max(9px, 0.625rem) var(--head); font-style: normal; letter-spacing: .14em; color: #1d0c00; background: var(--ec); }
.post ul { margin: 0.75rem 0 0; padding: 0 0 0 1.125rem; display: grid; gap: 0.375rem; }
.post li { color: #d6dbe0; }
.post li::marker { color: var(--ec); }
.post-test { margin: auto 0 0; padding-top: 0.875rem; }
.post-test b { display: block; margin-top: 0.25rem; padding-top: 0.75rem; border-top: 1px dashed #3a3530; font: 700 max(10px, 0.6875rem) var(--head); letter-spacing: .16em; color: var(--ec); }
.post-test span { display: block; margin-top: 0.25rem; color: var(--muted); font-size: max(11px, 0.9375rem); }

/* ---------- GET INVOLVED ---------- */
.involved { padding-bottom: 4rem; }
.gi { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 0.75rem; }
.gi-c { position: relative; display: flex; flex-direction: column; gap: 0.5rem; min-width: 0; padding: 1.125rem; background: var(--panel); border: 1px solid var(--frame); transition: border-color .2s, transform .2s var(--ease), background .2s; }
a.gi-c:hover, a.gi-c:focus-visible { border-color: var(--ec); transform: translateY(-0.25rem); background: rgba(30, 22, 16, .9); }
.gi-c img { width: 2.75rem; height: 2.75rem; object-fit: contain; }
.gi-c b { font: 900 max(13px, 1.125rem) var(--head); letter-spacing: .04em; }
.gi-c span { color: var(--muted); font-size: max(11px, 0.9375rem); }
.gi-c em { margin-top: auto; padding-top: 0.5rem; font: 700 max(10px, 0.6875rem) var(--head); font-style: normal; letter-spacing: .16em; color: var(--ec); }
.gi-c.is-discord { border-color: rgba(138, 92, 246, .5); background: linear-gradient(160deg, rgba(96, 30, 236, .22), rgba(16, 18, 24, .85) 60%); }
.gi-c.is-discord em { color: var(--violet-2); }

/* ---------- smaller screens ---------- */
@media (max-width: 1500px) {
	.fm a { grid-template-columns: 4.5rem minmax(8rem, 1fr) auto 6rem; }
	.fm-tag { display: none; }
	.gi { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}
@media (max-width: 1080px) {
	.net { min-height: 0; padding-top: calc(4rem + var(--pm, 0rem)); }
	.net-head, .tg, .mt { grid-template-columns: minmax(0, 1fr); }
	.mt { grid-template-areas: "feed" "more" "ev"; }
	.ev { position: static; }
	.tg-grid, .mr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.posts { grid-template-columns: minmax(0, 1fr); }
	.gi { grid-template-columns: repeat(2, minmax(0, 1fr)); }
	.mf { margin-left: 0; }
}
@media (max-width: 640px) {
	.net-counts { grid-template-columns: repeat(2, auto); }
	.fm a { grid-template-columns: 3.75rem minmax(0, 1fr) auto; gap: 0.75rem; padding-right: 0.75rem; }
	.fm-nums { grid-column: 2 / -1; grid-template-columns: repeat(4, minmax(0, auto)); justify-content: start; gap: 0.75rem; }
	.fm-round { grid-row: span 2; }
	.fm-ago { grid-column: 3; grid-row: 1; }
	.tg-c.is-big { grid-column: span 2; }
	.mr-grid, .gi { grid-template-columns: minmax(0, 1fr); }
}
@media (prefers-reduced-motion: reduce) {
	.net-art img, .embers, .embers::before { animation: none; }
}
.fm-empty[hidden] { display: none; }