.event-mode-btn{
  width:100%;
  margin-top:12px;
  padding:18px;
  border:1px solid #d9a35f;
  background:#d9a35f;
  color:#08090b;
  font-weight:900;
  letter-spacing:.08em;
  cursor:pointer;
}

.event-qr-overlay{
  position:fixed;
  inset:0;
  z-index:99999;
  background:#050607;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:24px;
}

.event-qr-inner{
  text-align:center;
  width:min(88vw,560px);
}

.event-qr-inner img{
  display:block;
  width:100%;
  background:#fff;
  padding:18px;
}

.event-qr-title{
  color:#fff;
  font-weight:900;
  font-size:20px;
  letter-spacing:.14em;
  margin-bottom:20px;
}

.event-qr-hint{
  color:#9ca3af;
  margin-top:16px;
}

.event-qr-close{
  position:absolute;
  top:20px;
  right:24px;
  width:auto;
  background:none;
  color:#fff;
  font-size:42px;
  font-weight:300;
  padding:4px 10px;
}