/* ===== การ์ดตัวละคร = ทีวีจอแก้วโบราณ ===== */
#p-ai-script#p-ai-script #aiNChars#aiNChars{row-gap:46px;column-gap:16px;padding-top:30px}
#p-ai-script#p-ai-script #aiNChars#aiNChars .ainlb,#p-ai-script#p-ai-script #aiNChars#aiNChars .nfbar,#p-ai-script#p-ai-script #aiNChars#aiNChars:empty::before{margin-top:0}
#p-ai-script#p-ai-script #aiNChars#aiNChars .nfbar{margin-top:-4px}
/* ตู้ทีวี: ไม้วอลนัท */
#p-ai-script#p-ai-script #aiNChars#aiNChars .ainch.tvset{position:relative;display:flex;flex-direction:column;gap:10px;aspect-ratio:auto;padding:15px 15px 12px;border-radius:20px 20px 16px 16px;border:1px solid #1c0f06;
  background:repeating-linear-gradient(91deg,rgba(0,0,0,0) 0 5px,rgba(0,0,0,.14) 5px 6px,rgba(255,205,150,.05) 6px 11px,rgba(0,0,0,.07) 11px 12px),linear-gradient(180deg,#7a4a24 0%,#5a3418 50%,#3c220e 100%);
  box-shadow:inset 0 2px 0 rgba(255,222,170,.38),inset 0 -4px 9px rgba(0,0,0,.55),0 20px 26px -10px rgba(0,0,0,.9),0 4px 0 #1a0e05;transition:transform .18s,box-shadow .18s}
#p-ai-script#p-ai-script #aiNChars#aiNChars .ainch.tvset:hover{transform:translateY(-4px);border-color:#1c0f06;box-shadow:inset 0 2px 0 rgba(255,222,170,.45),inset 0 -4px 9px rgba(0,0,0,.55),0 28px 32px -10px rgba(0,0,0,.95),0 4px 0 #1a0e05}
/* หนวดกระต่าย (เสาอากาศ V) */
#p-ai-script#p-ai-script #aiNChars#aiNChars .ainch.tvset::before,#p-ai-script#p-ai-script #aiNChars#aiNChars .ainch.tvset::after{content:"";position:absolute;top:-33px;left:calc(50% - 1.5px);width:3px;height:42px;border-radius:2px;pointer-events:none;opacity:1;transform-origin:50% 100%;
  background:radial-gradient(circle at 50% 3px,#f4f4f4 0 3.6px,#8c8c8c 4.4px,transparent 4.8px),linear-gradient(90deg,#6d6d6d,#f2f2f2 45%,#777);height:42px;box-shadow:1px 2px 3px rgba(0,0,0,.5)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .ainch.tvset::before{transform:rotate(-30deg)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .ainch.tvset::after{transform:rotate(30deg)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .ainch.tvset:hover::before{opacity:1}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvbase{position:absolute;left:calc(50% - 19px);top:-7px;width:38px;height:14px;border-radius:19px 19px 4px 4px;z-index:2;pointer-events:none;
  background:linear-gradient(180deg,#3a3a3a,#111);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 2px 3px rgba(0,0,0,.6)}
/* จอแก้วโค้ง + ขอบพลาสติกดำ */
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr{position:relative;display:flex;flex-direction:column;justify-content:center;gap:7px;min-height:128px;margin:4px;padding:12px 10px 10px;overflow:hidden;isolation:isolate;
  border-radius:24px / 28px;background:radial-gradient(ellipse 85% 75% at 50% 42%,#16363a 0%,#0b1d20 55%,#040a0b 100%);
  box-shadow:0 0 0 4px #15110d,0 0 0 6px #4a3c2e,0 0 0 7px #000,0 5px 10px 7px rgba(0,0,0,.55),inset 0 0 34px 8px rgba(0,0,0,.9),inset 0 0 0 2px rgba(0,0,0,.8);
  animation:tvFlick 5s steps(1,end) infinite}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr::before{content:"";position:absolute;inset:0;z-index:3;pointer-events:none;border-radius:inherit;
  background:linear-gradient(180deg,transparent,rgba(190,255,240,.07) 50%,transparent) 0 -70%/100% 45% no-repeat,repeating-linear-gradient(180deg,rgba(0,0,0,.34) 0 1px,transparent 1px 3px);
  animation:tvRoll 6s linear infinite}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr::after{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;
  background:radial-gradient(120% 60% at 18% 0%,rgba(255,255,255,.2),rgba(255,255,255,.04) 45%,transparent 62%),radial-gradient(60% 40% at 88% 96%,rgba(160,255,230,.1),transparent 70%)}
@keyframes tvRoll{0%{background-position:0 -70%,0 0}100%{background-position:0 170%,0 0}}
@keyframes tvFlick{0%,92%,100%{filter:brightness(1)}94%{filter:brightness(1.12)}96%{filter:brightness(.92)}}
#p-ai-script#p-ai-script #aiNChars#aiNChars .ainch.tvset:hover .tvscr{filter:brightness(1.15) saturate(1.1);animation:none}
/* ข้อความบนจอ: เรืองแบบฟอสเฟอร์ + สีเหลื่อมเล็กน้อย */
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr .ainchh{position:static;display:flex;flex-direction:column;align-items:center;gap:6px}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr .ainchh input[type=text]{background:transparent!important;box-shadow:none;height:34px;color:#e6fff6;font-size:16px!important;font-weight:800;letter-spacing:.4px;text-align:center;background:transparent;border:0;border-bottom:1px dashed rgba(150,255,220,.28);border-radius:0;
  text-shadow:-1px 0 rgba(255,70,110,.45),1px 0 rgba(60,220,255,.45),0 0 10px rgba(130,255,215,.65)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr .ainchh input[type=text]:hover{background:rgba(150,255,220,.06);border-color:rgba(150,255,220,.28)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr .ainchh input[type=text]:focus{outline:0;background:rgba(150,255,220,.08);border-color:#8cffd8;box-shadow:0 0 14px rgba(120,255,210,.35)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr .ainchh .ainx{position:absolute;top:2px;right:2px;z-index:5;width:22px;height:22px;opacity:.7;font-size:11px;color:#9fe8d2;border-radius:6px;background:rgba(0,0,0,.35);border:1px solid rgba(150,255,220,.3);text-shadow:0 0 6px rgba(130,255,215,.8)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .ainch.tvset:hover .tvscr .ainchh .ainx{opacity:1}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr .ainchh .ainx[data-cx]:hover{background:rgba(255,60,60,.85);color:#fff;border-color:#ff9a9a;transform:none}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr .ainchr{flex:none;margin:0;padding:2px 6px;text-align:center;color:#a9e6d2;font-size:12.5px;line-height:1.5;background:transparent;border:0;box-shadow:none;border-radius:6px;-webkit-line-clamp:3;text-shadow:0 0 8px rgba(120,255,210,.45)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr .ainchr:hover{background:rgba(150,255,220,.07);color:#e6fff6}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr .ainchr.e{color:#5f9486;text-shadow:none}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr .ainchr::after{content:"▸ แก้ไข";background:rgba(0,0,0,.55);color:#9fffdc;border:1px solid rgba(150,255,220,.5);text-shadow:0 0 6px rgba(130,255,215,.9)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr .ainchwr{margin:0;text-align:center;font-size:11.5px}
/* แผงปุ่มล่าง */
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvctl{display:flex}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvset .ainchg{flex:1 1 auto;height:34px;color:#1b1710;font-weight:800;text-shadow:0 1px 0 rgba(255,255,255,.7);border-radius:8px;border:1px solid #4d4a40;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.18) 0 1px,transparent 1px 3px),linear-gradient(180deg,#f1eee4,#c9c4b2 52%,#a09b88);
  box-shadow:0 3px 0 #2a261c,0 7px 10px rgba(0,0,0,.5),inset 0 1px 0 #fff}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvset .ainchg:hover{background:linear-gradient(180deg,#ffc769,#f08a1e 60%,#d06a0c);border-color:#8a4108;color:#2b1604;filter:none}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvset .ainchg:active{transform:translateY(3px);box-shadow:0 0 0 #2a261c,inset 0 2px 4px rgba(0,0,0,.4)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvfoot{display:flex;align-items:center;gap:9px;padding:2px 4px 0}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvspk{flex:1 1 auto;height:14px;border-radius:4px;background:repeating-linear-gradient(90deg,#0b0705 0 2px,#3a2412 2px 5px);box-shadow:inset 0 2px 3px rgba(0,0,0,.9),0 1px 0 rgba(255,220,170,.3)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvled{flex:none;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffb0a8,#e0281c 55%,#7a0d06);box-shadow:0 0 8px 1px rgba(255,50,30,.8),inset 0 1px 1px rgba(255,255,255,.5)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvknob{flex:none;width:24px;height:24px;border-radius:50%;position:relative;
  background:radial-gradient(circle at 50% 50%,#2b2b2b 0 28%,transparent 30%),repeating-conic-gradient(#1b1b1b 0 9deg,#4a4a4a 9deg 18deg);box-shadow:0 0 0 2px #1a0e05,0 4px 6px rgba(0,0,0,.6),inset 0 1px 1px rgba(255,255,255,.3)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvknob::after{content:"";position:absolute;left:calc(50% - 1px);top:2px;width:2px;height:7px;border-radius:1px;background:#ffd58a;box-shadow:0 0 4px rgba(255,200,100,.8)}
#p-ai-script#p-ai-script #aiNChars#aiNChars .tvknob.b{transform:rotate(55deg)}
@media(prefers-reduced-motion:reduce){#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr,#p-ai-script#p-ai-script #aiNChars#aiNChars .tvscr::before{animation:none}}
@media(max-width:360px){#p-ai-script#p-ai-script #aiNChars#aiNChars{grid-template-columns:minmax(0,1fr)}}