/* MassaCoin — R156: fronteira entre áreas, aviso de entrada e botão VER MAIS do perfil. Só estilos novos. */
.tr-border { order: 2; display: flex; align-items: center; justify-content: center; gap: 10px; margin: 28px 20px 0; color: var(--txt-title, #111827); font-size: 11px; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; text-align: center; flex-wrap: wrap; }
.tr-border[hidden] { display: none !important; }
.tr-border__line { flex: 1 1 24px; min-width: 24px; height: 1px; background: linear-gradient(90deg, transparent, var(--sx-gold, #c99e59) 50%, transparent); }
.tr-border__end { opacity: .75; }
.tr-border__gem { color: var(--sx-gold, #c99e59); font-size: 9px; }
.tr-border__next { color: var(--mc-p, #2563EB); }
body.sx-body:not([data-section="feed"]) .wrap.hub > .sx-top { margin-top: 10px; }   /* a fronteira já traz o respiro */
.tr-card { position: fixed; left: 50%; top: calc(env(safe-area-inset-top, 0px) + 12px); z-index: 1000; transform: translate(-50%, -140%); opacity: 0; transition: transform .28s cubic-bezier(.2,.8,.2,1), opacity .28s;
  display: flex; align-items: center; gap: 12px; max-width: calc(100vw - 32px); min-width: 220px; padding: 10px 18px 12px 12px; border-radius: 18px; overflow: hidden; cursor: pointer;
  background: rgba(255,255,255,.96); color: #111827; border: 1px solid rgba(201,158,89,.55); box-shadow: 0 12px 32px rgba(15,43,96,.22); backdrop-filter: blur(8px); }
.tr-card.is-on { transform: translate(-50%, 0); opacity: 1; }
.tr-card[hidden] { display: none; }
.tr-card__ic { flex: 0 0 40px; width: 40px; height: 40px; border-radius: 50%; display: grid; place-items: center; font-size: 20px; background: linear-gradient(135deg, var(--mc-p, #2563EB), var(--mc-p-light, #3B82F6)); box-shadow: 0 0 0 3px rgba(201,158,89,.45); }
.tr-card__tx { display: flex; flex-direction: column; min-width: 0; line-height: 1.2; }
.tr-card__k { font-size: 10px; letter-spacing: .12em; text-transform: uppercase; color: #6B7280; font-weight: 700; }
.tr-card__n { font-size: 16px; color: var(--mc-p, #2563EB); overflow-wrap: anywhere; }
.tr-card__f { font-size: 12px; font-style: normal; color: #6B7280; }
.tr-card__bar { position: absolute; left: 0; bottom: 0; height: 3px; width: 100%; background: linear-gradient(90deg, var(--sx-gold, #c99e59), var(--mc-p, #2563EB)); transform-origin: left; animation: trbar 2.6s linear forwards; }
@keyframes trbar { from { transform: scaleX(1); } to { transform: scaleX(0); } }
@media (prefers-reduced-motion: reduce) { .tr-card { transition: opacity .01s; transform: translate(-50%, 0); } .tr-card:not(.is-on) { opacity: 0; } .tr-card__bar { animation: none; } }
.pf-vermais { height: 56px; font-size: 18px; letter-spacing: .08em; text-transform: uppercase; margin-top: 4px; }