/* «Тренер «Балтики»» – лента болельщиков (fan-feed.js). coach-fan-feed:2026-10-28 */
.ff-card .ff-top{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}
.ff-card .ff-top .label{margin:0}
.ff-mood{font-size:12px;color:var(--muted,#8a97b0);white-space:nowrap}
.ff-note{margin:6px 0 10px}
.ff-list{display:flex;flex-direction:column;gap:8px}
.ff-post{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:start;padding:10px 12px;border-radius:12px;background:var(--panel2,rgba(127,140,170,.08));border:1px solid var(--line,rgba(127,140,170,.2))}
.ff-av{width:38px;height:38px;border-radius:50%;background:var(--c);color:#fff;display:grid;place-items:center;font:700 12px/1 var(--f-mono,monospace);letter-spacing:-.02em;box-shadow:inset 0 0 0 2px rgba(255,255,255,.18)}
.ff-body{min-width:0}
.ff-h{margin:0;display:flex;flex-wrap:wrap;align-items:baseline;gap:2px 8px}
.ff-h b{font-size:14px}
.ff-h small{font-size:11.5px;color:var(--muted,#8a97b0)}
.ff-t{margin:3px 0 6px;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
.ff-m{margin:0;display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:12px;color:var(--muted,#8a97b0)}
.ff-re{padding:1px 7px;border-radius:999px;background:var(--line,rgba(127,140,170,.18))}
.ff-v{margin-left:auto}
.ff-bbsh{border-color:var(--blue,#1E4FA3);box-shadow:inset 3px 0 0 var(--blue,#1E4FA3)}
.ff-card #ffMore{margin-top:10px}
.ff-av.ff-av-s{font-size:10.5px;letter-spacing:-.04em}
.ff-tag{display:inline-block;padding:1px 6px;border-radius:4px;background:var(--blue,#1E4FA3);color:#fff;font:700 10px/1.5 var(--f-mono,monospace);letter-spacing:.06em;vertical-align:1px}
@media (max-width:420px){ .ff-post{grid-template-columns:32px minmax(0,1fr);gap:8px;padding:9px 10px} .ff-av{width:32px;height:32px;font-size:11px} .ff-t{font-size:13.5px} .ff-v{margin-left:0} }

/* Мемы – отдельные карточки, как скриншоты из болельщицких чатов.
   Рендерятся из сохранённого текста, без чужих изображений и сетевых запросов. */
.ff-post.ff-meme{border-color:color-mix(in srgb,var(--blue,#1e4fa3) 38%,var(--line,#c9d1dc));background:color-mix(in srgb,var(--blue,#1e4fa3) 5%,var(--card,#fff))}
.ff-meme-box{position:relative;overflow:hidden;border:1px solid #375783;border-radius:12px;padding:13px 15px;margin:7px 0 9px;background:radial-gradient(circle at 100% 10%,#44618b 0%,transparent 42%),linear-gradient(135deg,#122c4e,#091d37 85%);box-shadow:inset 0 0 0 1px #fff2}
.ff-meme-box::before{content:"";position:absolute;right:-14px;bottom:-27px;width:102px;height:102px;border:2px solid #ffffff12;border-radius:50%;pointer-events:none}
.ff-meme-tag{display:inline-block;margin-bottom:9px;padding:3px 7px;border-radius:3px;background:#b92549;color:#fff;font:700 10px/1.1 var(--f-mono,monospace);letter-spacing:.095em}
.ff-meme-box .ff-meme-text{position:relative;margin:0;color:#fff;font:800 clamp(14px,1.4vw,17px)/1.45 var(--f-display,"Arial Narrow",sans-serif);letter-spacing:.02em;white-space:pre-line;overflow-wrap:anywhere;text-wrap:pretty}
@media(max-width:420px){.ff-meme-box{padding:11px 12px}.ff-meme-box .ff-meme-text{font-size:15px}}