/* nền sàn lưới phối cảnh chung: KIKI và bảng thông tin đứng chung 1 không gian */
#kkLive .lv-ground{position:absolute;left:0;right:0;bottom:0;height:46%;z-index:-1;pointer-events:none;perspective:520px;perspective-origin:50% 0;overflow:hidden;-webkit-mask-image:linear-gradient(transparent,#000 35%);mask-image:linear-gradient(transparent,#000 35%)}
#kkLive .lv-ground i{position:absolute;left:-60%;right:-60%;top:0;height:160%;transform-origin:50% 0;transform:rotateX(70deg);background-image:linear-gradient(rgba(122,215,255,.16) 1px,transparent 1px),linear-gradient(90deg,rgba(122,215,255,.16) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:radial-gradient(ellipse 55% 60% at 50% 20%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 55% 60% at 50% 20%,#000 20%,transparent 75%);animation:lvGr 14s linear infinite}
#kkLive .lv-ground:before{content:"";position:absolute;left:8%;right:8%;top:0;height:2px;background:linear-gradient(90deg,transparent,rgba(122,215,255,.55),transparent);filter:blur(1px);box-shadow:0 0 24px 6px rgba(79,139,255,.25)}
@keyframes lvGr{to{background-position:0 56px}}
/* bệ hologram xoay dưới chân KIKI (giống app máy tính) */
#kkLive .lv-floor{display:none!important}
#kkLive .lv-fig{z-index:1;-webkit-mask-image:linear-gradient(#000 96%,transparent);mask-image:linear-gradient(#000 96%,transparent)}
#kkLive .lv-plat{position:absolute;z-index:0;pointer-events:none;left:calc(50% + var(--fw,300px)*.03);bottom:calc(var(--pb,0px) + var(--fh,540px)*.05);width:calc(var(--fw,300px)*.88);aspect-ratio:1;transform:translate(-50%,50%) scaleY(.27);transition:opacity .6s}
#kkLive .lv-plat i,#kkLive .lv-plat b{position:absolute;border-radius:50%}
#kkLive .lv-plat .r1{inset:0;border:2px solid rgba(122,215,255,.55);box-shadow:0 0 22px rgba(122,215,255,.45),inset 0 0 26px rgba(79,139,255,.35)}
#kkLive .lv-plat .r1:before{content:"";position:absolute;inset:4%;border-radius:50%;background:repeating-conic-gradient(rgba(122,215,255,.7) 0 1.2deg,transparent 1.2deg 7.5deg);-webkit-mask-image:radial-gradient(circle,transparent 64%,#000 65% 70%,transparent 71%);mask-image:radial-gradient(circle,transparent 64%,#000 65% 70%,transparent 71%);animation:lvSp 22s linear infinite}
#kkLive .lv-plat .r2{inset:12%;background:conic-gradient(from 0deg,transparent 0 10%,rgba(122,215,255,.95) 10% 22%,transparent 22% 50%,rgba(79,139,255,.9) 50% 62%,transparent 62%);-webkit-mask-image:radial-gradient(circle,transparent 62%,#000 63% 69%,transparent 70%);mask-image:radial-gradient(circle,transparent 62%,#000 63% 69%,transparent 70%);filter:drop-shadow(0 0 6px rgba(122,215,255,.8));animation:lvSp 7s linear infinite}
#kkLive .lv-plat .r3{inset:27%;border:2px dashed rgba(122,215,255,.5);animation:lvSp 12s linear infinite reverse}
#kkLive .lv-plat b{inset:24%;background:radial-gradient(circle,rgba(150,225,255,.55),rgba(79,139,255,.18) 45%,transparent 70%);animation:lvPu 3.2s ease-in-out infinite}
@keyframes lvSp{to{transform:rotate(360deg)}}
@keyframes lvPu{50%{opacity:.55;transform:scale(.9)}}
@media (min-width:820px) and (min-aspect-ratio:1/1){#kkLive.ans .lv-plat{opacity:0}}
/* bảng thông tin = tấm hologram nổi trong cùng không gian */
#kkLive.ans .lv-cap{background:linear-gradient(135deg,rgba(24,40,86,.62),rgba(10,16,38,.55))!important;-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);border:1px solid rgba(122,215,255,.32)!important;box-shadow:0 0 0 1px rgba(122,215,255,.06),0 26px 46px -22px rgba(79,139,255,.55),0 0 40px rgba(79,139,255,.12),inset 0 1px 0 rgba(255,255,255,.08)!important}
#kkLive.ans .lv-cap:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(115deg,transparent 30%,rgba(160,230,255,.10) 45%,transparent 60%);background-size:260% 100%;animation:lvSh 5s ease-in-out infinite}
@keyframes lvSh{0%{background-position:120% 0}60%,100%{background-position:-60% 0}}
/* điện thoại & tablet dọc: bảng nhỏ gọn, KIKI không zoom để thấy trọn người + bệ xoay */
@media (max-width:819px),(max-aspect-ratio:1/1){
#kkLive.ans .lv-fig{transform:none}
#kkLive.ans .lv-stage{transform:translate3d(25vw,0,0)}
#kkLive.ans .lv-panel{width:min(55vw,390px);left:10px;perspective:900px}
#kkLive.ans .lv-cap{padding:12px 12px 11px 15px;border-radius:18px;transform:rotateY(7deg);transform-origin:0 50%}
#kkLive.ans .lv-you{font-size:11.5px}
#kkLive.ans .lv-say{font-size:14px;line-height:1.45}
#kkLive.ans .lv-card{padding:8px 10px;font-size:12.5px;border-radius:12px}
#kkLive.ans .lv-cards{gap:6px;margin-top:8px}
#kkLive.ans .lv-chips{padding-top:8px;gap:6px}
#kkLive.ans .lv-chips button{padding:7px 11px;font-size:12.5px}
}
@media (prefers-reduced-motion:reduce){#kkLive .lv-plat *,#kkLive .lv-ground i,#kkLive.ans .lv-cap:after{animation:none}}