.btn-surrender {
  position: absolute;
  bottom: 14px; left: 50%;
  transform: translateX(-50%);
  padding: 7px 22px;
  background: transparent; border: 1px solid #3a1515;
  color: #7a3030; font-size: 12px; font-weight: 700;
  border-radius: 8px; cursor: pointer;
  transition: all 0.15s; white-space: nowrap;
  z-index: 10;
}
.btn-surrender:hover { background: #1a0808; border-color: #7a2020; color: #f87171; }
.btn-bot-settings {
  position: absolute;
  bottom: 14px; right: 20px;
  padding: 7px 16px;
  background: transparent; border: 1px solid #2a2a3a;
  color: #6a6a8a; font-size: 12px; font-weight: 700;
  border-radius: 8px; cursor: pointer;
  transition: all 0.15s; white-space: nowrap;
  z-index: 10;
}
.btn-bot-settings:hover { background: #1a1a2a; border-color: #4a4a6a; color: #8a8aaa; }
.surrender-dialog {
  position: fixed; inset: 0; top: 32px; z-index: 600;
  display: flex; align-items: center; justify-content: center;
  background: rgba(0,0,0,0.8); backdrop-filter: blur(4px);
  animation: settingsFadeIn 0.15s ease both;
}
.surrender-dialog-card {
  background: #111; border: 1px solid #7f1d1d; border-radius: 14px;
  padding: 32px 40px; display: flex; flex-direction: column;
  align-items: center; gap: 20px;
  animation: settingsSlideIn 0.2s cubic-bezier(0.22,1,0.36,1) both;
  max-width: 340px; text-align: center;
}
.surrender-dialog-title { font-size: 20px; font-weight: 800; color: #f87171; }
.surrender-dialog-text { font-size: 14px; color: #666; line-height: 1.5; }
.surrender-dialog-btns { display: flex; gap: 10px; width: 100%; }
.surrender-confirm-btn {
  flex: 1; padding: 10px; border-radius: 8px;
  background: #7f1d1d; border: none; color: #fca5a5;
  font-size: 13px; font-weight: 700; cursor: pointer;
  transition: background 0.12s;
}
.surrender-confirm-btn:hover { background: #991b1b; }
.surrender-cancel-btn {
  flex: 1; padding: 10px; border-radius: 8px;
  background: #151515; border: 1px solid #222; color: #aaa;
  font-size: 13px; font-weight: 700; cursor: pointer;
  transition: background 0.12s;
}
.surrender-cancel-btn:hover { background: #1e1e1e; }

@media (max-width: 768px) {
  .btn-surrender {
    bottom: 80px;
    padding: 8px 16px;
    font-size: 11px;
    left: 50%;
    transform: translateX(-50%);
  }
  
  .btn-bot-settings {
    bottom: 80px;
    right: 10px;
    padding: 8px 12px;
    font-size: 11px;
  }
}