/* NADO V1 TP HUD NATURAL SMOOTH - stage3 centered, absorbed to realized PnL */
#nadoTpHudLayer{
  position:fixed; inset:0; pointer-events:none; z-index:999999;
  font-family:Arial,'Malgun Gothic',sans-serif;
}
.nado-tp-card{
  position:fixed;
  width:268px; min-height:120px;
  transform:translate(-50%,-50%) scale(.86);
  opacity:0;
  border-radius:14px;
  overflow:hidden;
  padding:14px 16px 13px;
  color:#eaf7ff;
  background:linear-gradient(135deg,rgba(7,18,31,.96),rgba(8,35,42,.90));
  border:1px solid rgba(48,255,154,.70);
  box-shadow:0 0 22px rgba(42,255,150,.24), inset 0 0 30px rgba(38,255,150,.07);
  backdrop-filter:blur(8px);
  animation:nadoTpIn .28s cubic-bezier(.16,.9,.22,1) forwards;
}
.nado-tp-card.short{
  border-color:rgba(255,82,130,.72);
  box-shadow:0 0 22px rgba(255,82,130,.24), inset 0 0 30px rgba(255,82,130,.07);
  background:linear-gradient(135deg,rgba(26,8,21,.96),rgba(42,12,32,.90));
}
.nado-tp-card.absorb{
  animation:nadoTpAbsorb .92s cubic-bezier(.18,.82,.12,1) forwards;
}
.nado-tp-top{display:flex;align-items:center;justify-content:space-between;font-size:10px;font-weight:900;letter-spacing:.6px;color:#80ffbd;margin-bottom:8px}
.nado-tp-card.short .nado-tp-top{color:#ff9ab7}
.nado-tp-sub{font-size:10px;font-weight:900;color:#f3fbff;opacity:.9;margin-bottom:4px}
.nado-tp-symbol{font-size:20px;line-height:1.04;font-weight:1000;letter-spacing:.5px;color:#2fff94;text-shadow:0 0 12px rgba(47,255,148,.40);margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nado-tp-card.short .nado-tp-symbol{color:#ff5d86;text-shadow:0 0 12px rgba(255,93,134,.40)}
.nado-tp-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;border-top:1px solid rgba(160,210,255,.14);padding-top:9px}
.nado-tp-label{font-size:9px;color:#a8bdd0;font-weight:900;margin-bottom:3px}
.nado-tp-val{font-size:13px;font-weight:1000;color:#eaf7ff}.nado-tp-profit{color:#2fff94}.nado-tp-card.short .nado-tp-profit{color:#2fff94}
.nado-tp-card:before{content:'';position:absolute;inset:-45%;background:radial-gradient(circle at 30% 10%,rgba(255,255,255,.20),transparent 31%);opacity:.55;pointer-events:none}
@keyframes nadoTpIn{
  0%{opacity:0;transform:translate(-50%,-50%) scale(.86) translateY(14px);filter:blur(2px)}
  68%{opacity:1;transform:translate(-50%,-50%) scale(1.025) translateY(0);filter:blur(0)}
  100%{opacity:1;transform:translate(-50%,-50%) scale(1) translateY(0);filter:blur(0)}
}
@keyframes nadoTpAbsorb{
  0%{
    opacity:1;
    transform:translate(-50%,-50%) scale(1);
    filter:blur(0);
  }
  100%{
    opacity:0;
    transform:translate(calc(var(--dx) - 50%),calc(var(--dy) - 50%)) scale(.08);
    filter:blur(2px);
  }
}
.nado-rpnl-pop{position:fixed;pointer-events:none;z-index:1000000;color:#2fff94;font-weight:1000;font-size:14px;text-shadow:0 0 10px rgba(47,255,148,.5);animation:nadoRpnlPop .78s ease-out forwards}
@keyframes nadoRpnlPop{0%{opacity:0;transform:translateY(7px) scale(.9)}25%{opacity:1}100%{opacity:0;transform:translateY(-22px) scale(1.05)}}