/* 1) bong bóng chào: 2 nút "Nhắn KIKI / Nói chuyện" nằm TRONG bong bóng (trước bị dính kiểu nút ✕ – dồn lên góc) */
.kk-tip .kk-go i{position:static!important;width:auto!important;height:auto!important;top:auto!important;right:auto!important;display:inline-flex!important;align-items:center;color:#1E3FA0!important;background:rgba(79,139,255,.12)!important;border:1px solid rgba(79,139,255,.35)!important;font-weight:600}
.kk-tip .kk-go i:hover{background:#4f8bff!important;color:#fff!important}
.kk-tip .kk-go{display:flex!important;flex-wrap:wrap;gap:6px}
/* 2) logo K 3D trang chủ: mở rộng khung hiển thị – K bay vào & viền sáng không bị cắt, mép mờ dần */
.kb-hero{overflow:visible!important}html,body{overflow-x:clip}
.kb3dk-cv{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 80%,transparent 100%),linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important;-webkit-mask-composite:source-in;mask-image:linear-gradient(180deg,transparent 0,#000 20%,#000 80%,transparent 100%),linear-gradient(90deg,transparent 0,#000 6%,#000 94%,transparent 100%)!important;mask-composite:intersect}
/* 3) Gọi KIKI trên máy tính: THÔNG TIN 1 BÊN – KIKI 1 BÊN (cả toàn màn & khung nhỏ) */
@media (min-width:900px) and (min-aspect-ratio:1/1){
 #kkLive.on{display:grid!important;grid-template-columns:5vw minmax(0,1.08fr) 2.5vw minmax(0,.92fr) 3vw;grid-template-rows:auto minmax(12px,1fr) auto auto auto auto minmax(12px,1fr)}
 #kkLive .lv-top{grid-column:1/-1;grid-row:1}
 #kkLive .lv-stage{grid-column:4;grid-row:2/-1;transform:none!important;min-height:0;height:100%;padding-top:0;position:relative;overflow:hidden;align-self:stretch}
 /* KIKI đặt tuyệt đối trong cột phải → kích thước KIKI KHÔNG đẩy giãn bố cục (trước đây màn lớn bị phình, KIKI to & bị cắt, chữ rơi xuống đáy) */
 #kkLive .lv-fig{position:absolute!important;left:0;right:0;margin:0 auto!important;bottom:var(--pb,0px)}
 #kkLive .lv-panel{display:contents!important;position:static!important;transform:none!important;animation:none!important;width:auto!important;left:auto!important;top:auto!important;bottom:auto!important;perspective:none!important}
 #kkLive .lv-cap{grid-column:2;grid-row:3;width:100%!important;max-width:none!important;margin:0!important;max-height:min(50vh,460px)!important;transform:none!important;padding:22px 24px 20px 26px!important;border-radius:24px!important;background:linear-gradient(135deg,rgba(24,40,86,.62),rgba(10,16,38,.55))!important;border:1px solid rgba(122,215,255,.28)!important;box-shadow:0 30px 80px -30px rgba(79,139,255,.45),inset 0 1px 0 rgba(255,255,255,.07)!important;animation:lvL .8s cubic-bezier(.22,.8,.2,1) both}
 #kkLive .lv-cap:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;border-radius:3px;background:linear-gradient(#7ad7ff,#4f8bff);box-shadow:0 0 14px rgba(122,215,255,.7)}
 #kkLive .lv-say{font-size:clamp(16px,1.3vw,21px)!important;line-height:1.55!important}
 #kkLive .lv-you{font-size:13px!important}
 #kkLive .lv-cards{flex-wrap:wrap!important;overflow:visible!important;gap:10px!important}
 #kkLive .lv-card{flex:1 1 calc(50% - 10px)!important;max-width:none!important}
 #kkLive .lv-chips{grid-column:2;grid-row:4;width:100%!important;max-width:none!important;margin:0!important;padding:14px 0 0!important;flex-wrap:wrap!important;overflow:visible!important;justify-content:flex-start!important;-webkit-mask-image:none!important;mask-image:none!important}
 #kkLive .lv-type{grid-column:2;grid-row:5;width:100%!important;max-width:none!important;margin:14px 0 0!important}
 #kkLive .lv-ctl{grid-column:2;grid-row:6;justify-self:start;margin-left:0!important}
 #kkLive .lv-hint{grid-column:2;grid-row:7;align-self:start;width:100%!important;max-width:none!important;margin:8px 0 0!important;text-align:left;padding-left:18px}
 #kkLive.ans .lv-fig{transform:scale(1.08)!important;transform-origin:50% 12%!important}
 #kkLive.ans .lv-plat{opacity:.55!important}
 #kkLive .lv-dk{display:grid!important;place-items:center}
 /* khung nhỏ: nằm NGANG góc phải dưới – chữ bên trái, KIKI bên phải */
 html.kk-dock #kkLive{width:min(660px,calc(100vw - 48px))!important;height:min(470px,calc(100vh - 110px))!important;grid-template-columns:18px minmax(0,1.25fr) 6px minmax(0,.75fr) 8px!important}
 /* khung nhỏ: KIKI đứng yên, chỉ có hiệu ứng máy quay trôi nhẹ */
 html.kk-dock #kkLive.ans .lv-fig{transform:none!important}
 /* khung nhỏ: KIKI ĐỨNG YÊN (không trôi lơ lửng); cả sân khấu (KIKI + bệ) trôi chậm như máy quay → cảm giác 3D; bệ không bị cắt viền */
 html.kk-dock #kkLive .lv-stage{overflow:visible!important;animation:kkDockCam 18s ease-in-out infinite;transform-origin:50% 85%}
 html.kk-dock #kkLive .lv-fig,html.kk-dock #kkLive .lv-plat{animation:none!important}
 html.kk-dock #kkLive .lv-ground i{animation:kkDockGr 18s ease-in-out infinite!important}
 html.kk-dock #kkLive .lv-cap{max-height:none!important;min-height:0;overflow:auto;padding:16px 16px 14px 18px!important;border-radius:18px!important}
 html.kk-dock #kkLive{grid-template-rows:auto minmax(4px,.4fr) minmax(0,auto) auto auto auto minmax(10px,.6fr)!important}
 html.kk-dock #kkLive .lv-say{font-size:15px!important}
 html.kk-dock #kkLive .lv-chips{padding-top:10px!important;gap:6px!important}
 html.kk-dock #kkLive .lv-chips button{padding:7px 11px!important;font-size:12.5px!important}
 html.kk-dock #kkLive .lv-type{margin-top:10px!important}
 html.kk-dock #kkLive .lv-hint{display:none!important}
 html.kk-dock #kkLive .lv-card{flex-basis:100%!important}
}
@keyframes kkDockCam{0%,100%{scale:1;translate:0 0}50%{scale:1.05;translate:-2% 1.2%}}
@keyframes kkDockGr{0%,100%{translate:0 0}50%{translate:3% 0}}