/* social rail, live takeover, interstitial, quarantine, support panel */
.rail{margin-top:1.2rem}.rail__hd{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin-bottom:.8rem}
.rail__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:.8rem}
.post{position:relative;padding:.9rem;border:1px solid var(--color-border);border-radius:14px;background:rgba(13,15,18,.6);display:flex;flex-direction:column;gap:.4rem}
.post:hover{border-color:#3b4b6b;box-shadow:0 0 18px rgba(47,107,255,.15)}
.post header{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.post header small{width:100%}.post p{margin:0;font-size:.88rem;color:#cbd5e1;line-height:1.45;flex:1;overflow-wrap:anywhere}
.post footer{display:flex;gap:.8rem;font-size:.72rem;color:var(--color-text-secondary)}.post footer a{margin-left:auto;color:#7ea2ff}
.vf{display:inline-grid;place-items:center;width:15px;height:15px;border-radius:50%;background:#2f6bff;color:#fff;font-size:.6rem}
.dev{font-family:var(--mono);font-size:.55rem;letter-spacing:.14em;color:#f59e0b;border:1px dashed rgba(245,158,11,.6);border-radius:6px;padding:.05rem .35rem;align-self:flex-start}
.dev--abs{position:absolute;top:10px;right:10px;background:#0d0f12}
.warn{font-size:.74rem;color:#fbbf24;background:rgba(245,158,11,.08);border:1px solid rgba(245,158,11,.3);border-radius:8px;padding:.3rem .5rem;margin:.2rem 0}
.warn--strong{color:#fde68a;margin-top:1rem;text-align:center}
.risk{font-size:.74rem;color:#fca5a5;background:rgba(239,68,68,.08);border:1px solid rgba(239,68,68,.3);border-radius:8px;padding:.25rem .5rem;margin:.2rem 0}
.qbody{font-size:.82rem;margin:.3rem 0;max-width:360px}
.player--live{position:relative;box-shadow:0 0 0 1px rgba(239,68,68,.45),0 0 34px rgba(239,68,68,.25)!important}
.live-badge{position:absolute;top:12px;left:12px;display:flex;align-items:center;gap:.4rem;background:#ef4444;color:#fff;font:800 .72rem var(--mono);letter-spacing:.18em;padding:.3rem .6rem;border-radius:6px;box-shadow:0 0 16px rgba(239,68,68,.7)}
.live-badge i{width:8px;height:8px;border-radius:50%;background:#fff;animation:blink 1.2s infinite}
.badge--live{background:rgba(239,68,68,.15)!important;color:#fca5a5!important;border-color:rgba(239,68,68,.5)!important}
.out__url{font-size:1.1rem;color:#fbbf24;word-break:break-all}.out--bad .out__url{color:#fca5a5}
.foot{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:1rem;max-width:1200px;margin:2rem auto 1rem;padding:0 1rem;font-size:.75rem}
.btn--support{border-color:rgba(168,85,247,.5);color:#e9d5ff}.btn--support:hover{box-shadow:0 0 14px rgba(168,85,247,.4)}
#tipPanel{position:fixed;inset:0;z-index:80;display:grid;place-items:center;background:rgba(5,6,10,.65);backdrop-filter:blur(4px)}
.tip{position:relative;width:min(440px,92vw);padding:1.4rem;border-radius:16px;background:rgba(10,11,14,.95);border:1px solid var(--color-border);box-shadow:var(--glow),0 20px 60px rgba(0,0,0,.6)}
.tip h3{margin:0 0 .3rem}.tip__amts{display:flex;gap:.4rem;margin:.8rem 0;flex-wrap:wrap}.tip__amts .on{border-color:#2f6bff;color:#fff}
.tip__addr{display:flex;gap:.9rem;align-items:center}.tip__addr img{border-radius:10px;border:1px solid var(--color-border)}
.tip__addr code{display:block;word-break:break-all;font-size:.78rem;color:#cfe0ff;margin:.3rem 0}
@media (prefers-reduced-motion: reduce){.live-badge i{animation:none}}
/* ---- branded platform cards ---- */
.rail__grid{grid-template-columns:repeat(auto-fill,minmax(290px,1fr))}
.pc{--brand:#2f6bff;position:relative;display:flex;flex-direction:column;gap:.55rem;padding:.95rem 1rem .8rem;border-radius:16px;
  background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(0,0,0,0)),rgba(13,15,18,.78);border:1px solid color-mix(in srgb,var(--brand) 22%,#2a2d31);
  box-shadow:inset 0 1px 0 color-mix(in srgb,var(--brand) 14%,transparent),0 0 0 0 transparent;transition:box-shadow .2s,border-color .2s,transform .2s}
.pc::before{content:"";position:absolute;left:14px;right:14px;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--brand),transparent);opacity:.55}
.pc:hover{border-color:color-mix(in srgb,var(--brand) 50%,#2a2d31);box-shadow:0 0 22px color-mix(in srgb,var(--brand) 18%,transparent)}
.pc__hd{display:flex;align-items:center;gap:.6rem}
.pc__av{flex:none;width:40px;height:40px;border-radius:50%;object-fit:cover;background:#1c1f22;border:1px solid #2a2d31}
.pc__av--coti{object-fit:contain;padding:9px 8px;background:#0b1530;border-color:rgba(47,107,255,.5)}
.pc__av--ini{display:grid;place-items:center;font-weight:700;font-size:.85rem;color:hsl(var(--h) 80% 85%);background:hsl(var(--h) 35% 18%);border-color:hsl(var(--h) 35% 30%)}
.pc__who{min-width:0;flex:1}.pc__name{display:flex;align-items:center;gap:.3rem;min-width:0}.pc__name b{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:.92rem}
.pc__sub{font-size:.78rem;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pc__vf{flex:none;color:#2f6bff}.pc__vf--x{color:#1D9BF0}
.pc__off{display:inline-flex;align-items:center;gap:.25rem;font:700 .56rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#cfe0ff;
  border:1px solid rgba(47,107,255,.5);background:rgba(47,107,255,.12);border-radius:999px;padding:.12rem .4rem}
.pc__logo{flex:none;align-self:flex-start;display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:rgba(0,0,0,.35);border:1px solid #23262b}
.pc__body{font-size:.9rem;line-height:1.45;color:#d6dbe4;overflow-wrap:anywhere;flex:1}.pc__title{color:#fff}
.pc__thumb{position:relative;display:grid;place-items:center;aspect-ratio:16/9;border-radius:12px;background:#000 center/cover;border:1px solid #23262b}
.pc__thumb span{filter:drop-shadow(0 2px 8px rgba(0,0,0,.6))}
.pc__ft{display:flex;align-items:center;gap:.5rem;padding-top:.5rem;border-top:1px solid #1f2226}
.pc__ms{display:flex;gap:.9rem;flex:1;flex-wrap:wrap}.pc__m{display:inline-flex;align-items:center;gap:.3rem;font:500 .74rem var(--mono);color:#8b95a5}
.pc__m--like:hover{color:#F91880}.pc__m--repost:hover{color:#00BA7C}.pc__m--reply:hover,.pc__m--views:hover{color:#1D9BF0}.pc__m--up:hover{color:#FF4500}
.pc__cta{flex:none;font-size:.74rem;font-weight:600;padding:.32rem .65rem;border-radius:999px;text-decoration:none;color:#fff;
  border:1px solid color-mix(in srgb,var(--brand) 55%,transparent);background:color-mix(in srgb,var(--brand) 12%,transparent)}
.pc__cta:hover{background:color-mix(in srgb,var(--brand) 22%,transparent)}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
/* X: native-style post card (black, X type scale, X metric row) */
.pc--x{background:#000;border-color:#2f3336;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif}
.pc--x::before{background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);opacity:.35}
.pc--x:hover{border-color:#536471;box-shadow:0 0 22px rgba(255,255,255,.06)}
.pc--x .pc__name b{font-weight:700;color:#e7e9ea;font-size:.94rem}.pc--x .pc__sub{color:#71767b;font-size:.85rem}
.pc--x .pc__body{color:#e7e9ea;font-size:.94rem;line-height:1.35}.pc--x .pc__logo{background:#000;border-color:#2f3336}
.pc--x .pc__ft{border-top-color:#2f3336}.pc--x .pc__ms{justify-content:space-between;gap:.4rem}.pc--x .pc__m{color:#71767b;font-family:inherit;font-size:.8rem}
.pc--x .pc__cta{border-color:#536471;background:#0f1419}.pc--x .pc__cta:hover{background:#1c2227}
.thumb--brand{display:grid;place-items:center;background:color-mix(in srgb,var(--brand) 10%,#111);border:1px solid color-mix(in srgb,var(--brand) 30%,#222)}
.brandtag{display:inline-flex;align-items:center;gap:.3rem}
.foot__brand{display:inline-flex;align-items:center;gap:.5rem}.foot__brand img{opacity:.8}
.rail__hd .label{display:inline-flex;align-items:center;gap:.45rem}
@media (prefers-reduced-motion: reduce){.pc{transition:none}}
.rail__grid{align-items:start}
.pc__ft{flex-wrap:wrap;row-gap:.55rem}.pc__ms{flex:1 1 100%}.pc__cta{margin-left:auto}
.pc--x .pc__ms{justify-content:space-between;max-width:100%}