/*! FullOyun 4.0 · member.css — profil, hesabım, topluluk, rütbeler, iletişim formları. */

/* Profil başlığı */
.fo-profile { position: relative; margin-bottom: 8px; }
.fo-profile__banner { height: clamp(140px, 22vw, 240px); background-size: cover; background-position: center; mask-image: linear-gradient(180deg, #000 55%, transparent); -webkit-mask-image: linear-gradient(180deg, #000 55%, transparent); }
.fo-profile__card { position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 8px 20px; align-items: end; margin-top: clamp(-80px, -8vw, -48px); padding: 0 4px; }
.fo-profile__av .fo-avatar { box-shadow: 0 0 0 5px var(--bg); }
.fo-profile__av .fo-avatar.fo-frame { box-shadow: 0 0 0 4px var(--bg), 0 0 0 6.5px var(--fr, var(--accent)); }
/* Animasyonlu çerçevede tek halka: dış renk halkası yok, yalnızca dönen degrade */
.fo-profile__av .fo-avatar.fo-frame--mythic, .fo-profile__av .fo-avatar.fo-frame--vip, .fo-profile__av .fo-avatar.fo-frame--admin { box-shadow: 0 0 0 4px var(--bg); }
.fo-profile__av .fo-frame--mythic::before, .fo-profile__av .fo-frame--vip::before, .fo-profile__av .fo-frame--admin::before { inset: -6.5px; }
.fo-profile__main { display: grid; gap: 6px; min-width: 0; padding-bottom: 6px; }
.fo-profile__name { margin: 0; font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.2rem); }
.fo-profile__name .fo-i { width: .8em; height: .8em; }
.fo-profile__status { margin: 0; color: var(--muted); }
.fo-profile__edit { align-self: end; margin-bottom: 8px; }
.fo-profile .fo-xp { grid-column: 1 / -1; margin-top: 10px; }
@media (max-width: 640px) {
	.fo-profile__card { grid-template-columns: 1fr; justify-items: start; }
	.fo-profile__av .fo-avatar { --s: 92px; }
	.fo-profile__edit { justify-self: start; }
}

/* Rütbe ilerleme çubuğu */
.fo-xp { display: grid; gap: 6px; max-width: 560px; }
.fo-xp__top { display: flex; align-items: center; justify-content: space-between; gap: 10px; font-size: .86rem; color: var(--muted); }
.fo-xp__top b { color: var(--text); font-size: 1.05rem; }
.fo-xp__bar { height: 8px; border-radius: 8px; background: var(--surface2); overflow: hidden; }
.fo-xp__bar span { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--rk, var(--accent)), color-mix(in srgb, var(--rk, var(--accent)) 50%, var(--accent2))); }
.fo-xp small { color: var(--muted); }

/* Profil gövdesi */
.fo-pgrid { display: grid; gap: 22px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 960px) { .fo-pgrid { grid-template-columns: 300px minmax(0, 1fr); align-items: start; } .fo-pside { position: sticky; top: calc(var(--hdr-h) + 16px); } }
.fo-pside__bio { white-space: pre-line; overflow-wrap: anywhere; margin: 0; }
.fo-pstats { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(0, 1fr); gap: 8px; margin-top: 16px; }
.fo-pstats li { --sc: #94a3b8; display: grid; justify-items: center; gap: 2px; padding: 10px 4px 9px; border-radius: 12px; text-align: center; min-width: 0; background: linear-gradient(180deg, color-mix(in srgb, var(--sc) 16%, var(--surface2)), var(--surface2)); border: 1px solid color-mix(in srgb, var(--sc) 28%, transparent); }
.fo-pstats li > .fo-i { width: 28px; height: 28px; padding: 6px; margin-bottom: 2px; border-radius: 9px; color: var(--sc); background: color-mix(in srgb, var(--sc) 18%, transparent); }
.fo-pstats b { font-size: 1.1rem; color: var(--sc); }
.fo-pstats span { font-size: .74rem; color: var(--muted); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.fo-pstat--pts { --sc: #fbbf24; } .fo-pstat--cm { --sc: #60a5fa; } .fo-pstat--like { --sc: #fb7185; } .fo-pstat--game { --sc: #34d399; }
[data-theme="light"] .fo-pstat--pts { --sc: #b45309; } [data-theme="light"] .fo-pstat--cm { --sc: #1d4ed8; } [data-theme="light"] .fo-pstat--like { --sc: #be123c; } [data-theme="light"] .fo-pstat--game { --sc: #047857; }
.fo-pside > .fo-streak { margin-top: 14px; }
.fo-pmeta { display: grid; gap: 10px; margin-top: 14px; }
.fo-pmeta__facts { display: grid; gap: 6px; font-size: .88rem; color: var(--muted); }
.fo-pmeta__facts li { display: flex; align-items: center; gap: 8px; }
.fo-pmeta__tags { display: flex; flex-wrap: wrap; gap: 6px; }
.fo-ptabs { display: flex; gap: 4px; margin-bottom: 16px; overflow-x: auto; border-bottom: 1px solid var(--line); scrollbar-width: none; }
.fo-ptabs button { position: relative; display: inline-flex; align-items: center; gap: 7px; padding: 10px 12px; font-size: .9rem; font-weight: 650; color: var(--muted); white-space: nowrap; }
.fo-ptabs button:hover { color: var(--text); }
.fo-ptabs button[aria-selected="true"] { color: var(--text); }
.fo-ptabs button[aria-selected="true"]::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--ac, var(--accent)); }
.fo-ptabs em { font-style: normal; font-size: .74rem; padding: 0 6px; border-radius: 6px; background: var(--surface2); }

/* Profil yorum listesi */
.fo-pcm { display: grid; gap: 8px; }
.fo-pcm__i { display: flex; gap: 12px; padding: 12px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); }
.fo-pcm__th img, .fo-pcm__th span { display: grid; place-items: center; width: 48px; height: 48px; border-radius: 9px; object-fit: cover; background: var(--surface2); font-weight: 800; }
.fo-pcm__b { flex: 1; min-width: 0; display: grid; gap: 4px; }
.fo-pcm__h { display: flex; justify-content: space-between; gap: 10px; font-size: .84rem; }
.fo-pcm__g { font-weight: 700; }
.fo-pcm__h time { color: var(--muted); white-space: nowrap; }
.fo-pcm__t { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; line-clamp: 3; overflow: hidden; font-size: .92rem; color: color-mix(in srgb, var(--text) 85%, var(--muted)); overflow-wrap: anywhere; }
.fo-pcm__l { display: inline-flex; align-items: center; gap: 4px; font-size: .78rem; color: var(--hot); }

/* Başarımlar */
.fo-achbar { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; font-size: .9rem; color: var(--muted); }
.fo-achbar b { color: var(--text); }
.fo-achbar__bar { flex: 1 1 160px; height: 6px; border-radius: 6px; background: var(--surface2); overflow: hidden; }
.fo-achbar__bar i { display: block; height: 100%; background: linear-gradient(90deg, var(--warn), var(--hot)); }
.fo-ach { display: grid; gap: 10px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 250px), 1fr)); }
.fo-ach li { display: flex; gap: 12px; padding: 12px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); }
.fo-ach li.is-locked { opacity: .62; }
.fo-ach__i { display: grid; place-items: center; width: 40px; height: 40px; flex: none; border-radius: 11px; color: var(--tc, var(--muted)); background: color-mix(in srgb, var(--tc, var(--muted)) 15%, transparent); }
.fo-ach--common { --tc: #94a3b8; }
.fo-ach--rare { --tc: #38bdf8; }
.fo-ach--epic { --tc: #c084fc; }
.fo-ach--legendary { --tc: #fbbf24; }
.is-locked .fo-ach__i { filter: grayscale(1); }
.fo-ach__t { display: grid; gap: 2px; min-width: 0; font-size: .86rem; }
.fo-ach__t b { font-size: .92rem; }
.fo-ach__t small { color: var(--muted); }
.fo-ach__t em { font-style: normal; font-size: .72rem; color: var(--muted); }
.fo-ach__pts { font-style: normal; font-size: .72rem; font-weight: 700; color: var(--tc); }
.fo-ach__p { height: 4px; margin-top: 4px; border-radius: 4px; background: var(--surface2); overflow: hidden; }
.fo-ach__p i { display: block; height: 100%; background: var(--tc); }
.fo-achmore { margin-top: 14px; }
.fo-achmore > summary { cursor: pointer; margin-bottom: 10px; font-weight: 650; color: var(--muted); }

/* Hesabım */
.fo-acchead { padding-block: clamp(18px, 3vw, 30px) 0; background: linear-gradient(180deg, color-mix(in srgb, var(--ac, var(--accent)) 10%, transparent), transparent); }
.fo-acchead__row { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 12px 18px; align-items: center; }
@media (min-width: 860px) { .fo-acchead__row { grid-template-columns: auto minmax(0, 1fr) minmax(280px, 380px); } }
.fo-acchead__main { display: grid; gap: 6px; min-width: 0; }
.fo-acchead__name { margin: 0; font-size: clamp(1.35rem, 1.1rem + 1vw, 1.8rem); }
.fo-acchead__xp { grid-column: 1 / -1; }
@media (min-width: 860px) { .fo-acchead__xp { grid-column: auto; } }
.fo-acctabs { display: flex; gap: 2px; margin-top: 18px; overflow-x: auto; border-bottom: 1px solid var(--line); scrollbar-width: none; }
.fo-acctabs a { position: relative; display: inline-flex; align-items: center; gap: 6px; padding: 11px 12px; font-size: .9rem; font-weight: 650; color: var(--muted); white-space: nowrap; }
.fo-acctabs a:hover { color: var(--text); }
.fo-acctabs a.is-on { color: var(--text); }
.fo-acctabs a.is-on::after { content: ""; position: absolute; left: 8px; right: 8px; bottom: -1px; height: 2px; border-radius: 2px; background: var(--ac, var(--accent)); }
.fo-split { display: grid; gap: 24px; grid-template-columns: minmax(0, 1fr); }
@media (min-width: 1000px) { .fo-split { grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); align-items: start; } }
.fo-statgrid { display: grid; gap: 10px; grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); margin: 6px 0 22px; }
.fo-statgrid li { display: grid; grid-template-columns: auto 1fr; grid-template-rows: auto auto; column-gap: 12px; align-items: center; padding: 14px 16px; border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); }
.fo-statgrid .fo-i { grid-row: span 2; width: 22px; height: 22px; color: var(--accent); }
.fo-statgrid b { font-size: 1.3rem; line-height: 1.1; }
.fo-statgrid span { font-size: .8rem; color: var(--muted); }
.fo-settings { display: grid; gap: 18px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr)); align-items: start; }
.fo-mynow { display: grid; gap: 0; margin-bottom: 18px; border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); overflow: hidden; }
.fo-mynow li { display: flex; justify-content: space-between; gap: 12px; padding: 10px 14px; font-size: .88rem; }
.fo-mynow li + li { border-top: 1px solid color-mix(in srgb, var(--line) 70%, transparent); }
.fo-mynow span { color: var(--muted); }
.fo-mynow .is-on b { color: var(--ok); }
.fo-mynow .is-off b { color: var(--muted); font-weight: 600; }
.fo-splist { display: grid; gap: 10px; }
.fo-splist li { display: grid; gap: 4px; justify-items: start; padding: 12px; border-radius: 12px; background: var(--surface); border: 1px solid var(--line); }
.fo-splist small { color: var(--muted); }

/* Puan geçmişi */
.fo-ledger { border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); overflow: hidden; }
.fo-ledger__i { display: grid; grid-template-columns: 58px 1fr auto; gap: 12px; align-items: center; padding: 11px 14px; font-size: .9rem; }
.fo-ledger__i + .fo-ledger__i { border-top: 1px solid color-mix(in srgb, var(--line) 70%, transparent); }
.fo-ledger__p { font-weight: 800; color: var(--ok); font-variant-numeric: tabular-nums; }
.fo-ledger__i.is-neg .fo-ledger__p { color: var(--hot); }
.fo-ledger__t { min-width: 0; overflow-wrap: anywhere; }
.fo-ledger time { font-size: .76rem; color: var(--muted); white-space: nowrap; }

/* Puan kuralları tablosu */
.fo-ptable { width: 100%; border-collapse: collapse; border-radius: var(--r); overflow: hidden; background: var(--surface); box-shadow: 0 0 0 1px var(--line); font-size: .88rem; }
.fo-ptable thead th { padding: 10px 14px; text-align: left; font-size: .76rem; color: var(--muted); background: var(--surface2); }
.fo-ptable thead th:last-child, .fo-ptable td { text-align: right; }
.fo-ptable tbody th, .fo-ptable td { padding: 10px 14px; border-top: 1px solid color-mix(in srgb, var(--line) 70%, transparent); vertical-align: top; }
.fo-ptable tbody th { display: flex; gap: 10px; text-align: left; font-weight: 400; }
.fo-ptable tbody th .fo-i { margin-top: 2px; color: var(--accent); }
.fo-ptable tbody th span { display: grid; gap: 2px; }
.fo-ptable tbody th small { color: var(--muted); }
.fo-ptable tr.is-minus th .fo-i { color: var(--hot); }
.fo-pts { white-space: nowrap; font-variant-numeric: tabular-nums; }
.fo-pts.is-plus { color: var(--ok); }
.fo-pts.is-minus { color: var(--hot); }

/* Rütbe merdiveni */
.fo-ladder { display: grid; gap: 8px; }
.fo-ladder__i { position: relative; padding: 12px 14px; border-radius: 14px; background: var(--surface); border: 1px solid var(--line); }
.fo-ladder__i.is-done { border-color: color-mix(in srgb, var(--rk) 30%, var(--line)); }
.fo-ladder__i.is-current { border-color: var(--rk); box-shadow: 0 0 0 1px var(--rk), 0 10px 30px -20px var(--rk); }
.fo-ladder__h { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 12px; }
.fo-ladder__h small { color: var(--muted); font-size: .8rem; }
.fo-ladder__h em { margin-left: auto; font-style: normal; font-size: .76rem; font-weight: 700; color: var(--muted); }
.fo-ladder__i.is-current .fo-ladder__h em { color: var(--rk); }
.fo-ladder__i.is-done .fo-ladder__h::after { content: "✓"; margin-left: auto; font-weight: 800; color: var(--rk); }
.fo-ladder__perks { display: grid; gap: 4px; margin-top: 8px; font-size: .86rem; }
.fo-ladder__perks li { display: flex; gap: 8px; align-items: flex-start; }
.fo-ladder__perks .fo-i { width: 14px; height: 14px; margin-top: 4px; color: var(--rk); }
.fo-ladder__i:not(.is-done):not(.is-current) .fo-ladder__perks { color: var(--muted); }

/* Topluluk */
.fo-userlist { display: grid; gap: 8px; }
.fo-userlist li { display: flex; align-items: center; gap: 10px; }
.fo-legends { display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); }
.fo-legends a { display: grid; justify-items: center; gap: 6px; padding: 18px 12px; border-radius: var(--r); text-align: center; background: var(--surface); border: 1px solid var(--line); }
.fo-legends a:hover { border-color: var(--accent); }
.fo-legends small { color: var(--muted); }

/* Profil düzenleme formu */
.fo-profileform { display: grid; gap: 18px; max-width: 1100px; }
.fo-ppreview { position: relative; margin-bottom: 16px; border-radius: 14px; overflow: hidden; background: var(--surface2); }
.fo-ppreview__banner { height: clamp(130px, 22vw, 200px); background-size: cover; background-position: center; }
.fo-ppreview__row { display: flex; align-items: flex-end; gap: 12px; margin-top: -32px; padding: 0 14px 12px; }
.fo-ppreview__row .fo-avatar { box-shadow: 0 0 0 4px var(--surface2); }
.fo-fieldrow { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 18px; margin: 10px 0; }
.fo-file { display: grid; gap: 6px; font-weight: 600; font-size: .88rem; }
.fo-file input[type="file"] { font-size: .85rem; color: var(--muted); }
.fo-file input[type="file"]::file-selector-button { margin-right: 10px; padding: 8px 12px; border-radius: 9px; border: 1px solid var(--line); background: var(--surface2); color: var(--text); font-weight: 650; cursor: pointer; }
.fo-file small { font-weight: 400; color: var(--muted); }
.fo-lock { display: inline-flex; align-items: center; gap: 6px; font-weight: 500; font-size: .8rem; color: var(--muted); }
.fo-swatches { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 14px 0 6px; }
.fo-swatches legend { width: 100%; }
.fo-swatches label { position: relative; cursor: pointer; }
.fo-swatches input { position: absolute; opacity: 0; }
.fo-swatches label span { display: block; width: 32px; height: 32px; border-radius: 50%; box-shadow: 0 0 0 1px var(--line); transition: box-shadow var(--t), transform var(--t); }
.fo-swatches--banner { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 10px; }
.fo-swatches--banner legend { grid-column: 1 / -1; }
.fo-swatches--banner label span { width: 100%; height: 64px; border-radius: 12px; background-size: cover !important; }
.fo-swatches input:checked + span { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--text); }
.fo-swatches input:focus-visible + span { box-shadow: 0 0 0 2px var(--bg), 0 0 0 4px var(--accent2); }
.fo-fieldcount { justify-self: end; font-size: .76rem; font-weight: 500; color: var(--muted); }
.fo-pickset { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 14px; }
.fo-pickset legend { width: 100%; }
.fo-pickset .fo-pill { cursor: pointer; }
.fo-pickset .fo-pill input { position: absolute; opacity: 0; }
.fo-pickset .fo-pill:has(input:checked) { color: var(--text); border-color: var(--accent); background: color-mix(in srgb, var(--accent) 14%, var(--surface2)); }
.fo-pickset .fo-pill:has(input:focus-visible) { outline: 2px solid var(--accent2); }
.fo-stickybar { position: sticky; bottom: calc(12px + var(--tabbar-h)); z-index: 5; display: flex; flex-wrap: wrap; gap: 10px; padding: 10px; border-radius: 14px; background: color-mix(in srgb, var(--surface) 92%, transparent); backdrop-filter: blur(10px); box-shadow: var(--shadow-pop); }
.fo-fold { margin-top: 18px; border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); }
.fo-fold > summary { padding: 14px 16px; font-weight: 650; cursor: pointer; }
.fo-fold > form { padding: 0 16px 16px; }

/* Bildirim listesi (Hesabım) */
.fo-notes { display: grid; gap: 2px; margin-top: 12px; padding: 6px; border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); }
.fo-notes__day { padding: 10px 12px 4px; font-size: .76rem; font-weight: 700; color: var(--muted); }

/* İletişim / telif formu */
.fo-contact { margin-top: 24px; padding: clamp(18px, 3vw, 26px); border-radius: var(--r); background: var(--surface); border: 1px solid var(--line); }
.fo-contact h2 { margin-top: 0; }
.fo-form__row { display: grid; gap: 14px; grid-template-columns: repeat(auto-fit, minmax(min(100%, 220px), 1fr)); }
.fo-form__foot { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }


.fo-social1 { display: grid; grid-template-columns: minmax(130px, 180px) 1fr; gap: 10px; }
@media (max-width: 520px) { .fo-social1 { grid-template-columns: 1fr; } }
.fo-pickset.is-full .fo-pill input:not(:checked) + span { opacity: .45; }
.fo-userlist li { padding: 6px 8px; border-radius: 10px; }
.fo-userlist li:hover { background: var(--surface2); }
.fo-userlist li > span { display: grid; min-width: 0; }
.fo-userlist small { font-size: .72rem; color: var(--muted); }

/* ---------- Giriş serisi (alev) ---------- */
.fo-streak { --fl1: #fde047; --fl2: #f97316; --fl3: #ef4444; position: relative; display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: 14px; padding: 14px 16px; border-radius: var(--r); background: radial-gradient(120% 140% at 0% 50%, color-mix(in srgb, var(--fl2) 22%, var(--surface)) 0%, var(--surface) 60%); border: 1px solid color-mix(in srgb, var(--fl2) 30%, var(--line)); overflow: hidden; }
.fo-streak.is-off { --fl1: #94a3b8; --fl2: #64748b; --fl3: #475569; background: var(--surface); border-color: var(--line); }
.fo-streak.is-blaze { --fl1: #fef08a; --fl2: #f472b6; --fl3: #a855f7; }
.fo-streak__flame { position: relative; display: grid; place-items: center; width: 64px; height: 64px; }
.fo-streak__flame .fo-i { position: absolute; inset: 0; width: 64px; height: 64px; color: var(--fl2); fill: color-mix(in srgb, var(--fl1) 55%, transparent); filter: drop-shadow(0 0 10px color-mix(in srgb, var(--fl2) 70%, transparent)); transform-origin: 50% 90%; animation: fo-flicker 1.6s ease-in-out infinite; }
.fo-streak__flame b { position: relative; margin-top: 14px; font: 900 1.25rem/1 var(--head); color: #fff; text-shadow: 0 2px 6px rgb(0 0 0 / .55), 0 0 12px var(--fl3); animation: fo-numpop .6s var(--ease) both .15s; }
.fo-streak.is-off .fo-streak__flame .fo-i { animation: none; filter: none; fill: none; }
.fo-streak__body strong { display: block; font-size: 1rem; }
.fo-streak__body p { margin: 2px 0 8px; font-size: .82rem; color: var(--muted); }
.fo-streak__week { display: flex; gap: 6px; margin: 0; padding: 0; list-style: none; }
.fo-streak__week li { width: 22px; height: 6px; border-radius: 4px; background: color-mix(in srgb, var(--line) 80%, transparent); }
.fo-streak__week li.is-on { background: linear-gradient(90deg, var(--fl1), var(--fl2)); animation: fo-fill .4s var(--ease) both; animation-delay: calc(var(--i) * 60ms); }
.fo-streak__week li.is-today { box-shadow: 0 0 10px var(--fl2); }
.fo-streak__best { grid-column: 2; margin-top: -6px; display: inline-flex; align-items: center; gap: 4px; font-size: .72rem; font-weight: 700; color: var(--muted); }
.fo-streak__best .fo-i { width: 13px; height: 13px; color: #facc15; }
@keyframes fo-flicker { 0%, 100% { transform: scale(1) rotate(-2deg); } 25% { transform: scale(1.06, .97) rotate(2deg); } 50% { transform: scale(.97, 1.05) rotate(-1deg); } 75% { transform: scale(1.04, .98) rotate(1.5deg); } }
@keyframes fo-numpop { from { transform: scale(.3); opacity: 0; } 70% { transform: scale(1.18); } to { transform: scale(1); opacity: 1; } }
@keyframes fo-fill { from { transform: scaleX(0); transform-origin: left; } to { transform: scaleX(1); transform-origin: left; } }
@media (prefers-reduced-motion: reduce) { .fo-streak *, .fo-streak *::before { animation: none !important; } }
.fo-ladder__d { margin: 2px 0 8px; font-size: .82rem; color: var(--muted); font-style: italic; }

.fo-lockline { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; margin: 4px 0 12px; font-size: .84rem; color: var(--muted); }
.fo-lockline .fo-i { width: 15px; height: 15px; }
.fo-acc-aside { display: grid; grid-template-columns: minmax(0, 1fr); gap: 14px; align-content: start; min-width: 0; }
.fo-acc-bio { white-space: pre-line; overflow-wrap: anywhere; }
.fo-acc-aside > .fo-sec__head { margin: 10px 0 -4px; }
.fo-acc-aside > .fo-streak { margin-bottom: 4px; }
.fo-acc-aside details.fo-more { margin: 0; }

.fo-acc-note { display: flex; align-items: center; gap: 6px; flex-wrap: wrap; margin: -6px 0 16px; font-size: .88rem; } .fo-acc-note .fo-i { width: 15px; height: 15px; }