/* «حقيقة أم كذب» — جهاز كشف الكذب (٢٠٢٦/١٠/١٦ بطلب المالك). شكل فقط.
   خلفيّة ورق الجهاز بشبكة، عدّاد نصف دائري بين الجهتين (أحمر كذب يسار · أخضر حقيقة يمين)
   بإبرة ترتجف وتميل بالتصويت، وختم كبير وقت الكشف. */
.xg-tf .xg{position:relative;overflow:hidden;
  background:linear-gradient(rgba(120,255,200,.05) 1px,transparent 1px) 0 0/100% 3.2cqh,
             linear-gradient(90deg,rgba(120,255,200,.05) 1px,transparent 1px) 0 0/3.2cqh 100%,
             radial-gradient(70% 70% at 50% 30%,#123a3a 0%,#0a1f24 55%,#050c10 100%)}
.xg-tf .xg-title b{text-shadow:0 0 .4em rgba(52,215,123,.35),0 .08em 0 #04241a}
.xg-tf .tf3{background:rgba(6,18,22,.72);border:2px solid rgba(120,255,200,.22);box-shadow:inset 0 0 6cqh rgba(0,0,0,.5)}

/* العدّاد بالنصّ */
.xg-tf .tf3-votes{grid-template-columns:1fr auto 1fr;align-items:center}
.tf-gauge{--a:0deg;position:relative;width:max(150px,30cqh);aspect-ratio:200/120;display:flex;flex-direction:column;align-items:center;justify-content:flex-end}
.tf-gauge svg{position:absolute;inset:0;width:100%;height:auto;filter:drop-shadow(0 0 1.4cqh rgba(0,0,0,.6))}
.tf-gn{position:absolute;left:50%;bottom:8%;width:.9cqh;min-width:4px;height:68%;transform-origin:50% 100%;
  transform:translateX(-50%) rotate(var(--a));transition:transform .6s cubic-bezier(.3,1.5,.5,1)}
.tf-gn i{position:absolute;inset:0;border-radius:999px;background:linear-gradient(180deg,#fff,#cfd8dc);box-shadow:0 0 1cqh rgba(255,255,255,.6);
  transform-origin:50% 100%;animation:tfJit .18s steps(2) infinite alternate}
.tf-gn::after{content:'';position:absolute;left:50%;bottom:-1.6cqh;width:4.4cqh;height:4.4cqh;transform:translateX(-50%);border-radius:50%;
  background:radial-gradient(circle at 35% 30%,#fff,#9aa7ad 60%,#4a555a)}
.tf-gl{position:relative;margin-bottom:-.2cqh;transform:translateY(100%);font-size:max(11px,1.9cqh);font-weight:900;color:#a8f5d4;white-space:nowrap;letter-spacing:.02em}
.tf-gauge.yes svg path:first-child,.tf-gauge.no svg path:nth-child(2){opacity:.25}
.tf-gauge.yes .tf-gn i,.tf-gauge.no .tf-gn i{animation:none}
@keyframes tfJit{0%{transform:rotate(-1.6deg)}100%{transform:rotate(1.6deg)}}
@media (prefers-reduced-motion:reduce){.tf-gn i{animation:none}}

/* الختم */
.tf-stamp{position:absolute;z-index:5;top:42%;left:50%;padding:.15em .7em;border:.7cqh solid currentColor;border-radius:1.6cqh;
  font-size:max(40px,12cqh);font-weight:900;line-height:1.1;white-space:nowrap;pointer-events:none;background:rgba(5,12,16,.55);
  transform:translate(-50%,-50%) rotate(-12deg);animation:tfStamp .5s cubic-bezier(.2,1.6,.4,1) backwards;text-shadow:0 0 .3em currentColor}
.tf-stamp.yes{color:#5dff9a}
.tf-stamp.no{color:#ff6b7c}
@keyframes tfStamp{0%{transform:translate(-50%,-50%) rotate(-12deg) scale(2.6);opacity:0}100%{transform:translate(-50%,-50%) rotate(-12deg) scale(1);opacity:1}}

@container (max-aspect-ratio: 1/1){
  .xg-tf .tf3-votes{grid-template-columns:1fr 1fr}
  .tf-gauge{grid-column:1 / -1;grid-row:1;justify-self:center;width:max(140px,24cqh)}
}
/* أكبر ويطلع فوق حدّ البطاقة */
.tf-gauge{position:relative;z-index:4;width:max(170px,36cqh);margin-top:-12cqh;padding:1.2cqh 1.6cqh 0;border-radius:50% 50% 2cqh 2cqh / 100% 100% 2cqh 2cqh;
  background:radial-gradient(120% 100% at 50% 100%,#0d2a2c,#06141a);box-shadow:0 0 0 .4cqh rgba(120,255,200,.25),0 1.4cqh 3cqh rgba(0,0,0,.55)}
.tf-gauge svg{inset:1.2cqh 1.6cqh auto;width:calc(100% - 3.2cqh)}
.tf-gl{transform:none;margin:0 0 .6cqh;padding:.15em .8em;border-radius:999px;background:rgba(0,0,0,.45)}
.tf-stamp{font-size:max(36px,10cqh)}