.kcod-hotbar{display:flex;align-items:center;gap:12px;justify-content:center;flex-wrap:wrap;
  background:linear-gradient(90deg,#1e1250,#0d0820);color:#fff;padding:10px 16px;
  font-family:Rubik,sans-serif;font-size:.82rem;text-align:center}
.khb-dot{width:7px;height:7px;border-radius:50%;background:#e53535;flex-shrink:0;
  animation:khbPulse 1.2s ease infinite}
@keyframes khbPulse{0%,100%{opacity:1}50%{opacity:.35}}
.khb-text{color:rgba(255,255,255,.85);font-weight:500}
.khb-btn{background:#c9a84c;color:#241744;font-weight:800;font-size:.78rem;
  padding:6px 14px;border-radius:7px;text-decoration:none;white-space:nowrap;flex-shrink:0}
.khb-btn:hover{background:#dabb5f}
@media(max-width:600px){.kcod-hotbar{font-size:.76rem;padding:9px 12px}.khb-text{width:100%;order:1}
  .khb-dot{order:0}.khb-btn{order:2}}