:root{ --gold:#E1B955; --line:#eceff3; --txt:#111827; --muted:#6B7280; }
.arena-launcher{
  position:fixed;right:18px;bottom:18px;width:56px;height:56px;border-radius:50%;
  border:none;background:linear-gradient(180deg,#F6D56C,#E1B955);color:#111827;
  font-size:22px;box-shadow:0 10px 22px rgba(225,185,85,.35);cursor:pointer;z-index:90;
}
.arena-chat{
  position:fixed;right:18px;bottom:86px;width:min(360px,92vw);max-height:70vh;
  background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 14px 40px rgba(17,24,39,.15);
  display:flex;flex-direction:column;overflow:hidden;z-index:95;
}
.hidden{display:none}
.ac-head{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;border-bottom:1px solid var(--line);background:#fff}
.ac-head .sub{font-size:12px;color:var(--muted)}
#ac-body{padding:12px;overflow:auto;display:flex;flex-direction:column;gap:10px}
.msg{max-width:80%;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.msg.user{align-self:flex-end;background:#f8fafc}
.msg.bot{align-self:flex-start;background:#fff}
.msg.admin{align-self:flex-end;background:#fff9e6;border-color:#F6D56C}
.ac-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--line);background:#fff}
#ac-input{flex:1;border:1px solid var(--line);border-radius:12px;padding:10px}
.ac-send{border:none;border-radius:12px;padding:10px 12px;background:linear-gradient(180deg,#F6D56C,#E1B955);cursor:pointer}
@media (max-width:480px){ .arena-chat{right:10px;left:10px;bottom:78px;width:auto} }