/* Khanom Quest Clean Core 3.2.0 */
.kq32-wrap{--kq32-bg:#07111f;--kq32-card:#fff;--kq32-line:#dbeafe;--kq32-green:#0f766e;--kq32-blue:#0284c7;box-sizing:border-box;width:min(100%,1480px);margin:16px auto;border-radius:24px;overflow:hidden;background:#f8fafc;border:1px solid #bae6fd;box-shadow:0 18px 50px rgba(2,132,199,.14);font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.kq32-wrap *{box-sizing:border-box}
.kq32-head{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;background:linear-gradient(135deg,#07111f,#0f766e 55%,#0284c7);color:#fff}
.kq32-kicker{display:inline-flex;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.2);padding:4px 8px;font-size:11px;font-weight:1000}.kq32-head h2{margin:5px 0 3px;font-size:clamp(22px,3vw,34px);line-height:1}.kq32-head p{margin:0;color:rgba(255,255,255,.86);font-weight:750}.kq32-head-tools{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.kq32-head-tools button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:8px 10px;font-weight:1000;cursor:pointer}
.kq32-body{height:var(--kq32-height);min-height:560px;display:grid;grid-template-columns:270px minmax(0,1fr);gap:12px;padding:12px;background:#f8fafc}
.kq32-side{min-height:0;overflow:auto;border-radius:22px;background:linear-gradient(180deg,#fff,#ecfeff);border:1px solid #dbeafe;padding:12px;color:#0f172a}.kq32-player{display:flex;align-items:center;gap:10px;margin-bottom:12px}.kq32-avatar,.kq32-msg-av{width:46px;height:46px;border-radius:999px;background:#0f766e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:1000;overflow:hidden;flex:0 0 auto}.kq32-avatar img,.kq32-msg-av img{width:100%;height:100%;object-fit:cover}.kq32-player-name{display:block}.kq32-qid{display:block;color:#64748b;font-weight:800}
.kq32-stat-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.kq32-stat-grid span{border:1px solid #e2e8f0;background:#fff;border-radius:14px;padding:9px;font-weight:900}.kq32-stat-grid b{color:#0f766e}.kq32-target{border:1px solid #fed7aa;background:#fff7ed;border-radius:16px;padding:10px;margin-bottom:10px;font-weight:900}.kq32-presence>b{display:block;margin:4px 0 8px}.kq32-presence-list{display:grid;gap:7px}.kq32-presence-list button{display:flex;align-items:center;gap:8px;border:1px solid #dbeafe;background:#fff;border-radius:999px;padding:6px 8px;font-weight:900;cursor:pointer;text-align:left}.kq32-presence-list img,.kq32-presence-list span{width:26px;height:26px;border-radius:999px;background:#0f766e;color:#fff;display:flex;align-items:center;justify-content:center;object-fit:cover}
.kq32-main{min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;position:relative;overflow:hidden}.kq32-panels{display:grid;gap:8px}.kq32-panel{display:none;border-radius:20px;background:#fff;border:1px solid #dbeafe;overflow:hidden;box-shadow:0 12px 28px rgba(2,132,199,.08)}.kq32-panel.open{display:block}.kq32-panel-head{display:flex;gap:8px;align-items:center;justify-content:space-between;padding:10px 12px;background:#0f172a;color:#fff}.kq32-panel-head input,.kq32-panel-head select{border-radius:999px;border:1px solid #cbd5e1;padding:7px 10px}.kq32-panel-head button{border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.12);color:#fff;border-radius:999px;padding:6px 9px;font-weight:900;cursor:pointer}
.kq32-messages{min-height:0;overflow:auto;border-radius:22px;background:#fff;border:1px solid #e2e8f0;padding:12px;scroll-behavior:smooth}.kq32-loading,.kq32-empty{padding:14px;text-align:center;color:#64748b;font-weight:850}.kq32-msg{display:flex;gap:9px;margin:10px 0}.kq32-bubble{max-width:min(780px,82%);border:1px solid #e2e8f0;border-radius:18px;padding:10px 12px;background:#fff;box-shadow:0 8px 20px rgba(15,23,42,.05)}.kq32-battle .kq32-bubble,.kq32-energy .kq32-bubble{background:#fffbeb;border-color:#fde68a}.kq32-meta{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:#64748b;font-weight:800}.kq32-meta b{color:#0f172a}.kq32-meta em{font-style:normal;background:#ecfeff;color:#0f766e;border-radius:999px;padding:2px 6px}.kq32-text{white-space:normal;overflow-wrap:anywhere;color:#0f172a}
.kq32-form{position:sticky;bottom:0;border-radius:20px;border:1px solid #bae6fd;background:rgba(255,255,255,.96);padding:10px;box-shadow:0 12px 34px rgba(2,6,23,.12)}.kq32-name-row{display:flex;gap:8px;margin-bottom:8px}.kq32-name,.kq32-message{width:100%;border:1px solid #cbd5e1;border-radius:16px;padding:10px;color:#0f172a;background:#fff}.kq32-message{resize:vertical;min-height:64px}.kq32-energy,.kq32-send{border:0;border-radius:999px;padding:9px 13px;font-weight:1000;cursor:pointer;white-space:nowrap}.kq32-energy{background:#fef3c7;color:#92400e}.kq32-send{background:linear-gradient(135deg,#0f766e,#0284c7);color:#fff}.kq32-actions{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;color:#64748b;font-size:12px;font-weight:800}
.kq32-rank-list{max-height:min(52vh,520px);overflow:auto;overscroll-behavior:contain;padding:8px}.kq32-rank-row{display:grid;grid-template-columns:34px 40px minmax(0,1fr) auto auto;gap:8px;align-items:center;border:1px solid #e2e8f0;border-radius:16px;padding:8px;margin:6px 0;background:#fff;cursor:pointer}.kq32-rank-row:hover{border-color:#0ea5e9;background:#ecfeff}.kq32-rank-row img{width:40px;height:40px;border-radius:999px;object-fit:cover}.kq32-rank-row small{display:block;color:#64748b;font-weight:800}.kq32-rank-row .acts{display:flex;gap:5px}.kq32-rank-row .acts button{width:30px;height:30px;border-radius:999px;border:1px solid #cbd5e1;background:#fff;cursor:pointer}
.kq32-item-grid,.kq32-upgrade-grid{max-height:min(48vh,420px);overflow:auto;padding:10px;display:grid;grid-template-columns:repeat(auto-fill,minmax(135px,1fr));gap:8px}.kq32-item,.kq32-up-card{position:relative;border:1px solid #dbeafe;border-radius:16px;background:#fff;padding:9px;display:grid;gap:5px;min-height:148px}.kq32-item.selected,.kq32-up-card.selected{outline:3px solid rgba(245,158,11,.35);background:#fff7ed}.kq32-item .pic,.kq32-up-card .pic{height:52px;border-radius:14px;background:#ecfeff;display:flex;align-items:center;justify-content:center;font-size:28px;overflow:hidden}.kq32-item img,.kq32-up-card img{width:100%;height:100%;object-fit:cover}.kq32-item b,.kq32-up-card b{font-size:13px}.kq32-item small,.kq32-up-card small{color:#64748b;font-weight:800}.kq32-item button,.kq32-up-card button{border:0;border-radius:999px;background:#0f766e;color:#fff;padding:6px 8px;font-weight:900;cursor:pointer}.kq32-up-card [data-up]{background:#f59e0b;color:#111827}.kq32-upgrade-picked{font-size:12px;font-weight:900;color:#fde68a}
.kq32-toast{position:fixed;left:50%;bottom:18px;transform:translateX(-50%);background:#0f172a;color:#fff;border-radius:999px;padding:10px 14px;font-weight:900;z-index:2147482000;box-shadow:0 14px 40px rgba(0,0,0,.25)}.kq32-fx-layer{position:absolute;inset:0;pointer-events:none;overflow:hidden;border-radius:20px;z-index:20}.kq32-fx{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);animation:kq32-fade 1s ease-out forwards}.kq32-fx b{font-size:44px;filter:drop-shadow(0 10px 20px rgba(0,0,0,.28))}.kq32-fx .ring{position:absolute;left:50%;top:50%;width:20px;height:20px;border-radius:999px;background:radial-gradient(circle,rgba(255,255,255,.95),rgba(14,165,233,.25),rgba(14,165,233,0));transform:translate(-50%,-50%);animation:kq32-ring 1s ease-out forwards}.kq32-fx i{position:absolute;width:9px;height:9px;border-radius:999px;background:#fff;animation:kq32-p 1s ease-out forwards}.kq32-fx i:nth-child(3){--x:-95px;--y:-50px}.kq32-fx i:nth-child(4){--x:82px;--y:-70px}.kq32-fx i:nth-child(5){--x:12px;--y:92px}@keyframes kq32-ring{to{opacity:0;transform:translate(-50%,-50%) scale(8)}}@keyframes kq32-fade{0%{opacity:0}15%{opacity:1}100%{opacity:0}}@keyframes kq32-p{to{opacity:0;transform:translate(var(--x),var(--y)) scale(.2)}}
.kq32-full{position:fixed!important;inset:0!important;width:100vw!important;height:100vh!important;max-width:none!important;margin:0!important;border-radius:0!important;z-index:2147481000!important}.kq32-full .kq32-body{height:calc(100vh - 96px);min-height:0}
@media(max-width:920px){.kq32-head{display:block}.kq32-head-tools{justify-content:flex-start;margin-top:10px}.kq32-body{grid-template-columns:1fr;height:auto;min-height:0}.kq32-side{max-height:35vh}.kq32-main{min-height:560px}.kq32-rank-row{grid-template-columns:30px 34px minmax(0,1fr);}.kq32-rank-row strong,.kq32-rank-row .acts{grid-column:3}.kq32-actions{display:block}.kq32-send{width:100%;margin-top:8px}}
@media(max-width:560px){.kq32-wrap{margin:8px auto;border-radius:16px}.kq32-head-tools button{font-size:12px;padding:7px 8px}.kq32-name-row{display:block}.kq32-energy{width:100%;margin-top:8px}.kq32-bubble{max-width:88%}.kq32-item-grid,.kq32-upgrade-grid{grid-template-columns:1fr 1fr}}


/* KQ 3.3.1 Layout UX Fix: Full Arena 3-column practical layout */
.kq32-wrap{
  width:min(100%,1600px)!important;
  margin:10px auto!important;
}
.kq32-head{
  padding:12px 14px!important;
}
.kq32-head h2{
  font-size:clamp(20px,2.2vw,30px)!important;
}
.kq32-head p{
  font-size:13px!important;
}
.kq32-head-tools button{
  min-height:36px!important;
}
.kq32-body{
  grid-template-columns:250px minmax(0,1fr) 360px!important;
  grid-template-areas:"side main panels"!important;
  height:var(--kq32-height)!important;
  min-height:620px!important;
  gap:10px!important;
}
.kq32-side{
  grid-area:side!important;
}
.kq32-main{
  grid-area:main!important;
  grid-template-rows:minmax(0,1fr) auto!important;
}
.kq32-panels{
  grid-area:panels!important;
  display:block!important;
  min-height:0!important;
  overflow:auto!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#ffffff,#f8fafc)!important;
  border:1px solid #dbeafe!important;
  padding:8px!important;
}
.kq32-panels:empty::before{
  content:"เลือกเครื่องมือด้านบน: Ranking / Battle Drawer / Upgrade / FX";
  display:flex;
  min-height:100%;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px;
  color:#64748b;
  font-weight:900;
}
.kq32-panel{
  display:none!important;
  margin:0 0 10px!important;
  box-shadow:none!important;
}
.kq32-panel.open{
  display:block!important;
}
.kq32-panel-head{
  position:sticky!important;
  top:0!important;
  z-index:4!important;
  border-radius:16px 16px 0 0!important;
}
.kq32-panel-head b{
  white-space:nowrap!important;
}
.kq32-panel-head input,
.kq32-panel-head select{
  min-width:0!important;
  max-width:150px!important;
}
.kq32-rank-list{
  max-height:calc(var(--kq32-height) - 160px)!important;
  min-height:320px!important;
}
.kq32-item-grid,
.kq32-upgrade-grid{
  max-height:calc(var(--kq32-height) - 160px)!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
.kq32-messages{
  min-height:0!important;
  height:100%!important;
}
.kq32-form{
  position:sticky!important;
  bottom:0!important;
  z-index:10!important;
}
.kq32-name-row{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
}
.kq32-actions span::before{
  content:"💬 ";
}
.kq32-full .kq32-body{
  height:calc(100vh - 88px)!important;
}

/* Full Arena: compact ranking rows for right panel */
.kq32-rank-row{
  grid-template-columns:28px 34px minmax(0,1fr)!important;
  gap:7px!important;
  padding:7px!important;
}
.kq32-rank-row strong{
  grid-column:3!important;
  justify-self:start!important;
  font-size:12px!important;
}
.kq32-rank-row .acts{
  grid-column:1 / -1!important;
  justify-content:flex-end!important;
}
.kq32-rank-row img{
  width:34px!important;
  height:34px!important;
}

/* Bigger, clearer item buttons */
.kq32-item,.kq32-up-card{
  min-height:156px!important;
}
.kq32-item button,.kq32-up-card button{
  min-height:32px!important;
}

/* Tablet: panels move below chat but remain usable */
@media(max-width:1180px){
  .kq32-body{
    grid-template-columns:220px minmax(0,1fr)!important;
    grid-template-areas:"side main" "panels panels"!important;
    height:auto!important;
    min-height:0!important;
  }
  .kq32-main{
    min-height:620px!important;
  }
  .kq32-panels{
    max-height:none!important;
  }
  .kq32-rank-list,
  .kq32-item-grid,
  .kq32-upgrade-grid{
    max-height:520px!important;
  }
}

/* Mobile: chat first, side and tools below */
@media(max-width:760px){
  .kq32-wrap{
    margin:6px auto!important;
    border-radius:16px!important;
  }
  .kq32-head{
    padding:11px!important;
  }
  .kq32-head-tools{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:7px!important;
  }
  .kq32-head-tools button{
    width:100%!important;
    min-height:42px!important;
    white-space:normal!important;
  }
  .kq32-body{
    display:flex!important;
    flex-direction:column!important;
    padding:8px!important;
  }
  .kq32-main{
    order:1!important;
    min-height:70vh!important;
  }
  .kq32-side{
    order:2!important;
    max-height:none!important;
  }
  .kq32-panels{
    order:3!important;
    max-height:none!important;
  }
  .kq32-form{
    border-radius:16px!important;
  }
  .kq32-name-row{
    display:block!important;
  }
  .kq32-energy{
    width:100%!important;
    margin-top:7px!important;
  }
  .kq32-actions{
    display:block!important;
  }
  .kq32-send{
    width:100%!important;
  }
  .kq32-item-grid,
  .kq32-upgrade-grid{
    grid-template-columns:1fr 1fr!important;
    max-height:58vh!important;
  }
  .kq32-rank-list{
    max-height:58vh!important;
  }
}


/* KQ 3.3.2 Layout Router + Ranking Fix */
.kq332-panels-routed .kq32-body{
  grid-template-columns:250px minmax(0,1fr) 360px!important;
  grid-template-areas:"side main panels"!important;
}
.kq332-panels-routed .kq32-side{grid-area:side!important}
.kq332-panels-routed .kq32-main{grid-area:main!important}
.kq332-panels-routed .kq32-panels{
  grid-area:panels!important;
  align-self:stretch!important;
  min-height:0!important;
  max-height:100%!important;
  overflow:auto!important;
}
.kq332-panels-routed .kq32-main{
  grid-template-rows:minmax(0,1fr) auto!important;
}
.kq332-panels-routed .kq32-panels .kq32-panel{
  width:100%!important;
}
.kq332-panels-routed .kq32-panels .kq32-panel:not(.open){
  display:none!important;
}
.kq332-panels-routed .kq32-panels .kq32-panel.open{
  display:block!important;
}
.kq332-panels-routed .kq32-messages{
  min-height:0!important;
}
.kq332-panels-routed .kq32-form{
  margin-top:0!important;
}

/* Ranking search and rows */
.kq32-rank-search{
  width:150px!important;
}
.kq32-rank-row .acts button::after{
  font-size:10px;
}
.kq32-rank-row .acts button{
  background:#fff!important;
}

/* Upgrade clarity */
.kq32-upgrade-picked{
  max-width:160px!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.kq32-up-card button[data-pick]{
  background:#0f766e!important;
}
.kq32-up-card button[data-up]{
  background:#f59e0b!important;
  color:#111827!important;
}

/* keep form below chat only, not overlaying drawer */
.kq32-main > .kq32-form{
  grid-row:auto!important;
}
.kq32-panels + .kq32-form{
  display:none!important;
}

@media(max-width:1180px){
  .kq332-panels-routed .kq32-body{
    grid-template-columns:220px minmax(0,1fr)!important;
    grid-template-areas:"side main" "panels panels"!important;
  }
}
@media(max-width:760px){
  .kq332-panels-routed .kq32-body{
    display:flex!important;
  }
  .kq332-panels-routed .kq32-main{order:1!important}
  .kq332-panels-routed .kq32-side{order:2!important}
  .kq332-panels-routed .kq32-panels{order:3!important}
}


/* KQ 3.3.3 Ranking Dock Fix */
.kq333-docked .kq32-panels{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:10px!important;
  overflow:hidden!important;
}
.kq333-docked .kq32-panel-ranking{
  display:block!important;
  min-height:0!important;
  max-height:42vh!important;
}
.kq333-docked .kq32-panel-ranking .kq32-rank-list{
  max-height:calc(42vh - 58px)!important;
  min-height:150px!important;
  overflow:auto!important;
}
.kq333-docked .kq32-panel:not(.kq32-panel-ranking).open{
  display:block!important;
  min-height:0!important;
  overflow:hidden!important;
}
.kq333-docked .kq32-panel:not(.kq32-panel-ranking):not(.open){
  display:none!important;
}
.kq333-docked .kq32-panel-items.open,
.kq333-docked .kq32-panel-upgrade.open{
  max-height:none!important;
}
.kq333-docked .kq32-item-grid,
.kq333-docked .kq32-upgrade-grid{
  max-height:calc(var(--kq32-height) - 420px)!important;
  min-height:190px!important;
  overflow:auto!important;
}
.kq32-rank-count{
  font-size:11px!important;
  color:#fde68a!important;
  margin-left:4px!important;
}
.kq333-docked .kq32-panel-head{
  padding:8px 10px!important;
}
.kq333-docked .kq32-panel-head input,
.kq333-docked .kq32-panel-head select{
  height:32px!important;
  padding:6px 9px!important;
}
.kq333-docked .kq32-rank-row{
  min-height:62px!important;
}
.kq333-docked .kq32-rank-row .acts button{
  opacity:.95!important;
}
@media(max-width:1180px){
  .kq333-docked .kq32-panels{
    grid-template-rows:auto auto!important;
    overflow:visible!important;
  }
  .kq333-docked .kq32-panel-ranking{
    max-height:none!important;
  }
  .kq333-docked .kq32-panel-ranking .kq32-rank-list{
    max-height:360px!important;
  }
  .kq333-docked .kq32-item-grid,
  .kq333-docked .kq32-upgrade-grid{
    max-height:430px!important;
  }
}
@media(max-width:760px){
  .kq333-docked .kq32-panel-ranking .kq32-rank-list{
    max-height:45vh!important;
  }
}


/* KQ 3.3.4 Weapon Dock UX */
.kq334-ux .kq32-body{
  grid-template-columns:285px minmax(0,1fr) 330px!important;
  grid-template-areas:"side main panels"!important;
}
.kq334-ux .kq32-side{
  display:flex!important;
  flex-direction:column!important;
  gap:10px!important;
}
.kq334-ux .kq32-side .kq32-presence{
  display:none!important;
}
.kq334-weapon-dock{
  flex:1 1 auto;
  min-height:0;
  display:grid;
  grid-template-rows:auto auto auto minmax(0,1fr) auto;
  gap:8px;
  border-radius:18px;
  border:1px solid #bae6fd;
  background:linear-gradient(180deg,#ffffff,#ecfeff);
  padding:9px;
}
.kq334-dock-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
}
.kq334-dock-head b{
  font-size:15px;
  color:#0f172a;
}
.kq334-dock-head button,
.kq334-filter button,
.kq334-actions button{
  border:0;
  border-radius:999px;
  padding:7px 9px;
  font-weight:1000;
  cursor:pointer;
}
.kq334-dock-head button{background:#e0f2fe;color:#075985}
.kq334-picked{
  padding:8px 10px;
  border-radius:14px;
  background:#fff7ed;
  border:1px solid #fed7aa;
  color:#92400e;
  font-weight:900;
  font-size:12px;
}
.kq334-filter{
  display:flex;
  gap:5px;
  flex-wrap:wrap;
}
.kq334-filter button{
  background:#fff;
  border:1px solid #dbeafe;
  color:#0f172a;
  font-size:11px;
  padding:6px 8px;
}
.kq334-filter button.active{
  background:#0f766e;
  color:#fff;
  border-color:#0f766e;
}
.kq334-weapon-list{
  overflow:auto;
  display:grid;
  gap:7px;
  padding-right:3px;
}
.kq334-weapon{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:8px;
  border:1px solid #dbeafe;
  background:#fff;
  border-radius:16px;
  padding:7px;
  cursor:pointer;
}
.kq334-weapon:hover,
.kq334-weapon.selected{
  border-color:#f59e0b;
  background:#fff7ed;
  box-shadow:0 0 0 2px rgba(245,158,11,.16) inset;
}
.kq334-weapon .pic{
  width:44px;
  height:44px;
  border-radius:14px;
  background:#ecfeff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  font-size:25px;
}
.kq334-weapon .pic img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.kq334-weapon b{
  display:block;
  color:#0f172a;
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kq334-weapon small{
  color:#64748b;
  font-weight:850;
  font-size:10px;
}
.kq334-weapon [data-use]{
  border:0;
  border-radius:999px;
  padding:7px 9px;
  background:#0f766e;
  color:#fff;
  font-weight:1000;
  cursor:pointer;
}
.kq334-actions{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:7px;
}
.kq334-actions [data-use]{
  background:#0f766e;
  color:#fff;
}
.kq334-actions [data-upgrade]{
  background:#f59e0b;
  color:#111827;
}

/* right column now defaults to Online, Ranking is a tab */
.kq334-ux .kq32-panels{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
  overflow:hidden!important;
}
.kq334-right-tabs{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:6px;
  background:#fff;
  border:1px solid #dbeafe;
  border-radius:18px;
  padding:6px;
}
.kq334-right-tabs button{
  border:0;
  border-radius:999px;
  padding:8px 8px;
  font-weight:1000;
  cursor:pointer;
  color:#0f172a;
  background:#f8fafc;
}
.kq334-right-tabs button.active{
  background:#0f766e;
  color:#fff;
}
.kq334-online-panel{
  display:none;
  min-height:0;
  overflow:hidden;
  border-radius:20px;
  background:#fff;
  border:1px solid #dbeafe;
}
.kq334-online-panel.open{
  display:block;
}
.kq334-online-list{
  padding:8px;
  overflow:auto;
  max-height:calc(var(--kq32-height) - 150px);
  display:grid;
  gap:7px;
}
.kq334-online-list button{
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid #dbeafe;
  background:#fff;
  border-radius:999px;
  padding:8px;
  cursor:pointer;
  font-weight:900;
}
.kq334-online-list img,
.kq334-online-list span{
  width:30px;
  height:30px;
  border-radius:999px;
  object-fit:cover;
  background:#0f766e;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
}
.kq334-ux .kq32-panel-ranking{
  display:none!important;
}
.kq334-ux .kq32-panel-ranking.kq334-active-view,
.kq334-ux .kq32-panel-ranking.open.kq334-active-view{
  display:block!important;
}
.kq334-ux .kq32-panel-items,
.kq334-ux .kq32-panel-upgrade{
  display:none!important;
}

/* stronger but still scoped FX */
.kq334-fx-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:22px;
  z-index:42;
}
.kq334-big-fx{
  position:absolute;
  left:50%;
  top:45%;
  width:1px;
  height:1px;
  transform:translate(-50%,-50%);
  animation:kq334-fade 1.32s ease-out forwards;
}
.kq334-big-fx b{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-size:76px;
  filter:drop-shadow(0 16px 30px rgba(0,0,0,.36));
}
.kq334-big-fx i{
  position:absolute;
  left:50%;
  top:50%;
  width:34px;
  height:34px;
  border-radius:999px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.98),rgba(14,165,233,.42),rgba(14,165,233,0));
  animation:kq334-ring 1.2s ease-out forwards;
}
.kq334-big-fx em{
  position:absolute;
  left:50%;
  top:50%;
  width:220px;
  height:5px;
  border-radius:999px;
  transform:translate(-50%,-50%) rotate(-18deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95),rgba(245,158,11,.85),rgba(255,255,255,0));
  animation:kq334-slash 1.05s ease-out forwards;
}
.kq334-big-fx span{
  position:absolute;
  width:14px;
  height:14px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 18px rgba(255,255,255,.9);
  animation:kq334-p 1.2s ease-out forwards;
}
.kq334-big-fx span:nth-child(3){--x:-160px;--y:-55px}
.kq334-big-fx span:nth-child(4){--x:140px;--y:-95px}
.kq334-big-fx span:nth-child(5){--x:-70px;--y:125px}
.kq334-big-fx span:nth-child(6){--x:120px;--y:90px}
@keyframes kq334-ring{
  0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(10)}
}
@keyframes kq334-slash{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scaleX(.15)}
  25%{opacity:1}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scaleX(2.8)}
}
@keyframes kq334-p{
  0%{opacity:1;transform:translate(0,0) scale(1)}
  100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.15)}
}
@keyframes kq334-fade{
  0%{opacity:0}
  12%{opacity:1}
  100%{opacity:0}
}

/* make center chat use width better */
.kq334-ux .kq32-messages{
  background:linear-gradient(180deg,#ffffff,#fbfdff);
}
.kq334-ux .kq32-bubble{
  max-width:min(760px,86%)!important;
}

@media(max-width:1180px){
  .kq334-ux .kq32-body{
    grid-template-columns:270px minmax(0,1fr)!important;
    grid-template-areas:"side main" "panels panels"!important;
  }
  .kq334-online-list{
    max-height:360px;
  }
}
@media(max-width:760px){
  .kq334-ux .kq32-body{
    display:flex!important;
  }
  .kq334-ux .kq32-main{order:1!important}
  .kq334-ux .kq32-side{order:2!important}
  .kq334-ux .kq32-panels{order:3!important}
  .kq334-weapon-dock{
    max-height:58vh;
  }
  .kq334-online-list{
    max-height:45vh;
  }
  .kq334-big-fx b{
    font-size:58px;
  }
}


/* KQ 3.3.5 Optional Pixi FX */
.kq335-pixi-host{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:46;
  overflow:hidden;
  border-radius:22px;
}
.kq335-pixi-host canvas{
  width:100%!important;
  height:100%!important;
  display:block!important;
}
.kq32-wrap[data-kq335-fx="pixi"] [data-kq32-open="fx"],
.kq32-wrap[data-kq335-fx="pixi"] .kq32-head-tools [data-kq32-open="fx"]{
  background:#f59e0b!important;
  color:#111827!important;
  border-color:#f59e0b!important;
}
.kq32-wrap[data-kq335-fx="off"] [data-kq32-open="fx"]{
  background:rgba(100,116,139,.45)!important;
  color:#fff!important;
}


/* KQ 3.3.6 UX Polish */
.kq336-hide-top-tool{
  display:none!important;
}
.kq336-polished .kq32-body{
  grid-template-columns:315px minmax(0,1fr) 330px!important;
}
.kq336-polished .kq32-side{
  overflow:hidden!important;
}
.kq336-polished .kq334-weapon-dock{
  grid-template-rows:auto auto auto minmax(270px,1fr) auto!important;
  min-height:520px!important;
}
.kq336-polished .kq334-weapon-list{
  display:block!important;
  overflow:auto!important;
  padding-right:4px!important;
}
.kq336-polished .kq334-weapon{
  grid-template-columns:54px minmax(0,1fr) auto!important;
  min-height:68px!important;
  margin-bottom:8px!important;
  padding:9px!important;
}
.kq336-polished .kq334-weapon .pic{
  width:54px!important;
  height:54px!important;
  font-size:31px!important;
}
.kq336-polished .kq334-weapon b{
  font-size:13px!important;
  white-space:normal!important;
  line-height:1.18!important;
  display:-webkit-box!important;
  -webkit-line-clamp:2!important;
  -webkit-box-orient:vertical!important;
}
.kq336-polished .kq334-weapon small{
  font-size:11px!important;
}
.kq336-polished .kq334-weapon [data-use]{
  min-width:48px!important;
  min-height:36px!important;
}
.kq336-polished .kq334-actions button{
  min-height:42px!important;
  font-size:14px!important;
}
.kq336-polished .kq334-picked{
  min-height:42px!important;
  display:flex!important;
  align-items:center!important;
}
.kq336-name-hidden{
  display:none!important;
}
.kq336-polished .kq32-name-row{
  display:block!important;
}
.kq336-polished .kq32-energy{
  width:100%!important;
  margin:0 0 8px!important;
  background:#fef3c7!important;
  color:#92400e!important;
}
.kq336-polished .kq32-message{
  min-height:60px!important;
}
.kq336-polished .kq32-actions span{
  display:none!important;
}
.kq336-polished .kq32-send{
  min-height:42px!important;
}

/* Reliable FX fallback when Pixi isn't ready */
.kq336-fallback-fx-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:22px;
  z-index:60;
}
.kq336-fallback-fx{
  position:absolute;
  left:50%;
  top:45%;
  width:1px;
  height:1px;
  transform:translate(-50%,-50%);
  animation:kq336-fade 1.18s ease-out forwards;
}
.kq336-fallback-fx b{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-size:82px;
  filter:drop-shadow(0 18px 32px rgba(0,0,0,.38));
}
.kq336-fallback-fx i{
  position:absolute;
  left:50%;
  top:50%;
  width:36px;
  height:36px;
  border-radius:999px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.98),rgba(245,158,11,.5),rgba(14,165,233,.28),rgba(14,165,233,0));
  animation:kq336-ring 1.1s ease-out forwards;
}
.kq336-fallback-fx em{
  position:absolute;
  left:50%;
  top:50%;
  width:260px;
  height:7px;
  border-radius:999px;
  transform:translate(-50%,-50%) rotate(-18deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95),rgba(245,158,11,.95),rgba(239,68,68,.8),rgba(255,255,255,0));
  animation:kq336-slash 1s ease-out forwards;
}
.kq336-fallback-fx span{
  position:absolute;
  width:15px;
  height:15px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 20px rgba(255,255,255,.95);
  animation:kq336-p 1.12s ease-out forwards;
}
.kq336-fallback-fx span:nth-child(3){--x:-175px;--y:-62px}
.kq336-fallback-fx span:nth-child(4){--x:150px;--y:-105px}
.kq336-fallback-fx span:nth-child(5){--x:-75px;--y:138px}
@keyframes kq336-ring{
  0%{opacity:1;transform:translate(-50%,-50%) scale(.35)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(11)}
}
@keyframes kq336-slash{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scaleX(.12)}
  20%{opacity:1}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scaleX(3)}
}
@keyframes kq336-p{
  0%{opacity:1;transform:translate(0,0) scale(1)}
  100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.15)}
}
@keyframes kq336-fade{
  0%{opacity:0}
  12%{opacity:1}
  100%{opacity:0}
}
.kq32-wrap[data-kq335-fx="pixi"] [data-kq32-open="fx"],
[data-fx-mode="pixi"]{
  background:#f59e0b!important;
  color:#111827!important;
}
.kq32-wrap[data-kq335-fx="off"] [data-kq32-open="fx"],
[data-fx-mode="off"]{
  background:#64748b!important;
  color:#fff!important;
}

/* use more vertical space */
.kq336-polished .kq32-messages{
  min-height:0!important;
}
@media(max-width:1180px){
  .kq336-polished .kq32-body{
    grid-template-columns:300px minmax(0,1fr)!important;
  }
  .kq336-polished .kq334-weapon-dock{
    min-height:460px!important;
  }
}
@media(max-width:760px){
  .kq336-polished .kq334-weapon-dock{
    min-height:520px!important;
    max-height:none!important;
  }
  .kq336-polished .kq334-weapon{
    min-height:72px!important;
  }
  .kq336-fallback-fx b{
    font-size:62px!important;
  }
}


/* KQ 3.3.7 FX Cycle + Online Target */
.kq337-ready [data-kq337-fx-toggle]{
  min-width:98px!important;
}
.kq337-ready[data-kq337-fx="pixi"] [data-kq337-fx-toggle],
.kq337-ready[data-kq335-fx="pixi"] [data-kq337-fx-toggle]{
  background:#f59e0b!important;
  color:#111827!important;
}
.kq337-ready[data-kq337-fx="off"] [data-kq337-fx-toggle],
.kq337-ready[data-kq335-fx="off"] [data-kq337-fx-toggle]{
  background:#64748b!important;
  color:#fff!important;
}

/* online target cards */
.kq334-online-list{
  display:grid!important;
  gap:8px!important;
}
.kq334-online-card{
  display:grid;
  grid-template-columns:38px minmax(0,1fr);
  gap:8px;
  border:1px solid #dbeafe;
  background:#fff;
  border-radius:16px;
  padding:8px;
  cursor:pointer;
}
.kq334-online-card:hover,
.kq334-online-card.selected-target{
  border-color:#f59e0b;
  background:#fff7ed;
  box-shadow:0 0 0 2px rgba(245,158,11,.18) inset;
}
.kq334-online-card .av{
  width:38px;
  height:38px;
  border-radius:999px;
  background:#0f766e;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  font-weight:1000;
}
.kq334-online-card .av img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.kq334-online-card .info b{
  display:block;
  color:#0f172a;
  font-size:13px;
}
.kq334-online-card .info small{
  color:#64748b;
  font-weight:850;
  font-size:11px;
}
.kq334-online-card .acts{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
  gap:6px;
}
.kq334-online-card .acts button{
  border:1px solid #cbd5e1;
  background:#fff;
  border-radius:999px;
  min-height:30px;
  padding:5px 9px;
  font-weight:1000;
  cursor:pointer;
}
.kq334-online-card [data-pick]{
  background:#0f766e!important;
  color:#fff!important;
  border-color:#0f766e!important;
}
.kq334-online-empty{
  padding:12px;
  text-align:center;
  color:#64748b;
  font-weight:900;
}

/* longer, stronger FX */
.kq337-fx-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:22px;
  z-index:80;
}
.kq337-fx{
  position:absolute;
  left:50%;
  top:45%;
  width:1px;
  height:1px;
  transform:translate(-50%,-50%);
  animation:kq337-fade 2.05s ease-out forwards;
}
.kq337-fx b{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-size:92px;
  filter:drop-shadow(0 20px 36px rgba(0,0,0,.42));
}
.kq337-fx i{
  position:absolute;
  left:50%;
  top:50%;
  width:42px;
  height:42px;
  border-radius:999px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.99),rgba(245,158,11,.58),rgba(14,165,233,.32),rgba(14,165,233,0));
  animation:kq337-ring 1.9s ease-out forwards;
}
.kq337-fx em{
  position:absolute;
  left:50%;
  top:50%;
  width:310px;
  height:8px;
  border-radius:999px;
  transform:translate(-50%,-50%) rotate(-18deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.98),rgba(245,158,11,.98),rgba(239,68,68,.9),rgba(255,255,255,0));
  animation:kq337-slash 1.75s ease-out forwards;
}
.kq337-fx span{
  position:absolute;
  width:16px;
  height:16px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 22px rgba(255,255,255,.98);
  animation:kq337-p 1.85s ease-out forwards;
}
.kq337-fx span:nth-child(3){--x:-190px;--y:-72px}
.kq337-fx span:nth-child(4){--x:165px;--y:-120px}
.kq337-fx span:nth-child(5){--x:-92px;--y:150px}
.kq337-fx span:nth-child(6){--x:145px;--y:120px}
@keyframes kq337-ring{
  0%{opacity:1;transform:translate(-50%,-50%) scale(.35)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(12)}
}
@keyframes kq337-slash{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scaleX(.1)}
  18%{opacity:1}
  70%{opacity:.65}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scaleX(3.4)}
}
@keyframes kq337-p{
  0%{opacity:1;transform:translate(0,0) scale(1)}
  100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.12)}
}
@keyframes kq337-fade{
  0%{opacity:0}
  9%{opacity:1}
  72%{opacity:.96}
  100%{opacity:0}
}
@media(max-width:760px){
  .kq337-fx b{
    font-size:66px!important;
  }
  .kq337-fx em{
    width:230px!important;
  }
}


/* KQ 3.3.8 Arena Polish + SFX + Bots */
.kq338-arena .kq32-body{
  grid-template-columns:315px minmax(0,1fr) 360px!important;
}
.kq338-arena .kq32-panels{
  grid-template-rows:auto minmax(0,1fr)!important;
  overflow:hidden!important;
}
.kq338-arena .kq334-online-panel{
  display:block!important;
  min-height:190px!important;
  max-height:32vh!important;
}
.kq338-arena .kq334-online-list{
  max-height:calc(32vh - 48px)!important;
  overflow:auto!important;
  min-height:130px!important;
}
.kq338-arena .kq32-panel-ranking{
  display:block!important;
  min-height:0!important;
  max-height:none!important;
}
.kq338-arena .kq32-panel-ranking .kq32-rank-list{
  max-height:calc(var(--kq32-height) - 310px)!important;
  min-height:260px!important;
  overflow:auto!important;
}
.kq338-arena .kq334-right-tabs{
  display:grid!important;
}

/* bot cards */
.kq334-online-card.bot{
  background:#f0f9ff;
  border-color:#bae6fd;
}
.kq334-online-card .info em{
  font-style:normal;
  font-size:9px;
  background:#0ea5e9;
  color:#fff;
  border-radius:999px;
  padding:1px 5px;
}

/* true fullscreen above mourning/admin bars */
.kq338-real-full,
.kq32-wrap:fullscreen{
  position:fixed!important;
  inset:0!important;
  width:100vw!important;
  height:100dvh!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  border-radius:0!important;
  z-index:2147483647!important;
}
.kq338-real-full .kq32-body,
.kq32-wrap:fullscreen .kq32-body{
  height:calc(100dvh - 86px)!important;
  min-height:0!important;
}
html.kq338-full-active,
html.kq338-full-active body{
  overflow:hidden!important;
}

/* SFX button */
[data-kq338-sfx]{
  min-width:96px!important;
}
.kq338-arena .kq32-head-tools{
  align-items:center!important;
}

/* if not fullscreen, give online priority */
@media(max-height:820px){
  .kq338-arena .kq334-online-panel{
    min-height:165px!important;
    max-height:28vh!important;
  }
  .kq338-arena .kq334-online-list{
    max-height:calc(28vh - 48px)!important;
  }
  .kq338-arena .kq32-panel-ranking .kq32-rank-list{
    max-height:calc(var(--kq32-height) - 285px)!important;
  }
}
@media(max-width:1180px){
  .kq338-arena .kq32-body{
    grid-template-columns:300px minmax(0,1fr)!important;
  }
  .kq338-arena .kq334-online-panel{
    max-height:none!important;
  }
  .kq338-arena .kq334-online-list{
    max-height:300px!important;
  }
  .kq338-arena .kq32-panel-ranking .kq32-rank-list{
    max-height:420px!important;
  }
}
@media(max-width:760px){
  .kq338-arena .kq334-online-list{
    max-height:42vh!important;
  }
  .kq338-arena .kq32-panel-ranking .kq32-rank-list{
    max-height:48vh!important;
  }
}


/* KQ 3.3.9 Fullscreen Ranking Expand
   Normal mode: Online first.
   Fullscreen only: Ranking stretches downward. */
.kq338-arena:not(.kq338-real-full):not(:fullscreen) .kq334-online-panel{
  min-height:190px!important;
  max-height:32vh!important;
}
.kq338-arena:not(.kq338-real-full):not(:fullscreen) .kq334-online-list{
  max-height:calc(32vh - 48px)!important;
}
.kq338-arena:not(.kq338-real-full):not(:fullscreen) .kq32-panel-ranking .kq32-rank-list{
  max-height:calc(var(--kq32-height) - 310px)!important;
  min-height:240px!important;
}

/* Fullscreen: make right column a proper vertical split */
.kq32-wrap.kq338-real-full .kq32-panels,
.kq32-wrap:fullscreen .kq32-panels{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr)!important;
  gap:8px!important;
  min-height:0!important;
  height:100%!important;
  overflow:hidden!important;
}

/* Fullscreen: keep Online visible but compact */
.kq32-wrap.kq338-real-full .kq334-online-panel,
.kq32-wrap:fullscreen .kq334-online-panel{
  display:block!important;
  min-height:155px!important;
  max-height:210px!important;
  overflow:hidden!important;
}
.kq32-wrap.kq338-real-full .kq334-online-list,
.kq32-wrap:fullscreen .kq334-online-list{
  max-height:158px!important;
  min-height:96px!important;
  overflow:auto!important;
}

/* Fullscreen: Ranking gets all remaining height */
.kq32-wrap.kq338-real-full .kq32-panel-ranking,
.kq32-wrap:fullscreen .kq32-panel-ranking{
  display:block!important;
  min-height:0!important;
  height:100%!important;
  max-height:none!important;
  overflow:hidden!important;
}
.kq32-wrap.kq338-real-full .kq32-panel-ranking .kq32-rank-list,
.kq32-wrap:fullscreen .kq32-panel-ranking .kq32-rank-list{
  height:calc(100dvh - 360px)!important;
  max-height:none!important;
  min-height:320px!important;
  overflow:auto!important;
}

/* Fullscreen: give the arena all vertical space without fighting mourning/admin bars */
.kq32-wrap.kq338-real-full .kq32-body,
.kq32-wrap:fullscreen .kq32-body{
  height:calc(100dvh - 82px)!important;
  min-height:0!important;
}
.kq32-wrap.kq338-real-full .kq32-main,
.kq32-wrap:fullscreen .kq32-main,
.kq32-wrap.kq338-real-full .kq32-side,
.kq32-wrap:fullscreen .kq32-side{
  min-height:0!important;
  height:100%!important;
}

/* Fullscreen: keep chat composer visible */
.kq32-wrap.kq338-real-full .kq32-form,
.kq32-wrap:fullscreen .kq32-form{
  position:sticky!important;
  bottom:0!important;
  z-index:12!important;
}

@media(max-width:1180px){
  .kq32-wrap.kq338-real-full .kq32-panel-ranking .kq32-rank-list,
  .kq32-wrap:fullscreen .kq32-panel-ranking .kq32-rank-list{
    height:420px!important;
  }
}


/* KQ 3.4.0 clean right dock + big FX */
.kq340-clean-right .kq32-panels{
  display:block!important;
  overflow:hidden!important;
}
.kq340-clean-right .kq32-panels > *:not(.kq340-right-dock){
  display:none!important;
}
.kq340-right-dock{
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
  height:100%;
  min-height:0;
  gap:8px;
}
.kq340-tabs{
  display:grid;
  grid-template-columns:1fr 1fr 1fr;
  gap:6px;
  padding:6px;
  border-radius:18px;
  border:1px solid #dbeafe;
  background:#fff;
}
.kq340-tabs button{
  border:0;
  border-radius:999px;
  padding:8px 6px;
  font-size:12px;
  font-weight:1000;
  background:#f8fafc;
  color:#0f172a;
  cursor:pointer;
}
.kq340-tabs button.active{
  background:#0f766e;
  color:#fff;
}
.kq340-view{
  display:none;
  min-height:0;
  overflow:hidden;
  border-radius:20px;
  border:1px solid #dbeafe;
  background:#fff;
}
.kq340-view.active{
  display:grid!important;
  grid-template-rows:auto minmax(0,1fr);
}
.kq340-title{
  padding:9px 10px;
  background:#0f172a;
  color:#fff;
  font-weight:1000;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
}
.kq340-title input{
  min-width:0;
  width:140px;
  border-radius:999px;
  border:1px solid #cbd5e1;
  padding:6px 9px;
}
.kq340-online-list,
.kq340-bot-list,
.kq340-rank-list{
  min-height:0;
  overflow:auto;
  padding:8px;
  display:grid;
  gap:8px;
  align-content:start;
}
.kq340-card{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:8px;
  border:1px solid #dbeafe;
  border-radius:16px;
  background:#fff;
  padding:8px;
  cursor:pointer;
}
.kq340-card.rank{
  grid-template-columns:26px 42px minmax(0,1fr);
}
.kq340-card:hover,
.kq340-card.selected-target{
  border-color:#f59e0b;
  background:#fff7ed;
  box-shadow:0 0 0 2px rgba(245,158,11,.18) inset;
}
.kq340-card.bot{
  background:#f0f9ff;
  border-color:#bae6fd;
}
.kq340-card .av,
.kq340-card .rankno{
  width:42px;
  height:42px;
  border-radius:999px;
  background:#0f766e;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  font-weight:1000;
}
.kq340-card .rankno{
  width:26px;
  background:transparent;
  color:#0f172a;
}
.kq340-card .av img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.kq340-card .info b{
  display:block;
  color:#0f172a;
  font-size:13px;
}
.kq340-card .info em{
  font-style:normal;
  font-size:9px;
  background:#0ea5e9;
  color:#fff;
  border-radius:999px;
  padding:1px 5px;
}
.kq340-card .info small{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:850;
}
.kq340-card .info strong{
  display:block;
  margin-top:3px;
  color:#0f766e;
  font-size:12px;
}
.kq340-card .acts{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
  gap:6px;
}
.kq340-card .acts button{
  border:1px solid #cbd5e1;
  background:#fff;
  border-radius:999px;
  min-height:30px;
  padding:5px 9px;
  font-weight:1000;
  cursor:pointer;
}
.kq340-card [data-act="pick"]{
  background:#0f766e!important;
  color:#fff!important;
  border-color:#0f766e!important;
}
.kq340-empty{
  padding:14px;
  text-align:center;
  color:#64748b;
  font-weight:900;
}

/* Fullscreen: selected view stretches to the bottom */
.kq32-wrap.kq338-real-full .kq340-right-dock,
.kq32-wrap:fullscreen .kq340-right-dock{
  height:100%!important;
}
.kq32-wrap.kq338-real-full .kq340-view.active,
.kq32-wrap:fullscreen .kq340-view.active{
  height:100%!important;
}
.kq32-wrap.kq338-real-full .kq340-online-list,
.kq32-wrap:fullscreen .kq340-online-list,
.kq32-wrap.kq338-real-full .kq340-rank-list,
.kq32-wrap:fullscreen .kq340-rank-list,
.kq32-wrap.kq338-real-full .kq340-bot-list,
.kq32-wrap:fullscreen .kq340-bot-list{
  height:100%!important;
  max-height:none!important;
}

/* Bigger visible FX */
.kq340-fx-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:22px;
  z-index:100;
}
.kq340-big-fx{
  position:absolute;
  left:50%;
  top:43%;
  width:1px;
  height:1px;
  transform:translate(-50%,-50%);
  animation:kq340-fade 2.45s ease-out forwards;
}
.kq340-big-fx b{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%,-50%);
  font-size:clamp(96px,13vw,190px);
  filter:drop-shadow(0 24px 42px rgba(0,0,0,.46));
}
.kq340-big-fx .aura{
  position:absolute;
  left:50%;
  top:50%;
  width:90px;
  height:90px;
  border-radius:999px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.98),rgba(245,158,11,.65),rgba(14,165,233,.35),rgba(14,165,233,0));
  animation:kq340-aura 2.15s ease-out forwards;
}
.kq340-big-fx em{
  position:absolute;
  left:50%;
  top:50%;
  width:min(560px,70vw);
  height:12px;
  border-radius:999px;
  transform:translate(-50%,-50%) rotate(-18deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.98),rgba(245,158,11,.98),rgba(239,68,68,.9),rgba(255,255,255,0));
  animation:kq340-slash 2s ease-out forwards;
}
.kq340-big-fx strong{
  position:absolute;
  left:50%;
  top:50%;
  width:min(500px,62vw);
  height:8px;
  border-radius:999px;
  transform:translate(-50%,-50%) rotate(16deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(56,189,248,.95),rgba(255,255,255,.95),rgba(255,255,255,0));
  animation:kq340-slash2 1.8s ease-out forwards;
}
.kq340-big-fx i{
  position:absolute;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 28px rgba(255,255,255,1);
  animation:kq340-p 2.2s ease-out forwards;
}
.kq340-big-fx i:nth-child(4){--x:-240px;--y:-90px}
.kq340-big-fx i:nth-child(5){--x:230px;--y:-145px}
.kq340-big-fx i:nth-child(6){--x:-120px;--y:190px}
.kq340-big-fx i:nth-child(7){--x:205px;--y:150px}
.kq340-big-fx i:nth-child(8){--x:0px;--y:-230px}
@keyframes kq340-aura{
  0%{opacity:1;transform:translate(-50%,-50%) scale(.25)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(9)}
}
@keyframes kq340-slash{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scaleX(.08)}
  15%{opacity:1}
  76%{opacity:.72}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scaleX(2.2)}
}
@keyframes kq340-slash2{
  0%{opacity:0;transform:translate(-50%,-50%) rotate(16deg) scaleX(.08)}
  20%{opacity:.88}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(16deg) scaleX(2)}
}
@keyframes kq340-p{
  0%{opacity:1;transform:translate(0,0) scale(1)}
  100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.1)}
}
@keyframes kq340-fade{
  0%{opacity:0}
  8%{opacity:1}
  78%{opacity:1}
  100%{opacity:0}
}
@media(max-width:760px){
  .kq340-tabs{
    grid-template-columns:1fr 1fr 1fr;
  }
  .kq340-card.rank{
    grid-template-columns:24px 38px minmax(0,1fr);
  }
}


/* KQ 3.4.1 Social Bot Online */
.kq341-social-bot .kq340-tabs.kq341-two-tabs{
  grid-template-columns:1fr 1fr!important;
}
.kq341-social-bot .kq340-tabs [data-view="bots"],
.kq341-social-bot .kq340-bots{
  display:none!important;
}
.kq341-social-bot .kq340-online .kq340-title::after{
  content:"บอทอยู่รวมในออนไลน์";
  font-size:10px;
  color:#bae6fd;
  font-weight:900;
}
.kq341-social-bot .kq340-card.bot{
  background:linear-gradient(180deg,#f0f9ff,#ecfeff)!important;
  border-style:dashed!important;
}
.kq341-social-bot .kq340-card.bot .av{
  background:#0284c7!important;
}
.kq341-social-bot .kq340-card.bot .info em{
  background:#0284c7!important;
}
.kq341-social-bot .kq340-card.bot .info small::after{
  content:" · ผู้ช่วย";
}
.kq341-social-bot .kq32-msg.kq32-bot .kq32-bubble{
  background:#f0f9ff!important;
  border-color:#bae6fd!important;
}
.kq341-social-bot .kq32-msg.kq32-bot .kq32-meta b::after{
  content:" BOT";
  display:inline-flex;
  margin-left:5px;
  padding:1px 5px;
  border-radius:999px;
  background:#0284c7;
  color:#fff;
  font-size:9px;
}


/* KQ 3.4.2 Small Screen Ranking Readability */
.kq342-small-rank-fix .kq340-rank-list{
  padding:8px!important;
}
.kq342-small-rank-fix .kq340-card.rank{
  grid-template-columns:26px 46px minmax(0,1fr)!important;
  align-items:start!important;
  gap:8px!important;
  min-height:96px!important;
}
.kq342-small-rank-fix .kq340-card.rank .info{
  min-width:0!important;
}
.kq342-small-rank-fix .kq340-card.rank .info b{
  display:block!important;
  white-space:normal!important;
  overflow:visible!important;
  text-overflow:clip!important;
  line-height:1.2!important;
  max-width:100%!important;
  word-break:break-word!important;
  overflow-wrap:anywhere!important;
  font-size:13px!important;
}
.kq342-small-rank-fix .kq340-card.rank .info small{
  white-space:normal!important;
  overflow-wrap:anywhere!important;
}
.kq342-small-rank-fix .kq340-card.rank .acts{
  grid-column:1 / -1!important;
  justify-content:flex-end!important;
}
.kq342-small-rank-fix .kq340-card.rank .acts button{
  min-width:38px!important;
}

/* When right column is narrow, ranking becomes a readable stacked card */
@media(max-width:1450px){
  .kq342-small-rank-fix .kq340-card.rank{
    grid-template-columns:24px 42px minmax(0,1fr)!important;
  }
  .kq342-small-rank-fix .kq340-title{
    flex-wrap:wrap!important;
  }
  .kq342-small-rank-fix .kq340-title input{
    width:100%!important;
    max-width:none!important;
  }
}
@media(max-width:1180px){
  .kq342-small-rank-fix .kq340-card.rank{
    grid-template-columns:28px 46px minmax(0,1fr)!important;
  }
}


/* KQ 3.4.3 Send + Bot Rescue */
.kq343-rescue .kq32-send{
  min-height:42px!important;
  min-width:92px!important;
}
.kq343-bot-card{
  background:linear-gradient(180deg,#f0f9ff,#ecfeff)!important;
  border:1px dashed #7dd3fc!important;
}
.kq343-bot-card .av{
  background:#0284c7!important;
}
.kq343-bot-card .info em{
  background:#0284c7!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:1px 5px!important;
  font-size:9px!important;
}
.kq343-rescue .kq32-msg.kq32-bot .kq32-bubble{
  background:#f0f9ff!important;
  border-color:#bae6fd!important;
}
.kq343-rescue .kq32-message{
  pointer-events:auto!important;
}


/* KQ 3.4.4 Bot Engine Hard Fix */
.kq344-bot-card{
  background:linear-gradient(180deg,#f0f9ff,#ecfeff)!important;
  border:1px dashed #7dd3fc!important;
}
.kq344-bot-card .av{
  background:#0284c7!important;
}
.kq344-bot-card .info em{
  background:#0284c7!important;
  color:#fff!important;
  border-radius:999px!important;
  padding:1px 5px!important;
  font-size:9px!important;
}
.kq344-bot-fixed .kq32-msg.kq32-bot .kq32-bubble{
  background:#f0f9ff!important;
  border-color:#bae6fd!important;
}


/* KQ 3.4.5 Avatar Duel FX + Name Fix */
.kq345-rename{
  border:1px solid #bae6fd;
  background:#ecfeff;
  color:#075985;
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;
  font-weight:1000;
  cursor:pointer;
  margin-left:auto;
}
.kq345-name-fixed .kq32-player{
  flex-wrap:wrap;
}
.kq345-avatar-fx-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:22px;
  z-index:140;
}
.kq345-avatar-duel-fx{
  position:absolute;
  inset:0;
  animation:kq345-fade 2.55s ease-out forwards;
}
.kq345-avatar-duel-fx .kq345-aura{
  position:absolute;
  left:50%;
  top:44%;
  width:110px;
  height:110px;
  border-radius:999px;
  transform:translate(-50%,-50%);
  background:radial-gradient(circle,rgba(255,255,255,.98),rgba(245,158,11,.55),rgba(14,165,233,.26),rgba(14,165,233,0));
  animation:kq345-aura 2.25s ease-out forwards;
}
.kq345-avatar-duel-fx .kq345-face{
  position:absolute;
  top:43%;
  width:118px;
  height:118px;
  border-radius:999px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#fff;
  border:5px solid rgba(255,255,255,.95);
  box-shadow:0 22px 44px rgba(0,0,0,.34);
  overflow:visible;
  z-index:3;
}
.kq345-avatar-duel-fx .kq345-face img,
.kq345-avatar-duel-fx .kq345-face span{
  width:100%;
  height:100%;
  border-radius:999px;
  object-fit:cover;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0f766e;
  color:#fff;
  font-size:52px;
  font-weight:1000;
}
.kq345-avatar-duel-fx .kq345-face small{
  position:absolute;
  top:124px;
  left:50%;
  transform:translateX(-50%);
  background:rgba(15,23,42,.88);
  color:#fff;
  border-radius:999px;
  padding:4px 9px;
  font-size:11px;
  font-weight:1000;
  white-space:nowrap;
  max-width:150px;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kq345-avatar-duel-fx .kq345-face.me{
  left:18%;
  animation:kq345-me 2.25s ease-out forwards;
}
.kq345-avatar-duel-fx .kq345-face.target{
  right:18%;
  animation:kq345-target 2.25s ease-out forwards;
}
.kq345-avatar-duel-fx .kq345-impact{
  position:absolute;
  left:50%;
  top:43%;
  transform:translate(-50%,-50%);
  z-index:4;
  animation:kq345-impact 2.25s ease-out forwards;
}
.kq345-avatar-duel-fx .kq345-impact b{
  font-size:clamp(80px,11vw,160px);
  filter:drop-shadow(0 20px 34px rgba(0,0,0,.45));
}
.kq345-avatar-duel-fx em,
.kq345-avatar-duel-fx strong{
  position:absolute;
  left:50%;
  top:44%;
  width:min(560px,70vw);
  height:10px;
  border-radius:999px;
  transform:translate(-50%,-50%) rotate(-18deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.98),rgba(245,158,11,.98),rgba(239,68,68,.82),rgba(255,255,255,0));
  animation:kq345-slash 2.05s ease-out forwards;
  z-index:2;
}
.kq345-avatar-duel-fx strong{
  transform:translate(-50%,-50%) rotate(17deg);
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(56,189,248,.98),rgba(255,255,255,.98),rgba(255,255,255,0));
  animation:kq345-slash2 1.9s ease-out forwards;
}
.kq345-avatar-duel-fx i{
  position:absolute;
  left:50%;
  top:44%;
  width:18px;
  height:18px;
  border-radius:999px;
  background:#fff;
  box-shadow:0 0 24px rgba(255,255,255,1);
  animation:kq345-p 2.2s ease-out forwards;
  z-index:5;
}
.kq345-avatar-duel-fx i:nth-child(6){--x:-230px;--y:-92px}
.kq345-avatar-duel-fx i:nth-child(7){--x:230px;--y:-125px}
.kq345-avatar-duel-fx i:nth-child(8){--x:-96px;--y:180px}
@keyframes kq345-me{
  0%{opacity:0;transform:translate(-110px,-50%) scale(.5)}
  24%{opacity:1}
  52%{transform:translate(150px,-50%) scale(1.08)}
  72%{transform:translate(105px,-50%) scale(1)}
  100%{opacity:0;transform:translate(75px,-50%) scale(.9)}
}
@keyframes kq345-target{
  0%{opacity:0;transform:translate(110px,-50%) scale(.5)}
  24%{opacity:1}
  52%{transform:translate(-150px,-50%) scale(1.08)}
  72%{transform:translate(-105px,-50%) scale(1)}
  100%{opacity:0;transform:translate(-75px,-50%) scale(.9)}
}
@keyframes kq345-impact{
  0%,35%{opacity:0;transform:translate(-50%,-50%) scale(.25) rotate(-10deg)}
  50%{opacity:1;transform:translate(-50%,-50%) scale(1.15) rotate(6deg)}
  85%{opacity:1;transform:translate(-50%,-50%) scale(1) rotate(0)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(.7)}
}
@keyframes kq345-aura{
  0%{opacity:1;transform:translate(-50%,-50%) scale(.25)}
  100%{opacity:0;transform:translate(-50%,-50%) scale(9)}
}
@keyframes kq345-slash{
  0%,35%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scaleX(.1)}
  52%{opacity:1}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(-18deg) scaleX(2.3)}
}
@keyframes kq345-slash2{
  0%,40%{opacity:0;transform:translate(-50%,-50%) rotate(17deg) scaleX(.1)}
  58%{opacity:.9}
  100%{opacity:0;transform:translate(-50%,-50%) rotate(17deg) scaleX(2)}
}
@keyframes kq345-p{
  0%,45%{opacity:1;transform:translate(0,0) scale(1)}
  100%{opacity:0;transform:translate(var(--x),var(--y)) scale(.1)}
}
@keyframes kq345-fade{
  0%{opacity:0}
  8%{opacity:1}
  82%{opacity:1}
  100%{opacity:0}
}
@media(max-width:760px){
  .kq345-avatar-duel-fx .kq345-face{
    width:82px;
    height:82px;
  }
  .kq345-avatar-duel-fx .kq345-face.me{left:10%}
  .kq345-avatar-duel-fx .kq345-face.target{right:10%}
  .kq345-avatar-duel-fx .kq345-face small{
    top:88px;
    max-width:90px;
    font-size:9px;
  }
}


/* KQ 3.4.6 Auto Name WP/QID Fix */
.kq346-auto-name .kq345-rename{
  background:#ecfeff!important;
  border-color:#7dd3fc!important;
}
.kq346-auto-name .kq32-player-name{
  overflow-wrap:anywhere;
}


/* KQ 3.4.7 Slower FX + Mobile 3-page Arena */
html.kq347-slow-fx .kq345-avatar-duel-fx,html.kq347-slow-fx .kq340-big-fx,html.kq347-slow-fx .kq337-fx,html.kq347-slow-fx .kq336-fallback-fx{animation-duration:3.45s!important}
html.kq347-slow-fx .kq345-avatar-duel-fx .kq345-impact,html.kq347-slow-fx .kq345-avatar-duel-fx .kq345-face,html.kq347-slow-fx .kq340-big-fx .aura,html.kq347-slow-fx .kq340-big-fx em,html.kq347-slow-fx .kq340-big-fx strong{animation-duration:3.15s!important}
.kq347-ux .kq340-card.rank .info b,.kq347-ux .kq340-card .info b{white-space:normal!important;line-height:1.18!important;overflow-wrap:anywhere!important}.kq347-ux .kq340-card.rank{min-height:98px!important}.kq347-ux .kq340-card.rank .info strong{display:inline-flex!important;margin-top:4px!important;padding:2px 7px!important;border-radius:999px!important;background:#ecfeff!important}.kq347-mobile-tabs,.kq347-fight-page{display:none}
@media(max-width:760px){.kq347-mobile-ready{margin:0!important;border-radius:0!important;min-height:100dvh!important}.kq347-mobile-ready .kq32-head{padding-bottom:58px!important}.kq347-mobile-tabs{position:fixed;left:0;right:0;bottom:0;z-index:2147482000;display:grid!important;grid-template-columns:1fr 1fr 1fr;gap:6px;padding:8px;background:rgba(15,23,42,.92);backdrop-filter:blur(10px)}.kq347-mobile-tabs button{border:1px solid rgba(255,255,255,.18);border-radius:999px;min-height:42px;background:rgba(255,255,255,.1);color:#fff;font-weight:1000}.kq347-mobile-tabs button.active{background:#0f766e}.kq347-mobile-ready .kq32-body{display:block!important;padding:8px!important;height:auto!important;min-height:calc(100dvh - 150px)!important;padding-bottom:72px!important}.kq347-mobile-ready .kq32-side,.kq347-mobile-ready .kq32-panels,.kq347-mobile-ready .kq347-fight-page,.kq347-mobile-ready .kq32-main{display:none!important}.kq347-mobile-ready.kq347-show-chat .kq32-main{display:grid!important;min-height:calc(100dvh - 180px)!important}.kq347-mobile-ready.kq347-show-chat .kq32-main .kq32-messages{min-height:calc(100dvh - 330px)!important}.kq347-mobile-ready.kq347-show-fight .kq32-side,.kq347-mobile-ready.kq347-show-fight .kq347-fight-page{display:block!important}.kq347-mobile-ready.kq347-show-fight .kq32-side{max-height:none!important;margin-bottom:8px!important}.kq347-mobile-ready.kq347-show-fight .kq334-weapon-dock{display:none!important}.kq347-mobile-ready.kq347-show-people .kq32-panels{display:block!important;min-height:calc(100dvh - 190px)!important}.kq347-mobile-ready.kq347-show-people .kq340-right-dock{min-height:calc(100dvh - 190px)!important}.kq347-fight-page{background:#fff;border:1px solid #bae6fd;border-radius:18px;padding:12px;margin:8px 0}.kq347-fight-head{background:#0f172a;color:#fff;border-radius:14px;padding:10px;margin-bottom:10px}.kq347-fight-page label{display:block;font-weight:1000;color:#0f172a;margin:10px 0}.kq347-fight-page select,.kq347-fight-page textarea{width:100%;margin-top:5px;border:1px solid #cbd5e1;border-radius:14px;padding:10px;background:#fff}.kq347-fight-actions{display:grid;grid-template-columns:1fr 1fr 1fr;gap:7px;margin:10px 0}.kq347-fight-actions button,.kq347-dm-send{border:0;border-radius:999px;min-height:42px;padding:9px;font-weight:1000;color:#fff;background:#0f766e}.kq347-fight-actions [data-kind="gift"]{background:#f59e0b;color:#111827}.kq347-fight-actions [data-kind="defend"]{background:#0284c7}.kq347-dm-send{width:100%;background:#0f172a}}


/* KQ 3.4.8 Send Loop Fix */
.kq348-send-fixed .kq32-send:disabled{
  opacity:.7!important;
  cursor:wait!important;
}
.kq348-send-fixed .kq32-message{
  pointer-events:auto!important;
}


/* KQ 3.4.9 Mobile UX Hard Fix */
.kq349-hard-mobile .kq32-player-name{
  overflow-wrap:anywhere;
}
.kq349-fight-page,
.kq349-mobile-tabs{
  display:none;
}
@media(max-width:760px){
  .kq349-hard-mobile{
    width:100%!important;
    min-height:100dvh!important;
    margin:0!important;
    border-radius:0!important;
  }
  .kq349-hard-mobile .kq32-head{
    padding:12px!important;
    min-height:auto!important;
  }
  .kq349-hard-mobile .kq32-head h2{
    font-size:28px!important;
    line-height:1.05!important;
  }
  .kq349-hard-mobile .kq32-head p{
    font-size:14px!important;
    line-height:1.35!important;
  }
  .kq349-hard-mobile .kq32-head-tools{
    display:grid!important;
    grid-template-columns:1fr 1fr!important;
    gap:8px!important;
    margin-top:10px!important;
  }
  .kq349-hard-mobile .kq32-head-tools button{
    min-height:44px!important;
    font-size:14px!important;
  }
  .kq349-mobile-tabs{
    display:grid!important;
    position:fixed!important;
    left:0!important;
    right:0!important;
    bottom:0!important;
    z-index:2147483000!important;
    grid-template-columns:1fr 1fr 1fr!important;
    gap:8px!important;
    padding:8px!important;
    background:rgba(15,23,42,.94)!important;
    backdrop-filter:blur(10px);
  }
  .kq349-mobile-tabs button{
    border:1px solid rgba(255,255,255,.18)!important;
    border-radius:999px!important;
    min-height:48px!important;
    background:#374151!important;
    color:#fff!important;
    font-weight:1000!important;
    font-size:16px!important;
  }
  .kq349-mobile-tabs button.active{
    background:#0f766e!important;
  }
  .kq349-hard-mobile .kq32-body{
    display:block!important;
    height:auto!important;
    min-height:calc(100dvh - 210px)!important;
    padding:8px 8px 76px!important;
  }
  .kq349-hard-mobile .kq32-main,
  .kq349-hard-mobile .kq32-side,
  .kq349-hard-mobile .kq32-panels,
  .kq349-hard-mobile .kq349-fight-page{
    display:none!important;
  }
  .kq349-hard-mobile.kq349-page-chat .kq32-main{
    display:grid!important;
    grid-template-rows:minmax(0,1fr) auto!important;
    min-height:calc(100dvh - 230px)!important;
  }
  .kq349-hard-mobile.kq349-page-chat .kq32-messages{
    min-height:calc(100dvh - 385px)!important;
    max-height:calc(100dvh - 385px)!important;
  }
  .kq349-hard-mobile.kq349-page-chat .kq32-form{
    position:sticky!important;
    bottom:70px!important;
  }
  .kq349-hard-mobile.kq349-page-fight .kq349-fight-page{
    display:block!important;
  }
  .kq349-hard-mobile.kq349-page-fight .kq32-side{
    display:block!important;
  }
  .kq349-hard-mobile.kq349-page-fight .kq32-player{
    display:none!important;
  }
  .kq349-hard-mobile.kq349-page-fight .kq32-stat-grid,
  .kq349-hard-mobile.kq349-page-fight .kq32-target{
    display:none!important;
  }
  .kq349-hard-mobile.kq349-page-fight .kq334-weapon-dock{
    display:none!important;
  }
  .kq349-fight-page{
    background:#fff!important;
    border:1px solid #bae6fd!important;
    border-radius:18px!important;
    padding:12px!important;
    box-shadow:0 12px 30px rgba(2,132,199,.1)!important;
  }
  .kq349-fight-page .kq349-card{
    background:#0f172a!important;
    color:#fff!important;
    border-radius:15px!important;
    padding:12px!important;
    margin-bottom:12px!important;
  }
  .kq349-fight-page .kq349-card b{
    display:block!important;
    font-size:18px!important;
  }
  .kq349-fight-page .kq349-card small{
    color:#bae6fd!important;
    font-weight:800!important;
  }
  .kq349-fight-page label{
    display:block!important;
    margin:10px 0!important;
    color:#0f172a!important;
    font-weight:1000!important;
  }
  .kq349-fight-page select,
  .kq349-fight-page textarea{
    width:100%!important;
    margin-top:6px!important;
    border:1px solid #cbd5e1!important;
    border-radius:14px!important;
    padding:12px!important;
    background:#fff!important;
    font-size:16px!important;
  }
  .kq349-actions{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    margin:12px 0!important;
  }
  .kq349-actions button,
  .kq349-dm-send{
    width:100%!important;
    border:0!important;
    border-radius:999px!important;
    min-height:48px!important;
    font-size:16px!important;
    font-weight:1000!important;
    background:#0f766e!important;
    color:#fff!important;
  }
  .kq349-actions [data-kind="gift"]{
    background:#f59e0b!important;
    color:#111827!important;
  }
  .kq349-actions [data-kind="defend"]{
    background:#0284c7!important;
  }
  .kq349-dm-send{
    background:#0f172a!important;
  }
  .kq349-hard-mobile.kq349-page-people .kq32-panels{
    display:block!important;
    min-height:calc(100dvh - 230px)!important;
  }
  .kq349-hard-mobile.kq349-page-people .kq340-right-dock{
    min-height:calc(100dvh - 230px)!important;
  }
  .kq349-hard-mobile.kq349-page-people .kq340-card{
    grid-template-columns:52px minmax(0,1fr)!important;
    min-height:96px!important;
  }
  .kq349-hard-mobile.kq349-page-people .kq340-card .info b{
    font-size:17px!important;
  }
  .kq349-hard-mobile.kq349-page-people .kq340-card .info small{
    font-size:13px!important;
  }
}


/* KQ 3.5.0 FX Combat Text */
.kq350-combat-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:22px;
  z-index:180;
}
.kq350-combat-text{
  position:absolute;
  left:50%;
  top:37%;
  transform:translate(-50%,-50%);
  min-width:min(520px,82%);
  text-align:center;
  animation:kq350-combat-pop 3.55s cubic-bezier(.2,.9,.2,1) forwards;
  filter:drop-shadow(0 22px 36px rgba(0,0,0,.34));
}
.kq350-combat-text .skill{
  display:inline-flex;
  max-width:100%;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(15,23,42,.88);
  color:#fff;
  font-weight:1000;
  font-size:clamp(14px,2vw,20px);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kq350-combat-text .result{
  margin:8px auto 4px;
  display:block;
  width:max-content;
  max-width:100%;
  padding:8px 18px;
  border-radius:20px;
  background:#fff7ed;
  color:#9a3412;
  border:2px solid #fed7aa;
  font-weight:1100;
  font-size:clamp(24px,5vw,58px);
  line-height:1;
  letter-spacing:.3px;
}
.kq350-combat-text.damage .result{
  background:#fef2f2;
  color:#dc2626;
  border-color:#fecaca;
}
.kq350-combat-text.gain .result{
  background:#ecfdf5;
  color:#047857;
  border-color:#a7f3d0;
}
.kq350-combat-text.shield .result{
  background:#eff6ff;
  color:#1d4ed8;
  border-color:#bfdbfe;
}
.kq350-combat-text .sub{
  display:inline-flex;
  max-width:100%;
  padding:6px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.9);
  color:#0f172a;
  font-weight:900;
  font-size:clamp(12px,1.6vw,16px);
}
@keyframes kq350-combat-pop{
  0%{opacity:0;transform:translate(-50%,-36%) scale(.65)}
  12%{opacity:1;transform:translate(-50%,-50%) scale(1.08)}
  26%{opacity:1;transform:translate(-50%,-50%) scale(1)}
  78%{opacity:1;transform:translate(-50%,-56%) scale(1)}
  100%{opacity:0;transform:translate(-50%,-76%) scale(.88)}
}
@media(max-width:760px){
  .kq350-combat-text{
    top:34%;
    min-width:88%;
  }
  .kq350-combat-text .skill{
    font-size:14px;
    max-width:92%;
  }
  .kq350-combat-text .result{
    font-size:32px;
  }
}


/* KQ 3.5.1 FX Text HUD Fix
   Combat text becomes a bottom HUD, not a center blocker. */
.kq350-combat-layer{
  z-index:181!important;
}
.kq350-combat-text{
  top:auto!important;
  bottom:18px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
  min-width:0!important;
  width:min(620px,88%)!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  grid-template-areas:"skill result" "sub result"!important;
  gap:4px 10px!important;
  align-items:center!important;
  padding:9px 12px!important;
  border-radius:20px!important;
  background:rgba(15,23,42,.72)!important;
  border:1px solid rgba(255,255,255,.18)!important;
  backdrop-filter:blur(8px)!important;
  filter:drop-shadow(0 14px 22px rgba(0,0,0,.28))!important;
  text-align:left!important;
  animation:kq351-hud-pop 3.35s ease-out forwards!important;
}
.kq350-combat-text .skill{
  grid-area:skill!important;
  display:block!important;
  padding:0!important;
  background:transparent!important;
  color:#fff!important;
  font-size:clamp(12px,1.5vw,15px)!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
.kq350-combat-text .result{
  grid-area:result!important;
  margin:0!important;
  padding:7px 11px!important;
  border-radius:999px!important;
  font-size:clamp(18px,3.1vw,30px)!important;
  line-height:1!important;
  white-space:nowrap!important;
  border-width:1px!important;
}
.kq350-combat-text .sub{
  grid-area:sub!important;
  display:block!important;
  padding:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.82)!important;
  font-size:clamp(10px,1.35vw,13px)!important;
  line-height:1.15!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  max-width:100%!important;
}
@keyframes kq351-hud-pop{
  0%{opacity:0;transform:translate(-50%,18px) scale(.96)}
  10%{opacity:1;transform:translate(-50%,0) scale(1)}
  78%{opacity:1;transform:translate(-50%,0) scale(1)}
  100%{opacity:0;transform:translate(-50%,16px) scale(.98)}
}

/* Let the main avatar/impact stay visually above the HUD area. */
.kq345-avatar-duel-fx .kq345-face,
.kq345-avatar-duel-fx .kq345-impact,
.kq340-big-fx b,
.kq340-big-fx .aura{
  z-index:150!important;
}

@media(max-width:760px){
  .kq350-combat-text{
    width:calc(100% - 22px)!important;
    bottom:78px!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:"result" "skill" "sub"!important;
    text-align:center!important;
    padding:8px 10px!important;
  }
  .kq350-combat-text .result{
    justify-self:center!important;
    font-size:24px!important;
  }
  .kq350-combat-text .skill,
  .kq350-combat-text .sub{
    text-align:center!important;
  }
}


/* KQ 3.5.2 Identity Lock */
.kq352-identity-lock .kq32-player-name{
  overflow-wrap:anywhere;
}
.kq352-identity-lock [data-name^="ผู้เล่น-"] .info b,
.kq352-identity-lock [data-name^="Player-"] .info b{
  color:#0f172a!important;
}


/* KQ 3.5.4 Member Register Red Blink */
.kq353-member-rename-lock .kq353-register-btn{
  background:#dc2626!important;
  border:2px solid #ef4444!important;
  color:#ffffff!important;
  font-size:12px!important;
  font-weight:800!important;
  max-width:135px!important;
  min-width:110px!important;
  white-space:nowrap!important;
  line-height:1.1!important;
  box-shadow:0 0 0 0 rgba(239,68,68,.85);
  animation:kq353BlinkPulse 1s ease-in-out infinite;
}
.kq353-member-rename-lock .kq353-register-btn:hover{
  background:#ef4444!important;
  border-color:#f87171!important;
  color:#fff!important;
}
@keyframes kq353BlinkPulse{
  0%{ opacity:1; box-shadow:0 0 0 0 rgba(239,68,68,.85); }
  50%{ opacity:.55; box-shadow:0 0 0 10px rgba(239,68,68,0); }
  100%{ opacity:1; box-shadow:0 0 0 0 rgba(239,68,68,0); }
}
@media(max-width:760px){
  .kq353-member-rename-lock .kq353-register-btn{
    max-width:160px!important;
    min-width:120px!important;
    font-size:13px!important;
    padding:8px 12px!important;
  }
}


/* KQ 3.5.5 Guest CTA Force */
.kq32-wrap.kq355-guest-cta .kq345-rename,
.kq32-wrap.kq355-guest-cta .kq353-register-btn,
.kq32-wrap .kq355-register-pulse{
  background:#dc2626!important;
  background-image:linear-gradient(180deg,#ef4444,#b91c1c)!important;
  border:2px solid #fca5a5!important;
  color:#ffffff!important;
  font-size:12px!important;
  font-weight:1000!important;
  min-width:96px!important;
  max-width:118px!important;
  white-space:nowrap!important;
  line-height:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.35)!important;
  box-shadow:0 0 0 0 rgba(239,68,68,.95),0 8px 18px rgba(185,28,28,.35)!important;
  animation:kq355RedBlink .85s ease-in-out infinite!important;
}
.kq32-wrap.kq355-guest-cta .kq345-rename:hover,
.kq32-wrap .kq355-register-pulse:hover{
  background:#ef4444!important;
  color:#fff!important;
}
@keyframes kq355RedBlink{
  0%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.95),0 8px 18px rgba(185,28,28,.35)}
  50%{opacity:.52;transform:scale(1.045);box-shadow:0 0 0 9px rgba(239,68,68,0),0 10px 24px rgba(185,28,28,.5)}
  100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0),0 8px 18px rgba(185,28,28,.35)}
}

/* KQ 3.5.5 FX Side Pop — wow text without blocking avatar duel */
.kq350-combat-text{
  display:none!important;
}
.kq355-sidepop-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:22px;
  z-index:190;
}
.kq355-sidepop{
  position:absolute;
  right:24px;
  top:50%;
  transform:translateY(-50%);
  width:min(330px,36%);
  min-height:120px;
  padding:14px 16px;
  border-radius:24px;
  background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(15,118,110,.72));
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 24px 55px rgba(0,0,0,.34);
  backdrop-filter:blur(10px);
  animation:kq355SidePop 3.15s cubic-bezier(.2,.9,.2,1) forwards;
  color:#fff;
}
.kq355-sidepop::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.5),rgba(245,158,11,.28),rgba(56,189,248,.2));
  z-index:-1;
  opacity:.65;
}
.kq355-sidepop .skill{
  font-size:clamp(13px,1.6vw,17px);
  font-weight:1000;
  line-height:1.15;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  color:#fefce8;
}
.kq355-sidepop .row{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin:8px 0 4px;
}
.kq355-sidepop b{
  font-size:clamp(44px,6vw,76px);
  line-height:.88;
  letter-spacing:-1.5px;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));
}
.kq355-sidepop span{
  font-size:clamp(14px,2vw,22px);
  font-weight:1000;
  padding-bottom:5px;
  opacity:.92;
}
.kq355-sidepop .sub{
  display:inline-flex;
  max-width:100%;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:rgba(255,255,255,.9);
  font-size:clamp(11px,1.35vw,14px);
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kq355-sidepop.damage b{color:#fecaca}
.kq355-sidepop.gain b{color:#bbf7d0}
.kq355-sidepop.shield b{color:#bfdbfe}
@keyframes kq355SidePop{
  0%{opacity:0;transform:translate(60px,-50%) scale(.78) rotate(2deg)}
  12%{opacity:1;transform:translate(0,-50%) scale(1.08) rotate(-1deg)}
  24%{opacity:1;transform:translate(0,-50%) scale(1) rotate(0)}
  76%{opacity:1;transform:translate(0,-50%) scale(1)}
  100%{opacity:0;transform:translate(42px,-50%) scale(.9)}
}
@media(max-width:760px){
  .kq32-wrap.kq355-guest-cta .kq345-rename,
  .kq32-wrap .kq355-register-pulse{
    min-width:90px!important;
    max-width:110px!important;
    font-size:12px!important;
    padding:7px 9px!important;
  }
  .kq355-sidepop{
    right:10px;
    top:57%;
    width:min(260px,58%);
    min-height:94px;
    padding:10px 12px;
    border-radius:20px;
  }
  .kq355-sidepop b{
    font-size:42px;
  }
  .kq355-sidepop .skill{
    font-size:12px;
  }
  .kq355-sidepop .sub{
    font-size:10px;
  }
}


/* KQ 3.5.6 Private DM Core */
.kq356-dm-fab{
  position:relative!important;
  background:#7c3aed!important;
  color:#fff!important;
  border-color:#a78bfa!important;
}
.kq356-dm-fab .kq356-unread{
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:20px;
  height:20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  line-height:1;
  box-shadow:0 0 0 2px #fff;
}
.kq356-dm-btn{
  background:#7c3aed!important;
  color:#fff!important;
  border-color:#a78bfa!important;
  min-width:42px!important;
}
.kq356-dm-modal{
  position:fixed;
  inset:0;
  z-index:2147483200;
  display:none;
  align-items:center;
  justify-content:center;
  padding:18px;
  background:rgba(15,23,42,.55);
  backdrop-filter:blur(8px);
}
.kq356-dm-modal.open{
  display:flex;
}
.kq356-dm-card{
  width:min(980px,96vw);
  height:min(680px,86dvh);
  display:grid;
  grid-template-columns:310px minmax(0,1fr);
  background:#fff;
  border:1px solid #c7d2fe;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 32px 80px rgba(0,0,0,.34);
}
.kq356-inbox,
.kq356-thread{
  min-height:0;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
}
.kq356-inbox{
  border-right:1px solid #e0e7ff;
  background:#f8fafc;
}
.kq356-inbox header,
.kq356-thread header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
  padding:12px 14px;
  background:#0f172a;
  color:#fff;
}
.kq356-close{
  border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.12);
  color:#fff;
  border-radius:999px;
  padding:6px 10px;
  font-weight:1000;
}
.kq356-thread-list{
  overflow:auto;
  padding:8px;
  display:grid;
  gap:8px;
  align-content:start;
}
.kq356-thread-list button{
  display:grid;
  grid-template-columns:42px minmax(0,1fr) auto;
  gap:8px;
  align-items:center;
  padding:9px;
  border:1px solid #e0e7ff;
  border-radius:16px;
  background:#fff;
  cursor:pointer;
  text-align:left;
}
.kq356-thread-list .av{
  width:42px;
  height:42px;
  border-radius:999px;
  background:#7c3aed;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  font-weight:1000;
}
.kq356-thread-list .av img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.kq356-thread-list .info{
  min-width:0;
}
.kq356-thread-list .info b{
  display:block;
  color:#0f172a;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kq356-thread-list .info em{
  display:inline-flex;
  margin-left:6px;
  min-width:20px;
  height:20px;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  background:#ef4444;
  color:#fff;
  font-size:11px;
  font-style:normal;
}
.kq356-thread-list .info small{
  display:block;
  color:#64748b;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kq356-thread-list time{
  color:#64748b;
  font-size:11px;
}
.kq356-thread{
  grid-template-rows:auto minmax(0,1fr) auto;
}
.kq356-thread header small{
  color:#c7d2fe;
}
.kq356-thread-msgs{
  overflow:auto;
  padding:14px;
  background:linear-gradient(180deg,#ffffff,#f8fafc);
}
.kq356-thread-msgs article{
  display:flex;
  margin:8px 0;
}
.kq356-thread-msgs article.mine{
  justify-content:flex-end;
}
.kq356-thread-msgs article > div{
  max-width:min(520px,82%);
  border-radius:18px;
  padding:9px 12px;
  border:1px solid #e2e8f0;
  background:#fff;
}
.kq356-thread-msgs article.mine > div{
  background:#ede9fe;
  border-color:#c4b5fd;
}
.kq356-thread-msgs b{
  display:block;
  font-size:12px;
  color:#475569;
}
.kq356-thread-msgs p{
  margin:4px 0;
  color:#0f172a;
  line-height:1.35;
}
.kq356-thread-msgs time{
  color:#64748b;
  font-size:11px;
}
.kq356-send{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:8px;
  padding:12px;
  border-top:1px solid #e2e8f0;
  background:#fff;
}
.kq356-send textarea{
  resize:vertical;
  min-height:48px;
  border:1px solid #cbd5e1;
  border-radius:14px;
  padding:10px;
}
.kq356-send button{
  border:0;
  border-radius:999px;
  background:#7c3aed;
  color:#fff;
  font-weight:1000;
  padding:0 18px;
}
.kq356-dm-modal .empty{
  color:#64748b;
  font-weight:900;
  text-align:center;
  margin:auto;
}
@media(max-width:760px){
  .kq356-dm-modal{
    padding:0;
  }
  .kq356-dm-card{
    width:100vw;
    height:100dvh;
    border-radius:0;
    grid-template-columns:1fr;
    grid-template-rows:230px minmax(0,1fr);
  }
  .kq356-inbox{
    border-right:0;
    border-bottom:1px solid #e0e7ff;
  }
  .kq356-thread-list{
    display:flex;
    overflow-x:auto;
    overflow-y:hidden;
  }
  .kq356-thread-list button{
    min-width:240px;
  }
  .kq356-send{
    grid-template-columns:1fr;
  }
  .kq356-send button{
    min-height:44px;
  }
}


/* KQ 3.5.7 Hard Send Engine */
.kq357-hard-send .kq357-old-form-hidden{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.kq357-composer{
  display:grid;
  gap:8px;
  padding:10px;
  border:1px solid #bae6fd;
  border-radius:18px;
  background:#fff;
  box-shadow:0 8px 22px rgba(14,165,233,.08);
  position:relative;
  z-index:30;
}
.kq357-energy{
  border-radius:999px;
  padding:8px 12px;
  text-align:center;
  color:#b45309;
  background:#fef3c7;
  font-weight:1000;
}
.kq357-message{
  width:100%;
  min-height:66px;
  resize:vertical;
  border:1px solid #cbd5e1;
  border-radius:14px;
  padding:11px;
  font-size:14px;
  line-height:1.35;
  color:#0f172a;
  background:#fff;
}
.kq357-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:8px;
}
.kq357-status{
  color:#64748b;
  font-weight:800;
}
.kq357-send{
  border:0;
  border-radius:999px;
  padding:10px 18px;
  background:#0284c7;
  color:#fff;
  font-weight:1000;
  cursor:pointer;
}
.kq357-send:disabled{
  opacity:.7;
  cursor:wait;
}
@media(max-width:760px){
  .kq357-composer{
    position:sticky!important;
    bottom:72px!important;
    margin-top:8px!important;
  }
  .kq357-row{
    align-items:stretch;
  }
  .kq357-send{
    min-height:44px;
    padding:10px 16px;
  }
}


/* KQ 3.5.8 Guest Register CTA Hard Fix */
.kq32-wrap.kq358-force-register .kq32-player .kq345-rename,
.kq32-wrap.kq358-force-register .kq32-player .kq353-register-btn,
.kq32-wrap.kq358-force-register .kq32-player .kq355-register-pulse,
.kq32-wrap .kq32-player .kq358-register-cta{
  background:#dc2626!important;
  background-image:linear-gradient(180deg,#ef4444,#991b1b)!important;
  border:2px solid #fecaca!important;
  color:#ffffff!important;
  font-size:12px!important;
  font-weight:1000!important;
  min-width:92px!important;
  max-width:112px!important;
  padding:7px 10px!important;
  white-space:nowrap!important;
  line-height:1!important;
  text-shadow:0 1px 2px rgba(0,0,0,.38)!important;
  box-shadow:0 0 0 0 rgba(239,68,68,.95),0 9px 22px rgba(153,27,27,.38)!important;
  animation:kq358RedRegisterBlink .82s ease-in-out infinite!important;
}
.kq32-wrap.kq358-force-register .kq32-player .kq345-rename:hover,
.kq32-wrap .kq32-player .kq358-register-cta:hover{
  background:#ef4444!important;
  background-image:linear-gradient(180deg,#f87171,#dc2626)!important;
  color:#fff!important;
}
@keyframes kq358RedRegisterBlink{
  0%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.95),0 9px 22px rgba(153,27,27,.38)}
  50%{opacity:.48;transform:scale(1.06);box-shadow:0 0 0 11px rgba(239,68,68,0),0 11px 28px rgba(153,27,27,.52)}
  100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0),0 9px 22px rgba(153,27,27,.38)}
}
@media(max-width:760px){
  .kq32-wrap.kq358-force-register .kq32-player .kq345-rename,
  .kq32-wrap .kq32-player .kq358-register-cta{
    min-width:96px!important;
    max-width:120px!important;
    font-size:12px!important;
    padding:8px 10px!important;
  }
}


/* KQ 3.5.9 Stable Presence */
.kq359-stable-presence .kq359-count-badge{
  margin-left:auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:3px 8px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:#bae6fd;
  font-size:11px;
  font-weight:1000;
}
.kq359-online-card{
  display:grid;
  grid-template-columns:46px minmax(0,1fr);
  gap:8px;
  border:1px solid #dbeafe;
  border-radius:16px;
  background:#fff;
  padding:9px;
  transition:opacity .18s ease, filter .18s ease, border-color .18s ease;
}
.kq359-online-card .av{
  width:46px;
  height:46px;
  border-radius:999px;
  overflow:hidden;
  display:flex;
  align-items:center;
  justify-content:center;
  background:#0f766e;
  color:#fff;
  font-weight:1000;
}
.kq359-online-card .av img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.kq359-online-card .info{
  min-width:0;
}
.kq359-online-card .info b{
  display:block;
  color:#0f172a;
  font-size:14px;
  line-height:1.18;
  white-space:normal;
  overflow-wrap:anywhere;
}
.kq359-online-card .info em{
  display:inline-flex;
  margin-left:5px;
  padding:1px 5px;
  border-radius:999px;
  background:#0284c7;
  color:#fff;
  font-size:9px;
  font-style:normal;
}
.kq359-online-card .info small{
  display:block;
  color:#64748b;
  font-size:11px;
  font-weight:850;
}
.kq359-online-card.online{
  border-color:#99f6e4;
  box-shadow:0 0 0 2px rgba(20,184,166,.08) inset;
}
.kq359-online-card.online .info small::before{
  content:"● ";
  color:#10b981;
}
.kq359-online-card.recent{
  opacity:.68;
  filter:saturate(.75);
  border-style:dashed;
}
.kq359-online-card.recent .info small::before{
  content:"◌ ";
  color:#f59e0b;
}
.kq359-online-card.bot{
  background:#f0f9ff;
  border-color:#bae6fd;
  border-style:dashed;
}
.kq359-online-card .acts{
  grid-column:1 / -1;
  display:flex;
  justify-content:flex-end;
  gap:6px;
  flex-wrap:wrap;
}
.kq359-online-card .acts button{
  min-height:30px;
  border:1px solid #cbd5e1;
  border-radius:999px;
  background:#fff;
  padding:5px 9px;
  font-weight:1000;
}
.kq359-online-card .acts [data-act="pick"]{
  background:#0f766e;
  color:#fff;
  border-color:#0f766e;
}
.kq359-empty{
  padding:16px;
  text-align:center;
  color:#64748b;
  font-weight:900;
}
.kq32-presence-list [data-kq359-legacy] small{
  margin-left:auto;
  color:#64748b;
  font-size:10px;
}
@media(max-width:760px){
  .kq359-online-card{
    grid-template-columns:54px minmax(0,1fr);
    padding:12px;
    border-radius:18px;
  }
  .kq359-online-card .av{
    width:54px;
    height:54px;
  }
  .kq359-online-card .info b{
    font-size:17px;
  }
  .kq359-online-card .info small{
    font-size:13px;
  }
}


/* KQ 3.6.0 Guest CTA replacement */
.kq360-player-guest{
  position:relative!important;
}
.kq360-player-guest .kq360-hide-legacy-rename{
  display:none!important;
  visibility:hidden!important;
  pointer-events:none!important;
  opacity:0!important;
}
.kq360-player-guest .kq360-register-cta{
  margin-left:auto!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#dc2626!important;
  background-image:linear-gradient(180deg,#ef4444,#991b1b)!important;
  border:2px solid #fecaca!important;
  color:#fff!important;
  border-radius:999px!important;
  font-size:12px!important;
  font-weight:1000!important;
  min-width:96px!important;
  max-width:118px!important;
  padding:7px 10px!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-shadow:0 1px 2px rgba(0,0,0,.38)!important;
  box-shadow:0 0 0 0 rgba(239,68,68,.95),0 9px 22px rgba(153,27,27,.38)!important;
  animation:kq360RegisterBlink .82s ease-in-out infinite!important;
  z-index:20!important;
}
.kq360-player-guest .kq360-register-cta:hover{
  background:#ef4444!important;
  background-image:linear-gradient(180deg,#f87171,#dc2626)!important;
  color:#fff!important;
}
@keyframes kq360RegisterBlink{
  0%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.95),0 9px 22px rgba(153,27,27,.38)}
  50%{opacity:.48;transform:scale(1.06);box-shadow:0 0 0 11px rgba(239,68,68,0),0 11px 28px rgba(153,27,27,.52)}
  100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0),0 9px 22px rgba(153,27,27,.38)}
}

/* KQ 3.6.0 FX Corner Pop */
.kq350-combat-text,
.kq355-sidepop{
  display:none!important;
}
.kq360-cornerpop-layer{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
  border-radius:22px;
  z-index:190;
}
.kq360-cornerpop{
  position:absolute;
  right:18px;
  bottom:18px;
  width:min(340px,38%);
  min-height:108px;
  padding:13px 15px;
  border-radius:24px;
  color:#fff;
  background:linear-gradient(135deg,rgba(15,23,42,.92),rgba(15,118,110,.72));
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 22px 54px rgba(0,0,0,.34);
  backdrop-filter:blur(10px);
  animation:kq360CornerPop 3.25s cubic-bezier(.22,.92,.18,1) forwards!important;
  transform-origin:100% 100%;
}
.kq360-cornerpop::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(255,255,255,.42),rgba(245,158,11,.22),rgba(56,189,248,.2));
  opacity:.62;
  z-index:-1;
}
.kq360-cornerpop .kq360-skill{
  font-size:clamp(12px,1.45vw,16px);
  font-weight:1000;
  line-height:1.15;
  color:#fefce8;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kq360-cornerpop .kq360-main{
  display:flex;
  align-items:flex-end;
  gap:8px;
  margin:7px 0 4px;
}
.kq360-cornerpop b{
  font-size:clamp(42px,5.2vw,68px);
  line-height:.86;
  letter-spacing:-1.6px;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.35));
}
.kq360-cornerpop span{
  font-size:clamp(13px,1.8vw,21px);
  font-weight:1000;
  padding-bottom:5px;
  opacity:.9;
}
.kq360-cornerpop .kq360-sub{
  display:inline-flex;
  max-width:100%;
  padding:5px 9px;
  border-radius:999px;
  background:rgba(255,255,255,.14);
  color:rgba(255,255,255,.9);
  font-size:clamp(10px,1.25vw,13px);
  font-weight:900;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.kq360-cornerpop.damage b{color:#fecaca}
.kq360-cornerpop.gain b{color:#bbf7d0}
.kq360-cornerpop.shield b{color:#bfdbfe}
@keyframes kq360CornerPop{
  0%{opacity:0;transform:translate(34px,42px) scale(.74) rotate(4deg)}
  12%{opacity:1;transform:translate(0,0) scale(1.08) rotate(-1deg)}
  24%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}
  74%{opacity:1;transform:translate(0,0) scale(1) rotate(0)}
  100%{opacity:0;transform:translate(26px,32px) scale(.88) rotate(2deg)}
}
@media(max-width:760px){
  .kq360-player-guest .kq360-register-cta{
    min-width:98px!important;
    max-width:120px!important;
    font-size:12px!important;
    padding:8px 10px!important;
  }
  .kq360-cornerpop{
    right:10px;
    bottom:86px;
    width:min(260px,64%);
    min-height:92px;
    padding:10px 12px;
    border-radius:20px;
  }
  .kq360-cornerpop b{
    font-size:40px;
  }
  .kq360-cornerpop .kq360-skill{
    font-size:12px;
  }
  .kq360-cornerpop .kq360-sub{
    font-size:10px;
  }
}


/* KQ 3.6.1 Mobile Shell Hard Fix */
.kq361-mobile-shell{display:none}.kq361-toast{position:fixed;left:50%;bottom:92px;transform:translateX(-50%);z-index:2147483600;background:#0f172a;color:#fff;border-radius:999px;padding:10px 14px;font-weight:1000;box-shadow:0 14px 34px rgba(0,0,0,.28)}
@media(max-width:820px){html,body{overflow-x:hidden!important}.kq32-wrap.kq361-mobile-on{width:100%!important;max-width:100%!important;margin:0!important;border-radius:0!important;min-height:100dvh!important}.kq32-wrap.kq361-mobile-on .kq32-head{padding:12px 14px!important;min-height:auto!important;border-radius:0!important}.kq32-wrap.kq361-mobile-on .kq32-head .kq32-badge,.kq32-wrap.kq361-mobile-on .kq32-head small:first-child{font-size:11px!important;padding:4px 9px!important;opacity:.9!important}.kq32-wrap.kq361-mobile-on .kq32-head h2{font-size:28px!important;line-height:1.04!important;margin:8px 0 4px!important}.kq32-wrap.kq361-mobile-on .kq32-head p{font-size:13px!important;line-height:1.25!important;margin:0!important;max-height:34px!important;overflow:hidden!important}.kq32-wrap.kq361-mobile-on .kq32-head-tools,.kq32-wrap.kq361-mobile-on .kq356-dm-fab{display:none!important}.kq32-wrap.kq361-mobile-on>.kq32-body,.kq32-wrap.kq361-mobile-on>.kq347-fight-page,.kq32-wrap.kq361-mobile-on>.kq349-fight-page{display:none!important}.kq32-wrap.kq361-mobile-on .kq361-mobile-shell{display:block!important;height:calc(100dvh - 128px)!important;min-height:520px!important;background:#f8fdff!important;border-top:1px solid #bae6fd!important;position:relative!important;padding:10px 10px 86px!important;overflow:hidden!important}.kq361-page{display:none!important;height:100%!important;overflow:hidden!important}.kq361-page.active{display:block!important}.kq361-tabs{position:fixed!important;left:0!important;right:0!important;bottom:0!important;z-index:2147483300!important;display:grid!important;grid-template-columns:1fr 1fr 1fr!important;gap:8px!important;padding:8px!important;background:rgba(15,23,42,.96)!important;backdrop-filter:blur(10px)!important}.kq361-tabs button{min-height:54px!important;border-radius:999px!important;border:1px solid rgba(255,255,255,.18)!important;background:#374151!important;color:#fff!important;font-size:18px!important;font-weight:1000!important}.kq361-tabs button.active{background:#0f766e!important}.kq361-chat-list{height:calc(100% - 128px)!important;overflow:auto!important;padding:6px 4px 12px!important;display:grid!important;gap:10px!important;align-content:start!important}.kq361-msg{display:grid!important;grid-template-columns:46px minmax(0,1fr)!important;gap:8px!important;align-items:start!important}.kq361-msg .av{width:46px!important;height:46px!important;border-radius:999px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0f766e!important;color:#fff!important;font-weight:1000!important}.kq361-msg .av img{width:100%!important;height:100%!important;object-fit:cover!important}.kq361-msg .bubble{background:#fffbea!important;border:1px solid #fde68a!important;border-radius:18px!important;padding:9px 11px!important;box-shadow:0 5px 16px rgba(245,158,11,.06)!important}.kq361-msg .meta{display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;color:#64748b!important;font-size:13px!important;font-weight:900!important}.kq361-msg .meta b{color:#0f172a!important;font-size:14px!important}.kq361-msg .meta em{background:#ccfbf1!important;color:#0f766e!important;border-radius:999px!important;padding:2px 6px!important;font-style:normal!important}.kq361-msg .text{font-size:17px!important;line-height:1.35!important;color:#0f172a!important;overflow-wrap:anywhere!important}.kq361-composer{height:118px!important;display:grid!important;grid-template-columns:1fr auto!important;gap:8px!important;background:#fff!important;border:1px solid #bae6fd!important;border-radius:18px!important;padding:8px!important;box-shadow:0 10px 26px rgba(14,165,233,.12)!important}.kq361-composer textarea{resize:none!important;border:1px solid #cbd5e1!important;border-radius:14px!important;padding:10px!important;font-size:16px!important;line-height:1.3!important;min-height:76px!important}.kq361-composer button{align-self:end!important;min-width:72px!important;min-height:44px!important;border:0!important;border-radius:999px!important;background:#0284c7!important;color:#fff!important;font-weight:1000!important}.kq361-fight-card{height:100%!important;overflow:auto!important;background:#fff!important;border:1px solid #bae6fd!important;border-radius:22px!important;padding:14px!important;box-shadow:0 12px 30px rgba(14,165,233,.12)!important}.kq361-fight-card>b{display:block!important;background:#0f172a!important;color:#fff!important;border-radius:16px!important;padding:12px!important;font-size:20px!important;margin-bottom:12px!important}.kq361-fight-card label{display:block!important;font-size:15px!important;font-weight:1000!important;color:#0f172a!important;margin:12px 0!important}.kq361-fight-card select{width:100%!important;margin-top:7px!important;border:1px solid #cbd5e1!important;border-radius:15px!important;padding:12px!important;font-size:16px!important;background:#fff!important}.kq361-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:16px!important}.kq361-actions button{min-height:52px!important;border:0!important;border-radius:999px!important;color:#fff!important;background:#0f766e!important;font-size:17px!important;font-weight:1000!important}.kq361-actions [data-kind="gift"]{background:#f59e0b!important;color:#111827!important}.kq361-actions [data-kind="defend"]{background:#0284c7!important}.kq361-player-list{height:100%!important;overflow:auto!important;display:grid!important;gap:10px!important;align-content:start!important;padding:4px!important}.kq361-player-card{display:grid!important;grid-template-columns:56px minmax(0,1fr)!important;gap:10px!important;background:#fff!important;border:1px solid #dbeafe!important;border-radius:20px!important;padding:12px!important}.kq361-player-card .av{width:56px!important;height:56px!important;border-radius:999px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0f766e!important;color:#fff!important;font-weight:1000!important}.kq361-player-card .av img{width:100%!important;height:100%!important;object-fit:cover!important}.kq361-player-card .info b{display:block!important;font-size:18px!important;color:#0f172a!important;overflow-wrap:anywhere!important}.kq361-player-card .info small{display:block!important;color:#64748b!important;font-weight:850!important;font-size:13px!important}.kq361-player-card .acts{grid-column:1/-1!important;display:grid!important;grid-template-columns:1fr 1fr 1fr 1fr!important;gap:7px!important}.kq361-player-card .acts button{min-height:40px!important;border:1px solid #cbd5e1!important;border-radius:999px!important;background:#fff!important;font-weight:1000!important}.kq361-player-card .acts [data-act="pick"]{background:#0f766e!important;color:#fff!important;border-color:#0f766e!important}.kq361-player-card .acts [data-act="dm"]{background:#7c3aed!important;color:#fff!important;border-color:#7c3aed!important}.kq361-empty{padding:18px!important;color:#64748b!important;text-align:center!important;font-weight:900!important}.kq360-cornerpop,.kq355-sidepop{bottom:92px!important;right:10px!important;width:min(245px,62%)!important}}


/* KQ 3.6.2 Mobile Chat Loader Killer */
@media(max-width:820px){
.kq32-wrap.kq362-mobile-on{overflow:hidden!important}
.kq32-wrap.kq362-mobile-on>:not(.kq32-head):not(.kq361-mobile-shell):not(.kq356-dm-modal):not(.kq361-toast):not(.kq362-toast):not(.kq360-cornerpop-layer){display:none!important;visibility:hidden!important;pointer-events:none!important}
.kq32-wrap.kq362-mobile-on .kq361-mobile-shell{display:block!important;visibility:visible!important;pointer-events:auto!important}
.kq32-wrap.kq362-mobile-on .kq32-skeleton,.kq32-wrap.kq362-mobile-on .kq-skeleton,.kq32-wrap.kq362-mobile-on .skeleton,.kq32-wrap.kq362-mobile-on .loading:not(.kq362-chat-notice),.kq32-wrap.kq362-mobile-on .is-loading,.kq32-wrap.kq362-mobile-on [class*="skeleton"],.kq32-wrap.kq362-mobile-on [class*="spinner"]{display:none!important;animation:none!important;background:none!important}
.kq32-wrap.kq362-mobile-on .kq361-chat-list{background:#f8fdff!important;min-height:360px!important;display:grid!important;grid-auto-rows:max-content!important;align-content:start!important;gap:10px!important}
.kq362-chat-card{display:grid!important;grid-template-columns:48px minmax(0,1fr)!important;gap:9px!important;align-items:start!important;min-height:70px!important;opacity:1!important;visibility:visible!important;transform:none!important}.kq362-av{width:48px!important;height:48px!important;border-radius:999px!important;overflow:hidden!important;display:flex!important;align-items:center!important;justify-content:center!important;background:#0f766e!important;color:#fff!important;font-weight:1000!important;font-size:18px!important}.kq362-av img{width:100%!important;height:100%!important;object-fit:cover!important}.kq362-bubble{min-height:60px!important;background:#fffbea!important;border:1px solid #fde68a!important;border-radius:18px!important;padding:10px 12px!important;color:#0f172a!important;box-shadow:0 6px 18px rgba(245,158,11,.08)!important;overflow:visible!important}.kq362-meta{display:flex!important;align-items:center!important;flex-wrap:wrap!important;gap:7px!important;margin-bottom:4px!important;font-size:13px!important;line-height:1.2!important;color:#64748b!important;font-weight:900!important}.kq362-meta b{color:#0f172a!important;font-size:14px!important}.kq362-meta em{background:#ccfbf1!important;color:#0f766e!important;border-radius:999px!important;padding:2px 6px!important;font-style:normal!important}.kq362-text{display:block!important;color:#0f172a!important;font-size:17px!important;line-height:1.4!important;min-height:24px!important;overflow:visible!important;white-space:normal!important;overflow-wrap:anywhere!important;opacity:1!important;visibility:visible!important}.kq362-chat-notice{margin:18px 8px!important;padding:18px!important;border-radius:20px!important;background:#fff!important;border:1px solid #bae6fd!important;box-shadow:0 8px 24px rgba(14,165,233,.12)!important;color:#0f172a!important;text-align:center!important}.kq362-chat-notice b{display:block!important;font-size:18px!important;margin-bottom:6px!important}.kq362-chat-notice small{display:block!important;color:#64748b!important;font-size:13px!important;line-height:1.45!important}.kq362-chat-notice.loading{border-color:#fcd34d!important;background:#fffbeb!important}.kq362-chat-notice.error{border-color:#fca5a5!important;background:#fef2f2!important}.kq362-chat-notice.empty{border-color:#bbf7d0!important;background:#f0fdf4!important}.kq32-wrap.kq362-mobile-on .kq361-fight-card select{color:#0f172a!important;background:#fff!important;font-size:17px!important;min-height:58px!important}
}


/* KQ 3.6.3 Register Link Hard Click */
.kq32-wrap.kq363-guest-link-on .kq363-disable-old-register{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.kq32-wrap.kq363-guest-link-on .kq363-player-guest{position:relative!important}
.kq32-wrap.kq363-guest-link-on .kq363-register-link{display:inline-flex!important;align-items:center!important;justify-content:center!important;margin-left:auto!important;min-width:104px!important;max-width:132px!important;min-height:38px!important;padding:8px 13px!important;border-radius:999px!important;background:#dc2626!important;background-image:linear-gradient(180deg,#ef4444,#991b1b)!important;color:#fff!important;border:2px solid #fecaca!important;font-size:13px!important;font-weight:1000!important;line-height:1!important;white-space:nowrap!important;text-decoration:none!important;text-align:center!important;cursor:pointer!important;pointer-events:auto!important;touch-action:manipulation!important;-webkit-tap-highlight-color:rgba(239,68,68,.28)!important;user-select:none!important;position:relative!important;z-index:2147483000!important;text-shadow:0 1px 2px rgba(0,0,0,.38)!important;box-shadow:0 0 0 0 rgba(239,68,68,.95),0 10px 28px rgba(153,27,27,.44)!important;animation:kq363RegisterPulse .82s ease-in-out infinite!important}
.kq32-wrap.kq363-guest-link-on .kq363-register-link:hover,.kq32-wrap.kq363-guest-link-on .kq363-register-link:active{color:#fff!important;background:#ef4444!important;transform:scale(1.04)!important}
@keyframes kq363RegisterPulse{0%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.95),0 10px 28px rgba(153,27,27,.44)}50%{opacity:.55;transform:scale(1.06);box-shadow:0 0 0 12px rgba(239,68,68,0),0 13px 34px rgba(153,27,27,.55)}100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0),0 10px 28px rgba(153,27,27,.44)}}
@media(max-width:820px){.kq32-wrap.kq363-guest-link-on .kq363-register-link{min-width:116px!important;min-height:44px!important;font-size:14px!important;padding:10px 14px!important}}


/* KQ 3.6.4 Guest Auth Register + Login */
.kq32-wrap.kq364-guest-auth-on .kq364-disable-legacy-auth,
.kq32-wrap.kq364-auth-hidden .kq364-auth-actions,
.kq32-wrap.kq364-auth-hidden .kq363-register-link,
.kq32-wrap.kq364-auth-hidden .kq360-register-cta,
.kq32-wrap.kq364-auth-hidden .kq358-register-cta,
.kq32-wrap.kq364-auth-hidden .kq353-register-btn,
.kq32-wrap.kq364-auth-hidden .kq355-register-pulse{
  display:none!important;
  visibility:hidden!important;
  opacity:0!important;
  pointer-events:none!important;
}

.kq32-wrap.kq364-guest-auth-on .kq364-player-guest{
  position:relative!important;
}

.kq364-auth-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  margin-left:auto!important;
  flex-wrap:wrap!important;
  position:relative!important;
  z-index:2147483000!important;
  pointer-events:auto!important;
}

.kq364-auth-btn{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:38px!important;
  padding:8px 13px!important;
  border-radius:999px!important;
  font-size:13px!important;
  font-weight:1000!important;
  line-height:1!important;
  white-space:nowrap!important;
  text-decoration:none!important;
  text-align:center!important;
  cursor:pointer!important;
  pointer-events:auto!important;
  touch-action:manipulation!important;
  -webkit-tap-highlight-color:rgba(14,165,233,.22)!important;
  user-select:none!important;
  border:2px solid transparent!important;
}

.kq364-register-link{
  min-width:104px!important;
  background:#dc2626!important;
  background-image:linear-gradient(180deg,#ef4444,#991b1b)!important;
  color:#fff!important;
  border-color:#fecaca!important;
  text-shadow:0 1px 2px rgba(0,0,0,.38)!important;
  box-shadow:0 0 0 0 rgba(239,68,68,.95),0 10px 28px rgba(153,27,27,.44)!important;
  animation:kq364RegisterPulse .88s ease-in-out infinite!important;
}

.kq364-login-link{
  min-width:78px!important;
  background:#0f766e!important;
  background-image:linear-gradient(180deg,#14b8a6,#0f766e)!important;
  color:#fff!important;
  border-color:#99f6e4!important;
  box-shadow:0 8px 22px rgba(15,118,110,.28)!important;
}

.kq364-auth-btn:hover,
.kq364-auth-btn:active{
  color:#fff!important;
  transform:scale(1.04)!important;
}

@keyframes kq364RegisterPulse{
  0%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,.95),0 10px 28px rgba(153,27,27,.44)}
  50%{opacity:.58;transform:scale(1.05);box-shadow:0 0 0 10px rgba(239,68,68,0),0 13px 34px rgba(153,27,27,.55)}
  100%{opacity:1;transform:scale(1);box-shadow:0 0 0 0 rgba(239,68,68,0),0 10px 28px rgba(153,27,27,.44)}
}

@media(max-width:820px){
  .kq364-auth-actions{
    gap:7px!important;
    justify-content:flex-start!important;
    width:100%!important;
    margin-left:0!important;
    margin-top:8px!important;
  }
  .kq364-auth-btn{
    min-height:44px!important;
    font-size:14px!important;
    padding:10px 14px!important;
  }
  .kq364-register-link{
    min-width:116px!important;
  }
  .kq364-login-link{
    min-width:92px!important;
  }
}