/* Khanom Quest Split Load Lite Chat 3.3.0 */
.kq33-lite{--kq33-green:#0f766e;--kq33-blue:#0284c7;box-sizing:border-box;width:min(100%,980px);margin:16px auto;border-radius:22px;overflow:hidden;background:#f8fafc;border:1px solid #bae6fd;box-shadow:0 16px 42px rgba(2,132,199,.12);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.kq33-lite *{box-sizing:border-box}.kq33-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#07111f,#0f766e 58%,#0284c7);color:#fff}.kq33-head span{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);padding:4px 8px;font-size:11px;font-weight:1000}.kq33-head h2{margin:5px 0 3px;font-size:clamp(22px,3vw,32px);line-height:1}.kq33-head p{margin:0;color:rgba(255,255,255,.84);font-weight:750}.kq33-arena-link{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:10px 14px;background:#f59e0b;color:#111827!important;text-decoration:none!important;font-weight:1000;white-space:nowrap}.kq33-body{height:var(--kq33-height);min-height:520px;display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px;padding:12px}.kq33-messages{overflow:auto;border-radius:20px;background:#fff;border:1px solid #e2e8f0;padding:12px;scroll-behavior:smooth}.kq33-loading,.kq33-empty{padding:16px;text-align:center;color:#64748b;font-weight:850}.kq33-msg{display:flex;gap:9px;margin:10px 0}.kq33-av{width:38px;height:38px;flex:0 0 38px;border-radius:999px;background:#0f766e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:1000;overflow:hidden}.kq33-av img{width:100%;height:100%;object-fit:cover}.kq33-bubble{max-width:min(720px,84%);border-radius:18px;border:1px solid #e2e8f0;background:#fff;padding:10px 12px;box-shadow:0 8px 20px rgba(15,23,42,.05)}.kq33-energy .kq33-bubble,.kq33-battle .kq33-bubble{background:#fffbeb;border-color:#fde68a}.kq33-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:#64748b;font-weight:850}.kq33-meta b{color:#0f172a}.kq33-meta em{font-style:normal;background:#ecfeff;color:#0f766e;border-radius:999px;padding:2px 6px}.kq33-text{color:#0f172a;overflow-wrap:anywhere}.kq33-form{border:1px solid #bae6fd;background:rgba(255,255,255,.96);border-radius:20px;padding:10px;box-shadow:0 10px 28px rgba(2,6,23,.1)}.kq33-name,.kq33-message{width:100%;border:1px solid #cbd5e1;border-radius:16px;padding:10px;background:#fff;color:#0f172a}.kq33-message{margin-top:8px;resize:vertical;min-height:64px}.kq33-actions{display:flex;justify-content:space-between;gap:8px;margin-top:8px}.kq33-actions button{border:0;border-radius:999px;padding:9px 14px;font-weight:1000;cursor:pointer}.kq33-energy{background:#fef3c7;color:#92400e}.kq33-send{background:linear-gradient(135deg,#0f766e,#0284c7);color:#fff}.kq33-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);z-index:2147482000;background:#0f172a;color:#fff;border-radius:999px;padding:10px 14px;font-weight:900;box-shadow:0 12px 34px rgba(0,0,0,.25)}@media(max-width:680px){.kq33-head{display:block}.kq33-arena-link{margin-top:10px;width:100%}.kq33-body{height:auto;min-height:580px}.kq33-actions{display:block}.kq33-actions button{width:100%;margin-top:8px}.kq33-bubble{max-width:88%}}

/* KQ 3.3.1 Layout UX Fix: Lite Chat clean placement */
.kq33-lite{
  width:min(100%,1040px)!important;
  margin:10px auto!important;
  border-radius:22px!important;
}
.kq33-head{
  padding:12px 14px!important;
}
.kq33-head h2{
  font-size:clamp(22px,2.6vw,34px)!important;
}
.kq33-body{
  height:var(--kq33-height)!important;
  min-height:620px!important;
  grid-template-rows:minmax(0,1fr) auto!important;
  padding:10px!important;
}
.kq33-messages{
  min-height:0!important;
  height:100%!important;
}
.kq33-form{
  position:sticky!important;
  bottom:0!important;
  z-index:12!important;
}
.kq33-form{
  display:grid!important;
  grid-template-columns:220px minmax(0,1fr) auto!important;
  gap:8px!important;
  align-items:end!important;
}
.kq33-name{
  margin:0!important;
}
.kq33-message{
  margin:0!important;
  min-height:52px!important;
  max-height:140px!important;
}
.kq33-actions{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:7px!important;
  margin:0!important;
}
.kq33-actions button{
  min-width:110px!important;
  min-height:38px!important;
  margin:0!important;
}
.kq33-arena-link{
  min-height:42px!important;
}
@media(max-width:880px){
  .kq33-form{
    grid-template-columns:1fr!important;
  }
  .kq33-actions{
    grid-template-columns:1fr 1fr!important;
  }
}
@media(max-width:560px){
  .kq33-lite{
    margin:6px auto!important;
    border-radius:16px!important;
  }
  .kq33-head{
    padding:11px!important;
  }
  .kq33-body{
    min-height:620px!important;
    padding:8px!important;
  }
  .kq33-actions{
    grid-template-columns:1fr!important;
  }
  .kq33-bubble{
    max-width:90%!important;
  }
}