/* ===== الشراكة: مشهد سينمائي — فحص الحشد، قفل على شخص، انفجار ذهبي ===== */
.tx { padding: 0 clamp(16px, 4vw, 56px) clamp(60px, 7vw, 110px); overflow: clip; }
.tx-pin { position: relative; height: 420vh; margin: 0 calc(-1 * clamp(16px, 4vw, 56px)); }
.tx-sticky { position: sticky; top: 0; height: 100vh; height: 100svh; overflow: hidden; background: #000; isolation: isolate;
  --p: 0; --zoom: 1; --ox: 50%; --oy: 60%; --cx: 50%; --cy: 60%; --cr: 0px; --blur: 0px; --dim: .55; --bx: 50%; }

/* الكاميرا */
.tx-cam { position: absolute; inset: 0; transform: scale(var(--zoom)); transform-origin: var(--ox) var(--oy); will-change: transform; }
.tx-cam img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 50% 100%; user-select: none; -webkit-user-drag: none; }
.tx-gray { filter: grayscale(1) brightness(var(--dim)) contrast(1.15) blur(var(--blur)); }
.tx-color { filter: saturate(1.25) brightness(1.1);
  -webkit-mask-image: radial-gradient(circle var(--cr) at var(--cx) var(--cy), #000 0 55%, transparent 100%);
          mask-image: radial-gradient(circle var(--cr) at var(--cx) var(--cy), #000 0 55%, transparent 100%); }

/* إطارات الفحص فوق الوجوه */
.tx-marks { position: absolute; inset: 0; pointer-events: none; }
.tx-mark { position: absolute; width: var(--s, 90px); height: var(--s, 90px); translate: -50% -50%; opacity: 0; scale: 1.3; transition: opacity .25s, scale .35s cubic-bezier(.3,1.6,.5,1); }
.tx-mark::before, .tx-mark::after { content: ""; position: absolute; inset: 0; border: 2px solid #ffd98e; border-radius: 6px;
  -webkit-mask: linear-gradient(#000 0 0) top left / 22% 22% no-repeat, linear-gradient(#000 0 0) top right / 22% 22% no-repeat, linear-gradient(#000 0 0) bottom left / 22% 22% no-repeat, linear-gradient(#000 0 0) bottom right / 22% 22% no-repeat;
          mask: linear-gradient(#000 0 0) top left / 22% 22% no-repeat, linear-gradient(#000 0 0) top right / 22% 22% no-repeat, linear-gradient(#000 0 0) bottom left / 22% 22% no-repeat, linear-gradient(#000 0 0) bottom right / 22% 22% no-repeat; }
.tx-mark::after { inset: 30%; border-radius: 50%; border-width: 1px; -webkit-mask: none; mask: none; opacity: .5; }
.tx-mark b { position: absolute; top: calc(100% + 8px); left: 50%; translate: -50% 0; white-space: nowrap; padding: 3px 8px; border-radius: 6px; background: #000c; border: 1px solid #ffd98e55;
  color: #ffd98e; font: 700 11px/1.4 ui-monospace, Consolas, monospace; direction: rtl; }
.tx-mark.hit { opacity: 1; scale: 1; }
.tx-mark.seen { opacity: .35; scale: 1; }
.tx-mark.seen b { opacity: 0; }
.tx-mark.lock { opacity: 1; scale: 1; }
.tx-mark.lock::before { border-color: #fff; border-width: 3px; box-shadow: 0 0 24px #f2b45a; animation: txLock .6s ease-in-out infinite alternate; }
.tx-mark.lock b { background: linear-gradient(180deg, #ffe2a6, #f0a93b); color: #1a1206; border: 0; font-size: 12px; }
@keyframes txLock { to { scale: .9; } }
.tx-sticky.chosen .tx-mark:not(.lock) { opacity: 0 !important; }
.tx-sticky.chosen .tx-mark.lock { opacity: 0; transition: opacity .8s .6s; }

/* شعاع الرادار */
.tx-beam { position: absolute; z-index: 3; top: 0; bottom: 0; left: var(--bx); width: 34vw; translate: -50% 0; pointer-events: none; opacity: var(--beam, 0); mix-blend-mode: screen;
  background: linear-gradient(90deg, transparent, #ffd98e0f 30%, #ffd98e3a 50%, #ffd98e0f 70%, transparent); }
.tx-beam i { position: absolute; top: 0; bottom: 0; left: 50%; width: 2px; translate: -50% 0; background: linear-gradient(180deg, transparent, #fff7e0 40%, #ffd98e 70%, transparent); box-shadow: 0 0 18px 4px #f2b45a99; }
.tx-flash { position: absolute; inset: 0; z-index: 6; background: radial-gradient(circle at var(--cx) var(--cy), #fff 0, #ffe2a6 18%, transparent 55%); opacity: 0; pointer-events: none; mix-blend-mode: screen; }
.tx-sticky.chosen .tx-flash { animation: txFlash 1.1s ease-out; }
@keyframes txFlash { 0% { opacity: 0; } 12% { opacity: .95; } 100% { opacity: 0; } }
.tx-sparks { position: absolute; inset: 0; z-index: 7; width: 100%; height: 100%; pointer-events: none; }
.tx-vig { position: absolute; inset: 0; z-index: 4; pointer-events: none;
  background: linear-gradient(180deg, #000 0%, #000c 22%, transparent 48%), linear-gradient(0deg, #000d 0%, transparent 26%), radial-gradient(130% 100% at 50% 60%, transparent 50%, #000c 100%); }

/* لوحة العدّاد */
.tx-hud { position: absolute; z-index: 8; bottom: 34px; inset-inline-end: clamp(18px, 4vw, 56px); display: grid; grid-template-columns: auto auto; align-items: baseline; column-gap: 10px; row-gap: 6px;
  padding: 14px 18px; border-radius: 16px; background: #0009; border: 1px solid #ffd98e33; backdrop-filter: blur(10px); direction: rtl; opacity: var(--hud, 0); transition: opacity .3s; }
.tx-rec { grid-column: 1 / -1; display: flex; align-items: center; gap: 7px; font: 700 11px/1 ui-monospace, Consolas, monospace; color: #ff6b6b; letter-spacing: .06em; }
.tx-rec i { width: 8px; height: 8px; border-radius: 50%; background: #ff4d4d; animation: txBlink 1s steps(1) infinite; }
@keyframes txBlink { 50% { opacity: 0; } }
.tx-count { font: 800 30px/1 ui-monospace, Consolas, monospace; color: #fff; font-variant-numeric: tabular-nums; }
.tx-hud > span:not(.tx-rec):not(.tx-bar) { font-size: 12.5px; color: #b9b5c4; }
.tx-bar { grid-column: 1 / -1; height: 4px; border-radius: 4px; background: #ffffff1a; overflow: hidden; }
.tx-bar i { display: block; height: 100%; width: calc(var(--scan, 0) * 100%); background: linear-gradient(90deg, #f0a93b, #ffd98e); }
.tx-sticky.chosen .tx-rec { color: #5fe39a; } .tx-sticky.chosen .tx-rec i { background: #5fe39a; animation: none; }

/* الختم */
.tx-stamp { position: absolute; z-index: 9; left: var(--cx); top: var(--cy); translate: -50% -230%; pointer-events: none; opacity: 0; scale: 3; rotate: -14deg; }
.tx-stamp span { display: block; padding: 12px 26px; border-radius: 14px; border: 3px solid #ffe2a6; background: linear-gradient(180deg, #ffe2a6, #f0a93b); color: #1a1206;
  font-weight: 900; font-size: clamp(18px, 2vw, 28px); white-space: nowrap; box-shadow: 0 20px 50px #000c, 0 0 60px #f2b45a99, inset 0 2px 0 #fff9; }
.tx-sticky.chosen .tx-stamp { animation: txStamp .55s cubic-bezier(.2,1.6,.4,1) .25s forwards; }
@keyframes txStamp { 0% { opacity: 0; scale: 3; } 60% { opacity: 1; scale: .92; } 100% { opacity: 1; scale: 1; rotate: -8deg; } }
.tx-sticky.chosen .tx-cam { animation: txShake .45s .35s; }
@keyframes txShake { 20% { translate: -6px 3px; } 40% { translate: 5px -4px; } 60% { translate: -3px 2px; } 80% { translate: 2px -1px; } }

/* النص */
.tx-head { position: absolute; z-index: 10; top: clamp(88px, 13vh, 140px); left: 50%; translate: -50% 0; width: min(1000px, calc(100% - 32px)); display: flex; flex-direction: column; align-items: center; gap: 16px; text-align: center; }
.tx h2 { margin: 0; display: flex; flex-direction: column; align-items: center; gap: .1em; font-weight: 800; line-height: 1.12; }
.tx-l1 { font-size: clamp(26px, 3.4vw, 50px); color: #fff; opacity: var(--l1, 0); translate: 0 calc((1 - var(--l1, 0)) * 20px); }
.tx-l2 { position: relative; font-size: clamp(38px, 5.6vw, 88px); white-space: nowrap; color: transparent; padding-bottom: .1em;
  background: linear-gradient(100deg, #fff 0%, #ffe7b3 30%, #f2b45a 55%, #fff4d6 70%, #f0a93b 100%); background-size: 220% 100%; -webkit-background-clip: text; background-clip: text;
  clip-path: inset(0 0 0 100%); filter: drop-shadow(0 10px 40px #f2b45a55); }
.tx-sticky.chosen .tx-l2 { animation: txReveal 1.1s cubic-bezier(.7,0,.2,1) .55s forwards, txShine 4s linear 1.7s infinite; }
@keyframes txReveal { to { clip-path: inset(0 0 0 0); } }
@keyframes txShine { to { background-position: -220% 0; } }
.tx .ts-kicker { opacity: var(--l1, 0); }
.tx-copy { position: absolute; z-index: 10; bottom: clamp(30px, 7vh, 70px); left: 50%; translate: -50% 20px; width: min(640px, calc(100% - 32px)); display: flex; flex-direction: column; align-items: center; gap: 18px; text-align: center;
  opacity: 0; pointer-events: none; transition: opacity .7s, translate .7s cubic-bezier(.2,.8,.2,1); }
.tx-copy p { margin: 0; font-size: clamp(15px, 1.3vw, 18px); line-height: 1.85; color: #e3dfea; text-shadow: 0 2px 12px #000; }
.tx-sticky.done .tx-copy { opacity: 1; translate: -50% 0; pointer-events: auto; }
.tx-sticky.done .tx-hud { opacity: 0 !important; }
.tx-scroll { position: absolute; z-index: 10; bottom: 22px; left: 50%; translate: -50% 0; display: flex; flex-direction: column; align-items: center; gap: 6px; font-size: 12px; color: #ffffff80; opacity: calc(1 - var(--p) * 8); }
.tx-scroll i { width: 2px; height: 26px; border-radius: 2px; background: linear-gradient(180deg, #ffd98e, transparent); animation: txDrop 1.4s ease-in-out infinite; }
@keyframes txDrop { 0% { scale: 1 0; transform-origin: top; } 50% { scale: 1 1; transform-origin: top; } 51% { transform-origin: bottom; } 100% { scale: 1 0; transform-origin: bottom; } }

.tx .ts-path { margin-top: clamp(50px, 6vw, 90px); }
@media (max-width: 760px) {
  .tx-pin { height: 360vh; }
  .tx-l2 { white-space: normal; }
  .tx-hud { bottom: auto; top: 46%; inset-inline-end: 12px; padding: 10px 12px; } .tx-count { font-size: 22px; }
  .tx-mark b { display: none; }
}
@media (prefers-reduced-motion: reduce) {
  .tx-pin { height: auto; } .tx-sticky { position: relative; }
  .tx-l2 { clip-path: none; animation: none !important; } .tx-copy { opacity: 1; translate: -50% 0; pointer-events: auto; }
  .tx-stamp, .tx-cam, .tx-flash { animation: none !important; }
}
.tx-l2 { filter: none; }
.tx-sticky.done .tx-vig { background: linear-gradient(180deg, #000 0%, #000c 22%, transparent 48%), linear-gradient(0deg, #000 0%, #000e 18%, transparent 42%), radial-gradient(130% 100% at 50% 60%, transparent 50%, #000c 100%); }
.tx-vig { transition: background .6s; }
.tx-cam { transform: translateY(var(--ty, 0px)) scale(var(--zoom)); }
.tx-flash, .tx-stamp { translate: 0 var(--ty, 0px); }
.tx-stamp { translate: -50% calc(-230% + var(--ty, 0px)); }
.tx-gray { filter: grayscale(1) brightness(var(--dim)) blur(var(--blur)); }
.tx-stamp { translate: -50% calc(-175% + var(--ty, 0px)); }
.tx-stamp span { font-size: clamp(16px, 1.6vw, 24px); padding: 10px 22px; }

/* ================= اسمك في الضوء: تاج، تصفيق، وبطاقة صاحب الحلم ================= */
/* خانة الاسم */
.tx-name { display: flex; flex-direction: column; align-items: center; gap: 12px; width: 100%; }
.tx-name label { font-size: clamp(20px, 2vw, 28px); font-weight: 800; color: #fff; text-shadow: 0 2px 16px #000; }
.tx-name div { display: flex; gap: 8px; width: min(440px, 100%); padding: 6px; border-radius: 999px; background: #ffffff14; border: 1px solid #ffd98e66; backdrop-filter: blur(12px); box-shadow: 0 0 40px -10px #f2b45a99; animation: tx-glow 2.4s ease-in-out infinite; }
@keyframes tx-glow { 50% { box-shadow: 0 0 60px -6px #f2b45acc; } }
.tx-name input { flex: 1; min-width: 0; height: 50px; padding: 0 20px; border: 0; border-radius: 999px; background: transparent; color: #fff; font: inherit; font-size: 18px; font-weight: 700; outline: none; }
.tx-name input::placeholder { color: #ffffff80; }
.tx-name button { flex: none; height: 50px; padding: 0 22px; border: 0; border-radius: 999px; font: inherit; font-weight: 900; font-size: 16px; color: #1a1206; cursor: pointer;
  background: linear-gradient(100deg, #e8992e, #ffe7b0 35%, #f6c46a 55%, #e8992e) 0 0 / 250% 100%; animation: big-shine 3s linear infinite; transition: transform .2s; }
.tx-name button:hover { transform: scale(1.05); }
.tx-name.shake div { animation: tx-shake .45s; }
@keyframes tx-shake { 20%, 60% { transform: translateX(-8px); } 40%, 80% { transform: translateX(8px); } }
.tx-name[hidden], .tx-ticket[hidden] { display: none; }

/* التاج ينزل على راسه، واسمه تحته */
.tx-ova { position: absolute; inset: 0; z-index: 3; pointer-events: none; }
.tx-crown { position: absolute; translate: -50% -50%; font-size: clamp(54px, 7vw, 110px); filter: drop-shadow(0 0 24px #f2b45a) drop-shadow(0 8px 10px #000a); animation: tx-crown 1.1s cubic-bezier(.3, 1.6, .5, 1) both, tx-float 3s ease-in-out 1.1s infinite; }
@keyframes tx-crown { 0% { transform: translateY(-60vh) rotate(-40deg) scale(.6); opacity: 0; } 60% { opacity: 1; } 100% { transform: none; } }
@keyframes tx-float { 50% { transform: translateY(-8px) rotate(4deg); } }
.tx-tag { position: absolute; translate: -50% 0; padding: 7px 16px; border-radius: 999px; white-space: nowrap; font-weight: 900; font-size: clamp(14px, 1.4vw, 20px); color: #1a1206;
  background: linear-gradient(180deg, #ffe2a6, #f0a93b); box-shadow: 0 0 30px #f2b45a, 0 6px 16px #000a; animation: tx-tag .6s cubic-bezier(.2, 1.7, .4, 1) .6s both; }
@keyframes tx-tag { from { opacity: 0; transform: scale(.3); } }

/* الحشد يصفّق: إيموجيات تطلع من الناس */
.tx-clap { position: absolute; translate: -50% -50%; font-size: calc(26px * var(--s)); opacity: 0; filter: drop-shadow(0 4px 6px #000a); animation: tx-clap 2.6s cubic-bezier(.2, .7, .3, 1) var(--d) forwards; }
@keyframes tx-clap { 0% { opacity: 0; transform: translate(0, 20px) scale(.3); } 15% { opacity: 1; transform: translate(0, 0) scale(1); } 30%, 50% { transform: translate(calc(var(--x) * .4), calc(var(--h) * -.4)) rotate(-12deg) scale(1.05); } 40% { transform: translate(calc(var(--x) * .5), calc(var(--h) * -.5)) rotate(12deg); } 100% { opacity: 0; transform: translate(var(--x), calc(var(--h) * -1)) scale(.8); } }
/* الحشد ينوّر شوي لما يصفّق */
.tx-sticky.crowned .tx-gray { transition: filter 1.2s; filter: grayscale(.6) brightness(calc(var(--dim) + .15)) blur(var(--blur)); }

/* «أنت مميز يا فلان» */
.ts-big.named { flex-wrap: wrap; justify-content: center; }
.ts-big .tx-ya { flex-basis: 100%; font-size: .52em; }

/* بطاقة صاحب الحلم */
.tx-ticket { position: relative; display: grid; grid-template-columns: 1fr auto; width: min(500px, 100%); overflow: hidden; border-radius: 20px; color: #1a1206; text-align: start;
  background: radial-gradient(120% 120% at 0% 0%, #fff7dd, #ffe2a6 40%, #f0a93b); box-shadow: 0 0 0 1px #fff6 inset, 0 30px 60px -20px #000, 0 0 60px -10px #f2b45acc;
  -webkit-mask: radial-gradient(circle 14px at calc(100% - 96px) 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 14px at calc(100% - 96px) 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;
  mask: radial-gradient(circle 14px at calc(100% - 96px) 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 14px at calc(100% - 96px) 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; }
[dir="rtl"] .tx-ticket { -webkit-mask: radial-gradient(circle 14px at 96px 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 14px at 96px 100%, transparent 98%, #000) bottom / 100% 51% no-repeat;
  mask: radial-gradient(circle 14px at 96px 0, transparent 98%, #000) top / 100% 51% no-repeat, radial-gradient(circle 14px at 96px 100%, transparent 98%, #000) bottom / 100% 51% no-repeat; }
.tx-ticket.in { animation: tx-ticket 1s cubic-bezier(.2, 1.3, .3, 1) .9s both; }
@keyframes tx-ticket { from { opacity: 0; transform: perspective(800px) rotateX(70deg) translateY(60px) scale(.8); } }
.tk-l { display: flex; flex-direction: column; gap: 4px; padding: 16px 20px; }
.tk-l > small { font-weight: 800; font-size: 13px; color: #8a5a10; }
.tk-nm { font-size: clamp(26px, 3vw, 38px); font-weight: 900; line-height: 1.2; }
.tk-seat { font-size: 14px; font-weight: 700; color: #5c3a06; }
.tk-meta { display: flex; gap: 18px; margin-top: 8px; }
.tk-meta span { display: flex; flex-direction: column; } .tk-meta small { font-size: 11px; color: #8a5a10; font-weight: 700; } .tk-meta b { font-size: 15px; font-weight: 900; direction: ltr; text-align: start; }
.tk-r { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; width: 96px; border-inline-start: 2px dashed #1a120633; }
.tk-code { width: 54px; height: 54px; background: repeating-linear-gradient(90deg, #1a1206 0 2px, transparent 2px 4px, #1a1206 4px 7px, transparent 7px 9px); border-radius: 4px; }
.tk-r b { font-family: Unbounded, sans-serif; font-weight: 800; font-size: 12px; letter-spacing: 2px; }
.tk-shine { position: absolute; inset: 0; background: linear-gradient(110deg, transparent 35%, #ffffffbb 50%, transparent 65%); transform: translateX(-100%); animation: tk-shine 3.5s ease-in-out 2s infinite; pointer-events: none; }
@keyframes tk-shine { 40%, 100% { transform: translateX(100%); } }
.tx-notme { padding: 4px 10px; border: 0; background: none; color: #ffffff8c; font: inherit; font-size: 13px; text-decoration: underline; cursor: pointer; }
.tx-notme:hover { color: #ffd98e; }

@media (max-width: 640px) { .tk-meta { gap: 12px; } .tk-r { width: 74px; } .tx-name label { font-size: 19px; } }
@media (prefers-reduced-motion: reduce) { .tx-crown, .tx-tag, .tx-ticket.in, .tk-shine, .tx-name div, .tx-name button { animation: none !important; } .tx-clap { display: none; } }

/* الحشد المرسوم بدل الصورة */
.tx-cam .tx-gray, .tx-cam .tx-color { display: none; }
.tx-crowd { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.tx-sticky { background: #000; }

/* ================= عدّاد الحشد: رادار ذهبي يدوّر، وأحلام الناس تمر قدّامه ================= */
.tx .tx-hud { display: flex; align-items: center; gap: 16px; padding: 14px 20px 14px 14px; border-radius: 24px; direction: inherit;
  background: linear-gradient(160deg, #1a130acc, #0a0806e6); border: 1px solid #ffd98e38; backdrop-filter: blur(14px) saturate(1.3);
  box-shadow: 0 24px 50px -20px #000, 0 0 50px -18px #f2b45a88, inset 0 1px 0 #ffffff14; }
[dir="ltr"] .tx .tx-hud { padding: 14px 14px 14px 20px; }
/* زوايا عدسة الكاميرا */
.tx .tx-hud::before, .tx .tx-hud::after { content: ""; position: absolute; width: 16px; height: 16px; border: 2px solid #ffd98e; opacity: .8; pointer-events: none; }
.tx .tx-hud::before { top: -5px; inset-inline-start: -5px; border-inline-end: 0; border-bottom: 0; border-start-start-radius: 8px; }
.tx .tx-hud::after { bottom: -5px; inset-inline-end: -5px; border-inline-start: 0; border-top: 0; border-end-end-radius: 8px; }

/* الرادار */
.tx .hx-radar { position: relative; flex: none; width: 96px; height: 96px; border-radius: 50%; overflow: hidden; font-size: 0;
  background: linear-gradient(#ffd98e26, #ffd98e26) 50% 0 / 1px 100% no-repeat, linear-gradient(#ffd98e26, #ffd98e26) 0 50% / 100% 1px no-repeat,
    repeating-radial-gradient(circle, transparent 0 11px, #ffd98e1f 11px 12px), radial-gradient(circle, #2c1b08, #0b0805 75%); box-shadow: inset 0 0 18px #000c; }
.hx-radar svg { position: absolute; inset: 0; z-index: 3; width: 100%; height: 100%; rotate: -90deg; }
.hx-trk, .hx-prog { fill: none; stroke-width: 3; } .hx-trk { stroke: #ffffff14; }
.hx-prog { stroke: #ffd98e; stroke-linecap: round; stroke-dasharray: 100; stroke-dashoffset: calc((1 - var(--scan, 0)) * 100); filter: drop-shadow(0 0 4px #f2b45a); }
.hx-sweep { position: absolute; inset: 0; border-radius: 50%; background: conic-gradient(from 0deg, transparent 0deg 280deg, #ffd98e14 300deg, #ffd98ea6 359deg, transparent 360deg); animation: hx-spin 1.8s linear infinite; }
@keyframes hx-spin { to { rotate: 360deg; } }
.hx-b { position: absolute; left: var(--x); top: var(--y); width: 6px; height: 6px; margin: -3px; border-radius: 50%; background: #ffe7b0; box-shadow: 0 0 8px #ffd98e; opacity: 0; animation: hx-blip 1.8s ease-out var(--d) infinite; }
@keyframes hx-blip { 0% { opacity: 0; scale: .4; } 8% { opacity: 1; scale: 1.3; } 60%, 100% { opacity: 0; scale: .8; } }
.hx-me { position: absolute; left: 50%; top: 50%; width: 14px; height: 14px; margin: -7px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #fff4d6, #f0a93b); box-shadow: 0 0 16px #ffd98e; opacity: 0; scale: 0; transition: opacity .3s, scale .5s cubic-bezier(.2, 1.8, .4, 1); }
.hx-me::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 2px solid #ffd98e; animation: hx-ping 1.4s ease-out infinite; }
@keyframes hx-ping { from { scale: .6; opacity: 1; } to { scale: 2.6; opacity: 0; } }
/* لقيناك: الرادار يوقف ونقطة ذهبية وحدة في النص */
.tx-sticky.chosen .hx-sweep, .tx-sticky.chosen .hx-b { opacity: 0; animation: none; transition: opacity .3s; }
.tx-sticky.chosen .hx-me { opacity: 1; scale: 1; }
.tx-sticky.chosen .hx-prog { stroke: #5fe39a; filter: drop-shadow(0 0 6px #5fe39a); }

/* المعلومات */
.tx .hx-info { display: flex; flex-direction: column; align-items: flex-start; gap: 3px; min-width: 176px; font-size: 13px; color: #b9b5c4; }
.tx .hx-info .tx-rec { font: 800 11px/1 inherit; letter-spacing: .04em; padding: 4px 9px 4px 8px; border-radius: 99px; background: #ff4d4d1f; border: 1px solid #ff6b6b44; }
.tx-sticky.chosen .hx-info .tx-rec { background: #5fe39a1f; border-color: #5fe39a55; }
.tx .hx-info .tx-count { margin-top: 4px; font: 800 36px/1 Unbounded, ui-monospace, sans-serif; letter-spacing: -.02em; direction: ltr;
  background: linear-gradient(180deg, #fff 30%, #ffd98e); -webkit-background-clip: text; background-clip: text; color: transparent; filter: drop-shadow(0 0 14px #f2b45a55); }
.tx .hx-lbl { font-size: 12.5px; color: #b9b5c4; }
.tx .hx-feed { margin-top: 6px; padding: 5px 12px; border-radius: 10px; background: #ffffff0d; border: 1px solid #ffffff14; color: #ffe7b0; font-size: 14px; font-weight: 700; white-space: nowrap; }
.tx .hx-feed::after { content: ""; display: inline-block; width: 2px; height: 1em; margin-inline-start: 4px; vertical-align: -2px; background: #ffd98e; animation: txBlink 1s steps(1) infinite; }
.hx-feed.flip { animation: hx-flip .35s cubic-bezier(.2, 1.4, .4, 1); }
@keyframes hx-flip { from { opacity: 0; transform: translateY(8px); filter: blur(3px); } }
.tx-sticky.chosen .hx-feed { background: linear-gradient(180deg, #ffe2a6, #f0a93b); color: #1a1206; border: 0; box-shadow: 0 0 24px #f2b45a99; }
.tx-sticky.chosen .hx-feed::after { display: none; }

@media (max-width: 720px) {
  .tx .tx-hud { gap: 10px; padding: 10px 14px 10px 10px; border-radius: 18px; }
  .tx .hx-radar { width: 64px; height: 64px; } .tx .hx-info { min-width: 0; } .tx .hx-info .tx-count { font-size: 24px; } .tx .hx-feed { font-size: 12px; }
}
@media (prefers-reduced-motion: reduce) { .hx-sweep, .hx-b, .hx-me::after, .hx-feed.flip { animation: none !important; } }