
/* ===== จอทีวีขึ้น "กำลังหาสัญญาณ" ระหว่างที่ AI ทำงาน (แกะเรื่อง / เจนสคริปต์) ===== */
.tvsig{position:absolute;inset:0;z-index:3;border-radius:inherit;overflow:hidden;background:#06100f;cursor:progress;transform-origin:50% 50%;animation:sigIn .32s cubic-bezier(.2,.8,.2,1) both}
.tvsig.out{pointer-events:none;animation:sigOut .38s ease-in forwards}
.tvsig canvas{position:absolute;inset:0;width:100%;height:100%;display:block;image-rendering:pixelated;filter:contrast(1.1) brightness(.92)}
.tvsig-hold{position:absolute;left:0;right:0;top:-25%;height:24%;pointer-events:none;mix-blend-mode:screen;background:linear-gradient(180deg,transparent,rgba(210,255,240,.14) 45%,rgba(210,255,240,.3) 52%,transparent);animation:sigHold 2.6s linear infinite}
.tvsig-osd{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px;box-sizing:border-box;min-width:min(78%,250px);max-width:92%;padding:14px 22px 12px;text-align:center;border-radius:12px;background:rgba(3,14,12,.74);border:1px solid rgba(150,255,220,.38);box-shadow:0 0 26px rgba(120,255,210,.16),inset 0 0 18px rgba(0,0,0,.6);color:#d9fff0;font:700 clamp(15px,2.4vw,19px)/1.6 'Sarabun',system-ui,sans-serif;text-shadow:0 0 8px rgba(130,255,215,.65)}
.tvsig-ch{display:flex;align-items:center;gap:12px;font:800 12px/1 ui-monospace,Menlo,Consolas,monospace;letter-spacing:.14em;color:#8cffd8}
.tvsig-ch b{padding:3px 7px;border:1px solid rgba(150,255,220,.5);border-radius:4px;font-weight:800}
.tvsig-bars{display:inline-flex;align-items:flex-end;gap:3px;height:14px}
.tvsig-bars i{width:4px;height:100%;border-radius:1px;background:#8cffd8;transform-origin:50% 100%;animation:sigBar .9s ease-in-out infinite alternate}
.tvsig-bars i:nth-child(2){animation-delay:.15s}.tvsig-bars i:nth-child(3){animation-delay:.3s}.tvsig-bars i:nth-child(4){animation-delay:.45s}.tvsig-bars i:nth-child(5){animation-delay:.6s}
.tvsig-d i{font-style:normal;animation:sigDot 1.2s infinite}.tvsig-d i:nth-child(2){animation-delay:.2s}.tvsig-d i:nth-child(3){animation-delay:.4s}
.tvsig-s{font-size:12.5px;font-weight:500;color:#8fd9c0;text-shadow:none}
@keyframes sigHold{to{top:110%}}
@keyframes sigBar{from{transform:scaleY(.15)}to{transform:scaleY(1)}}
@keyframes sigDot{0%,100%{opacity:.15}40%{opacity:1}}
@keyframes sigIn{0%{opacity:0;transform:scaleY(.03);filter:brightness(3)}60%{opacity:1;transform:scaleY(1.02);filter:brightness(1.6)}100%{opacity:1;transform:none;filter:none}}
@keyframes sigOut{0%{opacity:1;filter:brightness(1)}35%{filter:brightness(2.2)}100%{opacity:0;transform:scaleY(.03);filter:brightness(3)}}
@media(prefers-reduced-motion:reduce){.tvsig,.tvsig.out,.tvsig-hold,.tvsig-bars i,.tvsig-d i{animation:none!important}}
