/* 首杀 ·「看得懂」体验层（2026-11-14）
   叠在第二稿大屏上：一行人话、站队板、谁踩谁、黑话、小本本、猜狼、演员表。
   依赖 tokens.css + firstblood.css + pass.css。 */

/* 这一页的舞台矮一点，字幕卡要多放一行人话和一行黑话 */
.xp .st__arena { bottom: 262px; }
.xp .st__sub { left: 170px; right: 170px; }

/* ── 字幕卡：人话在上、原话在下 ── */
.xp-sub { padding: 12px 20px 14px; border: 1px solid var(--fb-line); border-radius: var(--fb-radius-lg); background: rgba(10,13,15,.92); box-shadow: var(--fb-shadow-pop); }
.xp-sub__head { display: flex; align-items: center; gap: 10px; min-height: 30px; }
.xp-sub__head .fb-speech__ord { margin-left: auto; color: var(--fb-ink-3); font-size: 12px; white-space: nowrap; }
.xp-credit { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 8px; border-radius: 4px; border: 1px solid var(--fb-line); color: var(--fb-ink-2); font-family: var(--font-mono); font-size: 11px; letter-spacing: .02em; white-space: nowrap; }
.xp-credit::before { content: ""; width: 11px; height: 11px; background: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 9 9%22 shape-rendering=%22crispEdges%22%3E%3Cpath fill=%22%23a7b4b8%22 d=%22M2 0h1v1H2zM4 0h1v1H4zM6 0h1v1H6zM1 1h7v1H1zM0 2h2v1H0zM7 2h2v1H7zM1 3h1v1H1zM3 3h3v1H3zM7 3h1v1H7zM0 4h2v1H0zM3 4h3v1H3zM7 4h2v1H7zM1 5h1v1H1zM3 5h3v1H3zM7 5h1v1H7zM0 6h2v1H0zM7 6h2v1H7zM1 7h7v1H1zM2 8h1v1H2zM4 8h1v1H4zM6 8h1v1H6z%22/%3E%3C/svg%3E") center / 100% 100% no-repeat; image-rendering: pixelated; }
.xp-credit b { font-family: var(--font-body); font-weight: 500; color: var(--fb-ink-3); }
.xp-gist { display: flex; align-items: flex-start; gap: 10px; margin-top: 8px; }
.xp-gist .fb-monster { --m: 22px; margin-top: 5px; }
.xp-gist__text { font: 700 24px/32px var(--font-body); color: var(--fb-ink); text-wrap: balance; }
.xp-gist__by { flex: none; margin: 7px 0 0 auto; color: var(--fb-ink-3); font-size: 11px; line-height: 16px; white-space: nowrap; }
.xp-raw { margin-top: 6px; font: 400 15px/24px var(--font-body); color: var(--fb-ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.xp-raw::before { content: "原话 "; color: var(--fb-ink-3); font-size: 12px; }
.xp-term { border-bottom: 1px dotted var(--fb-neon-cyan); color: var(--fb-ink); text-decoration: none; cursor: help; }
.xp-terms { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 8px; min-height: 24px; }
.xp-terms span { display: inline-flex; align-items: center; gap: 6px; height: 24px; padding: 0 8px 0 0; border-radius: 4px; background: var(--fb-surface-2); color: var(--fb-ink-2); font-size: 12px; line-height: 16px; white-space: nowrap; }
.xp-terms span b { display: inline-flex; align-items: center; height: 24px; padding: 0 7px; border-radius: 4px 0 0 4px; background: var(--fb-cyan-tint); color: var(--fb-neon-cyan); font-weight: 700; }
.xp-terms:empty { display: none; }
.xp-narr { font: 500 20px/32px var(--font-body); color: var(--fb-ink-2); margin-top: 6px; }
.xp-narr b { color: var(--fb-ink); }
.xp-narr .is-exile { color: var(--fb-rust-text); font-weight: 700; }
.xp-narr .is-wolf { color: var(--fb-role-wolf); font-weight: 700; }
.xp-narr .is-good { color: var(--fb-neon-green); font-weight: 700; }

/* ── 站队板：今天吵什么，谁信谁 ── */
.xp-sides { display: grid; gap: 8px; padding: 12px 12px 12px; border: 1px solid var(--fb-line); border-radius: var(--fb-radius-md); background: rgba(10,13,15,.84); }
.xp-sides__q { display: grid; gap: 2px; }
.xp-sides__q small { color: var(--fb-ink-3); font-size: 11px; line-height: 16px; letter-spacing: .08em; }
.xp-sides__q b { font-family: var(--font-display); font-weight: 400; font-size: 22px; line-height: 28px; letter-spacing: .04em; color: var(--fb-ink); }
.xp-lane { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 4px 8px; padding: 8px; border-radius: var(--fb-radius-sm); background: var(--fb-surface-2); }
.xp-lane__who { display: inline-flex; align-items: center; gap: 6px; font: 700 13px/18px var(--font-body); white-space: nowrap; }
.xp-lane__who .fb-avatar { --s: 22px; }
.xp-lane__truth { justify-self: start; display: inline-flex; align-items: center; height: 18px; padding: 0 6px; border-radius: 3px; font: 700 11px/16px var(--font-body); white-space: nowrap; }
.xp-lane__truth.is-good { background: var(--fb-role-god); color: var(--fb-on-cyan); }
.xp-lane__truth.is-wolf { background: var(--fb-role-wolf); color: var(--fb-on-wolf); }
.xp-lane__n { grid-column: 3; font-family: var(--font-latin); font-size: 18px; line-height: 22px; color: var(--fb-ink); white-space: nowrap; }
.xp-lane__n small { font: 500 11px/16px var(--font-body); color: var(--fb-ink-3); margin-left: 2px; }
.xp-lane__chips { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 5px; min-height: 26px; }
.xp-lane__chips .fb-avatar { --s: 26px; box-shadow: 0 0 0 2px var(--fb-surface-2), 0 0 0 3px var(--fb-line-strong); }
.xp-lane__chips .fb-avatar.is-new { box-shadow: 0 0 0 2px var(--fb-surface-2), 0 0 0 3px var(--fb-tube); animation: st-drop var(--fb-dur-enter) var(--fb-ease-pop) 1 both; }
.xp-lane__chips .fb-avatar.is-flip { box-shadow: 0 0 0 2px var(--fb-surface-2), 0 0 0 3px var(--fb-rust-text); }
.xp-lane__chips .fb-avatar.is-flip::after { content: "变卦"; position: absolute; left: 50%; top: -15px; transform: translateX(-50%); padding: 0 4px; border-radius: 3px; background: var(--fb-rust); color: #fff; font: 700 9px/13px var(--font-body); white-space: nowrap; }
.xp-lane--none { background: none; border: 1px dashed var(--fb-line-strong); padding: 6px 8px; }
.xp-lane--none .xp-lane__who { color: var(--fb-ink-3); font-weight: 500; }
.xp-lane--none .xp-lane__chips { flex-wrap: nowrap; gap: 0; }
.xp-lane--none .xp-lane__chips .fb-avatar { --s: 22px; opacity: .7; }
.xp-lane--none .xp-lane__chips .fb-avatar + .fb-avatar { margin-left: -5px; }
.xp-sides__sum { display: none; }

/* ── 小本本：他们自己记的账，只在上帝视角 ── */
.xp-note { position: absolute; z-index: 5; right: 0; bottom: 34px; width: 252px; padding: 10px 12px 12px 22px; border: 1px solid rgba(242,193,78,.4); border-radius: var(--fb-radius-md); background: rgba(22,18,8,.88); }
.xp-note::before { content: ""; position: absolute; left: 8px; top: 12px; bottom: 12px; width: 4px; background: repeating-linear-gradient(180deg, rgba(242,193,78,.6) 0 4px, transparent 4px 12px); }
.xp-note__who { display: flex; align-items: center; gap: 6px; margin-bottom: 4px; color: var(--fb-gold); font: 700 12px/16px var(--font-body); }
.xp-note__who small { margin-left: auto; color: var(--fb-ink-3); font-weight: 400; font-size: 11px; }
.xp-note__text { font: 400 13px/20px var(--font-body); color: var(--fb-ink-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }

/* ── 谁踩谁：头像栏名字下面留一行 ── */
.xp-trail { display: inline-flex; align-items: center; justify-content: center; gap: 2px; height: 16px; min-width: 16px; margin-top: -2px; color: var(--fb-ink-3); }
.xp-trail i { font: 900 10px/16px var(--font-body); font-style: normal; }
.xp-trail img { width: 14px; height: 14px; border-radius: 50%; box-shadow: 0 0 0 1px currentColor; }
.xp-trail.is-hit { color: var(--fb-rust-text); }
.xp-trail.is-back { color: var(--fb-neon-green); }

/* ── 开局押一手：B 站互动弹卡那种，弹出来 20 秒自己收起 ── */
.xp-bet { position: absolute; z-index: 9; left: 52%; bottom: 44px; translate: -50% 0; width: 560px; display: grid; gap: 12px; padding: 16px 18px; border: 2px solid var(--fb-neon-magenta); border-radius: var(--fb-radius-lg); background: rgba(10,13,15,.95); box-shadow: var(--fb-shadow-pop), 0 0 24px rgba(255,47,209,.25); animation: st-pop var(--fb-dur-enter) var(--fb-ease-pop) 1 both; }
.xp-bet__h { display: flex; align-items: baseline; gap: 12px; }
.xp-bet__h b { font-family: var(--font-display); font-weight: 400; font-size: 24px; line-height: 30px; letter-spacing: .04em; color: var(--fb-tube); }
.xp-bet__h span { color: var(--fb-ink-2); font-size: 13px; }
.xp-bet__h i { margin-left: auto; min-width: 2ch; text-align: right; font-family: var(--font-latin); font-style: normal; font-size: 22px; line-height: 30px; color: var(--fb-neon-magenta); }
.xp-bet__grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 10px 6px; }
.xp-bet__grid button { position: relative; display: grid; justify-items: center; gap: 4px; padding: 6px 0 4px; border-radius: var(--fb-radius-md); color: var(--fb-ink-2); font-size: 12px; line-height: 16px; transition: background var(--fb-dur-state), transform var(--fb-dur-state) var(--fb-ease-pop); }
.xp-bet__grid button img { width: 44px; height: 44px; border-radius: 50%; object-fit: cover; box-shadow: 0 0 0 2px var(--fb-night), 0 0 0 4px var(--fb-line-strong); }
.xp-bet__grid button:hover { background: var(--fb-surface-2); transform: translateY(-2px); }
.xp-bet__grid button[aria-pressed="true"] { color: var(--fb-ink); background: var(--fb-wolf-tint); }
.xp-bet__grid button[aria-pressed="true"] img { box-shadow: 0 0 0 2px var(--fb-night), 0 0 0 4px var(--fb-role-wolf); }
.xp-bet__grid button[aria-pressed="true"]::after { content: "狼"; position: absolute; left: 50%; top: 36px; margin-left: 10px; display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; background: var(--fb-role-wolf); color: var(--fb-on-wolf); font: 700 10px/1 var(--font-body); box-shadow: 0 0 0 2px var(--fb-night); }
.xp-bet__bar { height: 6px; background: repeating-linear-gradient(90deg, var(--fb-surface-3) 0 10px, transparent 10px 12px); }
.xp-bet__bar i { display: block; height: 100%; background: repeating-linear-gradient(90deg, var(--fb-neon-magenta) 0 10px, transparent 10px 12px); animation: xp-count 20s linear 1 forwards; }
.xp-bet__foot { display: flex; align-items: center; gap: 10px; color: var(--fb-ink-3); font-size: 12px; }
.xp-bet__foot span { margin-right: auto; }
@keyframes xp-count { from { width: 100%; } to { width: 0; } }
/* 押的时候：身份章、狼圈、心里话、小本本、真假标签都先收起，换成观众那排头像 */
.st.is-betting .st__rail[data-view="god"] { display: none; }
.st.is-betting .st__rail[data-view="audience"] { display: flex; }
.st.is-betting .xp-note, .st.is-betting .st-bubble, .st.is-betting .xp-lane__truth { visibility: hidden; }
.xp-left { position: absolute; z-index: 5; left: 0; top: 38px; width: 252px; display: grid; gap: 10px; }
.xp-mybet { display: flex; align-items: center; gap: 6px; padding: 8px 10px; border: 1px solid var(--fb-line); border-radius: var(--fb-radius-md); background: rgba(10,13,15,.84); }
.xp-mybet__h { color: var(--fb-ink-3); font-size: 12px; white-space: nowrap; }
.xp-mybet .fb-avatar { --s: 24px; box-shadow: 0 0 0 2px var(--fb-night), 0 0 0 3px var(--fb-line-strong); }
.xp-mybet .fb-avatar.is-hit { box-shadow: 0 0 0 2px var(--fb-night), 0 0 0 3px var(--fb-neon-green); }
.xp-mybet .fb-avatar.is-miss { opacity: .45; }
.xp-mybet__say { margin-left: auto; color: var(--fb-ink-2); font-size: 12px; white-space: nowrap; }
.xp-mybet__say b { font-family: var(--font-latin); font-weight: 400; font-size: 16px; color: var(--fb-neon-green); }

/* 这一页的气泡和反应格位置 */
.xp .st-react { top: 168px; width: 160px; }
.xp .st-react img { height: 102px; }
.xp-hint { position: absolute; z-index: 6; left: 50%; top: 0; transform: translateX(-50%); display: inline-flex; align-items: center; gap: 8px; height: 26px; padding: 0 12px; border-radius: var(--fb-radius-pill); background: var(--fb-neon-green); color: var(--fb-on-green); font: 700 12px/16px var(--font-body); white-space: nowrap; animation: fb-breathe var(--fb-dur-breathe) ease-in-out infinite; }
.xp [hidden] { display: none !important; }
.xp #xp-actorname { display: none; }
.xp-wolves { position: absolute; left: 290px; right: 240px; top: 0; text-align: center; }
.xp-wolves b { display: inline-block; font-family: var(--font-display); font-weight: 400; font-size: 34px; line-height: 40px; letter-spacing: .04em; color: var(--fb-tube); text-shadow: var(--fb-glow-magenta); }
.xp-wolves span { display: block; margin-top: 4px; color: var(--fb-ink-2); font-size: 13px; line-height: 20px; }

/* ── 画框下面的说明 ── */
.xp-doc { display: grid; gap: var(--fb-space-6); max-width: 1452px; margin: 0 auto; }
.xp-doc h2 { font-family: var(--font-display); font-weight: 400; font-size: 30px; line-height: 36px; letter-spacing: .03em; }
.xp-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 300px), 1fr)); gap: var(--fb-space-4); }
.xp-card { display: grid; align-content: start; gap: 8px; padding: var(--fb-space-5); border: 1px solid var(--fb-line); border-radius: var(--fb-radius-lg); background: var(--fb-surface-1); }
.xp-card h3 { display: flex; align-items: center; gap: 8px; font: 700 16px/24px var(--font-body); }
.xp-card h3 i { display: grid; place-items: center; width: 24px; height: 24px; border-radius: 6px; background: var(--fb-green-tint); color: var(--fb-neon-green); font-family: var(--font-latin); font-size: 12px; font-style: normal; }
.xp-card p { color: var(--fb-ink-2); font-size: 14px; line-height: 23px; }
.xp-card p b { color: var(--fb-ink); }
.xp-card code { font-family: var(--font-mono); font-size: 12px; padding: 1px 5px; border-radius: 3px; background: var(--fb-surface-2); color: var(--fb-neon-cyan); }
.xp-flow { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 10px; counter-reset: s; }
.xp-flow li { position: relative; display: grid; gap: 4px; padding: 14px 14px 14px 46px; border: 1px solid var(--fb-line); border-radius: var(--fb-radius-md); background: var(--fb-surface-1); font-size: 13px; line-height: 20px; color: var(--fb-ink-2); counter-increment: s; }
.xp-flow li::before { content: counter(s); position: absolute; left: 12px; top: 14px; display: grid; place-items: center; width: 24px; height: 24px; border-radius: 50%; background: var(--fb-surface-3); color: var(--fb-ink); font-family: var(--font-latin); font-size: 11px; }
.xp-flow li b { color: var(--fb-ink); font-size: 14px; }

/* ── 手机竖屏：左右两块收成字幕卡上方一条可左右滑的窄条（局势 / 小本本 / 我押的） ── */
@container fbstage (max-width: 600px) {
  .xp .st__arena { top: 228px; bottom: 300px; }
  .xp .st__sub { left: 10px; right: 10px; bottom: 116px; }
  .xp .xp-left, .xp .xp-note { position: static; width: auto; }
  .xp .xp-strip { position: absolute; z-index: 8; left: 0; right: 0; bottom: 0; display: flex; gap: 8px; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; padding-bottom: 2px; }
  .xp .xp-strip::-webkit-scrollbar { display: none; }
  .xp .xp-strip > * { flex: 0 0 78%; scroll-snap-align: start; }
  .xp .xp-sides { padding: 8px 10px; gap: 6px; }
  .xp .xp-sides__q b { font-size: 18px; line-height: 22px; }
  .xp .xp-lane { padding: 6px; }
  .xp .xp-lane__chips .fb-avatar { --s: 22px; }
  .xp .xp-note { bottom: auto; }
  .xp .xp-note__text { -webkit-line-clamp: 3; }
  .xp .xp-mybet { flex-wrap: wrap; }
  .xp .st-react { width: 84px; bottom: 6px; }
  .xp .st-react img { height: 72px; }
  .xp .st-bubble { width: 168px; top: 10px; }
  .xp .xp-sub { padding: 8px 12px 10px; }
  .xp .xp-gist__text { font-size: 16px; line-height: 23px; }
  .xp .xp-gist .fb-monster { --m: 16px; margin-top: 3px; }
  .xp .xp-gist__by { display: none; }
  .xp .xp-raw { font-size: 13px; line-height: 20px; -webkit-line-clamp: 2; }
  .xp .xp-terms span { height: 20px; font-size: 11px; }
  .xp .xp-terms span b { height: 20px; }
  .xp .xp-terms span:nth-child(n+3) { display: none; }
  .xp .xp-credit { height: 20px; font-size: 10px; padding: 0 6px; }
  .xp .xp-sub__head .fb-speech__to { display: none; }
  .xp .xp-narr { font-size: 15px; line-height: 24px; }
  .xp .xp-trail { height: 12px; min-width: 12px; }
  .xp .xp-trail img { width: 11px; height: 11px; }
  .xp .xp-trail i { font-size: 8px; line-height: 12px; }
  .xp .xp-hint { display: none; }
  /* 押注卡：满宽、三行四列 */
  .xp .xp-bet { width: 100%; left: 50%; bottom: 0; padding: 12px 12px 10px; gap: 8px; }
  .xp .xp-bet__h b { font-size: 18px; line-height: 24px; }
  .xp .xp-bet__h span { display: none; }
  .xp .xp-bet__grid { grid-template-columns: repeat(6, 1fr); gap: 6px 2px; }
  .xp .xp-bet__grid button { padding: 4px 0 2px; font-size: 10px; gap: 2px; }
  .xp .xp-bet__grid button img { width: 36px; height: 36px; }
  .xp .xp-bet__grid button[aria-pressed="true"]::after { top: 28px; margin-left: 8px; width: 15px; height: 15px; font-size: 9px; }
  .xp .xp-wolves { left: 0; right: 0; }
  .xp .xp-wolves b { font-size: 26px; line-height: 30px; }
  .xp .xp-wolves span { font-size: 12px; line-height: 18px; }
  .xp #xp-vote .st-actor, .xp #xp-end .st-actor { --h: 260px !important; }
  .xp #xp-say .st-actor.is-lead { --h: 330px !important; }
}
@container fbstage (max-width: 600px) {
  /* 手机的局势条要矮：两条阵营各一行，头像一个叠一个 */
  .xp .st__side { top: 206px; }
  .xp .st__arena { top: 244px; }
  .xp .xp-strip > * { flex: 0 0 86%; }
  .xp .xp-sides { display: flex; flex-direction: column; gap: 4px; padding: 6px 8px; }
  .xp .xp-sides__q { display: flex; gap: 6px; align-items: baseline; }
  .xp .xp-sides__q small { display: none; }
  .xp .xp-sides__q b { font-size: 14px; line-height: 18px; }
  .xp .xp-lane { display: flex; align-items: center; gap: 6px; padding: 3px 6px; }
  .xp .xp-lane__who { font-size: 12px; }
  .xp .xp-lane__who .fb-avatar { --s: 18px; }
  .xp .xp-lane__truth { height: 16px; font-size: 10px; padding: 0 4px; }
  .xp .xp-lane__n { order: 3; margin-left: auto; font-size: 14px; line-height: 18px; }
  .xp .xp-lane__n small { font-size: 10px; }
  .xp .xp-lane__chips { order: 2; grid-column: auto; flex-wrap: nowrap; gap: 0; min-height: 0; margin-left: 2px; }
  .xp .xp-lane__chips .fb-avatar { --s: 18px; box-shadow: 0 0 0 1.5px var(--fb-surface-2); }
  .xp .xp-lane__chips .fb-avatar + .fb-avatar { margin-left: -5px; }
  .xp .xp-lane__chips .fb-avatar.is-flip::after { display: none; }
  .xp .xp-lane--none { display: none; }
  .xp .xp-note { padding: 8px 10px 8px 20px; }
  .xp .xp-note__text { -webkit-line-clamp: 2; font-size: 12px; line-height: 18px; }
  .xp .st-react { display: none; }
  .xp .xp-wolves { top: 6px; }
  .xp .xp-wolves span { display: none; }
}
@container fbstage (max-width: 600px) {
  .xp .st__side { top: 124px; }
  .xp .st__arena { top: 160px; bottom: 300px; }
  .xp #xp-say .st-actor.is-lead { --h: 400px !important; }
  .xp .xp-strip > * { flex: 0 0 86%; }
}
@container fbstage (max-width: 600px) {
  /* 体验页手机：心里话进滑动条当第一张卡，舞台上不放气泡；人 440 */
  .xp .st-bubble { display: none !important; }
  .xp .xp-think { display: grid; gap: 2px; padding: 8px 12px; border: 1.5px dashed var(--fb-line-strong); border-radius: 10px; background: rgba(10,13,15,.9); }
  .xp .xp-think b { color: var(--fb-ink-2); font-size: 11px; line-height: 16px; }
  .xp .xp-think p { font: 500 12px/18px var(--font-body); font-style: italic; color: var(--fb-ink-2); display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
  .xp .xp-think[hidden] { display: none !important; }
  .xp .st__arena { top: 160px; bottom: 300px; }
  .xp #xp-say .st-actor.is-lead { --h: 440px !important; }
  .xp .st-actor.is-back { bottom: 110px; --h: 190px !important; }
}
.xp .xp-think { display: none; }
@container fbstage (max-width: 600px) {
  /* 字幕卡固定高度，滑动条贴着它，中间不留空 */
  .xp .xp-sub { min-height: 172px; display: flex; flex-direction: column; }
  .xp .xp-raw { min-height: 40px; }
  .xp .xp-terms { margin-top: auto; }
  .xp .xp-strip { bottom: 0; align-items: stretch; }
  .xp .xp-strip > * { display: flex; flex-direction: column; }
  .xp .xp-think:not([hidden]) { display: flex !important; }
  .xp .xp-think p { -webkit-line-clamp: 4; }
  .xp .st__arena { bottom: 296px; }
}

/* ── 手机：不做滑动条（Tong 11-14：看不懂、挡住）。局势变成字幕卡上方一行人话；心里话和小本本收进字幕卡，点名牌展开 ── */
@container fbstage (max-width: 600px) {
  .xp .xp-strip { display: none; }
  .xp .st__arena { bottom: 262px; }
  .xp .xp-line { position: static; margin-bottom: 6px; display: flex; align-items: center; gap: 8px; height: 30px; padding: 0 10px; border-radius: var(--fb-radius-pill); background: rgba(10,13,15,.86); border: 1px solid var(--fb-line); color: var(--fb-ink-2); font-size: 12px; line-height: 16px; white-space: nowrap; overflow: hidden; }
  .xp .xp-line b { color: var(--fb-ink); font-weight: 700; }
  .xp .xp-line .fb-stack { flex: none; } .xp .xp-line .fb-stack .fb-avatar { --s: 18px; box-shadow: 0 0 0 1.5px var(--fb-night); }
  .xp .xp-line small { margin-left: auto; color: var(--fb-gold); font-size: 11px; }
  .xp .xp-line[hidden] { display: none; }
  .xp .xp-fold { display: grid; gap: 6px; margin-top: 6px; padding-top: 6px; border-top: 1px dashed var(--fb-line); }
  .xp .xp-fold p { font: 400 12px/18px var(--font-body); color: var(--fb-ink-2); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
  .xp .xp-fold p b { color: var(--fb-ink-3); font-weight: 500; margin-right: 4px; }
  .xp .xp-fold p.is-think { font-style: italic; }
  .xp .xp-fold p.is-note b { color: var(--fb-gold); }
  .xp .xp-fold[hidden] { display: none; }
  .xp .xp-sub { min-height: 0; }
  .xp .xp-raw { min-height: 0; }
  .xp .xp-terms { margin-top: 6px; }
}
.xp-line, .xp-fold { display: none; }